/* Alertas institucionales - EvaluacionAprendizajes */

.ea-alerta-popup {
    border-radius: 14px !important;
    padding: 1.5rem !important;
    font-family: 'Roboto', 'Open Sans', sans-serif;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12);
}

.ea-alerta-titulo {
    font-size: 1.35rem !important;
    font-weight: 600 !important;
    color: #263238 !important;
}

.ea-alerta-contenido {
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    color: #555 !important;
}

.ea-alerta-boton,
.ea-alerta-cancelar {
    border-radius: 6px;
    padding: 10px 22px;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.ea-alerta-boton {
    border: 1px solid #0d6efd;
    background: #0d6efd;
    color: white;
}

    .ea-alerta-boton:hover {
        background: #0b5ed7;
    }

.ea-alerta-peligro {
    background: #dc3545;
    border-color: #dc3545;
}

    .ea-alerta-peligro:hover {
        background: #bb2d3b;
    }

.ea-alerta-cancelar {
    border: 1px solid #ced4da;
    background: #fff;
    color: #495057;
}

    .ea-alerta-cancelar:hover {
        background: #f1f3f5;
    }

.ea-alerta-toast {
    border-radius: 10px !important;
    font-family: 'Roboto', 'Open Sans', sans-serif;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.12);
}

@media (max-width: 576px) {
    .ea-alerta-popup {
        width: calc(100% - 24px) !important;
        padding: 1rem !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ea-alerta-boton,
    .ea-alerta-cancelar {
        transition: none;
    }
}


/* Separación entre botones de confirmación */
.ea-alerta-popup .swal2-actions {
    gap: 12px !important;
    margin-top: 24px !important;
}

    /* Evitar márgenes adicionales de SweetAlert2 */
    .ea-alerta-popup .swal2-actions button {
        margin: 0 !important;
    }

/* Respetar saltos de línea en los mensajes de SweetAlert2 */
.swal2-html-container {
    white-space: pre-line;
}

/* Mostrar SweetAlert2 por encima de los modales Bootstrap */
.swal2-container {
    z-index: 100000 !important;
}