/* ==========================================================================
   ESTILOS MODULARES POPUP EMERGENTE - SANTA ANA MAYA 2024-2027
   ========================================================================== */

/* Sombras profundas y bordes suavizados para la tarjeta del modal */
#popupModal .modal-content {
    border-radius: 1.25rem !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4) !important;
}

/* Encabezado del Modal con la paleta de color institucional del PT */
#popupModal .bg-pt-red {
    background-color: var(--pt-rojo, #E30613) !important;
}

/* Botón de cierre adaptable */
#popupModal .btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%);
    opacity: 0.85;
    transition: opacity 0.2s ease-in-out;
}

#popupModal .btn-close-white:hover {
    opacity: 1;
}

/* Caja de contenido o ilustración izquierda */
.popup-icon-box {
    background-color: rgba(227, 6, 19, 0.08);
    border: 1px dashed var(--pt-rojo, #E30613);
    border-radius: 1rem;
}

/* Botones de acción del popup */
#popupModal .btn-pt-red {
    background-color: var(--pt-rojo, #E30613);
    color: #FFFFFF !important;
    border: 1px solid var(--pt-rojo, #E30613);
    transition: all 0.25s ease-in-out;
}

#popupModal .btn-pt-red:hover {
    background-color: #B8000A;
    box-shadow: 0 4px 12px rgba(227, 6, 19, 0.3);
}

/* Ajustes para dispositivos móviles */
@media (max-width: 575.98px) {
    #popupModal .modal-body {
        padding: 1.5rem !important;
    }
}