.glossy-overlay {
    background: rgb(53 53 53 / 90%);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(8px) saturate(160%);
    -webkit-backdrop-filter: blur(8px) saturate(160%);
    border: 1px solid rgba(255, 255, 255, 0.18);
    overflow: hidden;
}

.glossy-overlay::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(-45deg, transparent 40%, rgba(255,255,255,0.2) 50%, transparent 60%);
    animation: shimmer 1.7s infinite linear;
    pointer-events: none;
    z-index: 2;
}

.glossy-overlay-inicial {
    background: rgb(0 0 0 / 90%);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(8px) saturate(160%);
    -webkit-backdrop-filter: blur(8px) saturate(160%);
    border: 1px solid rgba(255, 255, 255, 0.18);
    overflow: hidden;
}

.glossy-overlay-inicial::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(-45deg, transparent 40%, rgba(255,255,255,0.2) 50%, transparent 60%);
    animation: shimmer 1.7s infinite linear;
    pointer-events: none;
    z-index: 2;
}

@keyframes shimmer {
    0% { transform: translateX(-60%) translateY(-60%); }
    100% { transform: translateX(60%) translateY(60%); }
}