/* Estilos de la vista de inicio de egresados (egresados.blade.php) */

/* Banner contador: radial desktop */
.egr-contador-bg {
    background: radial-gradient(33.98% 234.85% at 40.29% 139.06%, #FFCC00 0%, #D11331 49.88%, #971D7A 76.93%, #5F0DA6 100%);
}

/* Ajustes solo móvil (Figma Inicio-R, node 320:2531) */
@media (max-width: 1023.98px) {

    /* Contador-movil: arcoiris desde la esquina inferior izquierda */
    .egr-contador-bg {
        background: radial-gradient(circle farthest-corner at 0% 100%, #FFCC00 0%, #F49E0C 12%, #E87019 25%, #DD4125 37%, #D72A2B 44%, #D1133A 50%, #B41856 63%, #971D7A 77%, #7B1590 88%, #5F0DA6 100%);
    }

    /* Botón flotante "Actualiza tus Datos" */
    .egr-fab-actualiza {
        background: linear-gradient(-48deg, #ffb95a 0%, #ff980e 16.4%, #dd2b3b 54.9%);
    }
}

/* Dots del carrusel de oportunidades */
.opp-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(149, 52, 235, 0.3);
    transition: background 0.3s, transform 0.3s;
    cursor: pointer;
    border: none;
    padding: 0;
}

.opp-dot.is-active {
    background: #9534eb;
    transform: scale(1.2);
}

/* Móvil (Figma 320:3380): puntos de 16px con borde morado; el activo va relleno */
@media (max-width: 1023.98px) {
    .opp-dot {
        width: 16px;
        height: 16px;
        background: transparent;
        border: 1px solid #9534eb;
    }

    .opp-dot.is-active {
        background: #9534eb;
        transform: none;
    }
}

/* Transición suave de imágenes */
.opp-img {
    transition: opacity 0.5s ease;
}

/* Slides ocultos: display:none pero con transición de opacidad al mostrar */
.opp-slide {
    display: flex;
}

.opp-slide.hidden {
    display: none;
}

@keyframes aliados-left {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

@keyframes aliados-right {
    from {
        transform: translateX(-50%);
    }

    to {
        transform: translateX(0);
    }
}

.aliados-track-left {
    animation: aliados-left 45s linear infinite;
}

.aliados-track-right {
    animation: aliados-right 45s linear infinite;
}

.aliados-track-left:hover,
.aliados-track-right:hover {
    animation-play-state: paused;
}

/* Degradados oscuros sobre las fotos de las tarjetas de "Líderes del mes" */
.egr-overlay-lider {
    background: linear-gradient(90deg, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, .2) 100%), linear-gradient(193deg, rgba(0, 0, 0, 0) 48%, rgba(0, 0, 0, .8) 87%);
}

.egr-overlay-198 {
    background: linear-gradient(198deg, rgba(0, 0, 0, 0) 48%, rgba(0, 0, 0, .8) 87%);
}

.egr-overlay-207 {
    background: linear-gradient(207deg, rgba(0, 0, 0, 0) 48%, rgba(0, 0, 0, .8) 87%);
}

.egr-overlay-210 {
    background: linear-gradient(210deg, rgba(0, 0, 0, 0) 49%, rgba(0, 0, 0, .83) 72%);
}

/* Zona de carga de fotografías */
.egr-dropzone {
    background: #31005c;
    border: 1px dashed #9534eb;
}

.egr-dropzone.is-drag {
    background: #44007a;
}

/* Tarjeta translúcida del formulario de "Comparte tus momentos" */
.egr-card-glass {
    background: rgba(255, 255, 255, 0.1);
}