/* ================================
   SWEETALERT2 – ESTILOS PERSONALIZADOS
   ================================ */

/* Contenedor principal */
.swal2-popup {
    background: #323844 !important; /* Fondo personalizado */
    color: #ffffff !important; /* Texto */
    border-radius: 14px !important;
    padding: 20px 25px !important;
    font-family: "Segoe UI", Roboto, sans-serif !important;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45) !important;
}

/* Título */
.swal2-title {
    font-size: 1.7rem !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    margin-bottom: 10px !important;
}

/* Texto del mensaje */
.swal2-html-container {
    color: #d6d6e2 !important;
    font-size: 1.1rem !important;
    line-height: 1.45;
}

swal2-popup {
    animation: none !important
}

/* Íconos personalizados */
.swal2-icon {
    transform: scale(0.9) !important;
}

    .swal2-icon.swal2-info,
    .swal2-icon.swal2-question,
    .swal2-icon.swal2-warning,
    .swal2-icon.swal2-error,
    .swal2-icon.swal2-success {
        border-color: white !important;
        color: white !important;
        
    }


/* Botones */
.swal2-confirm,
.swal2-cancel {
    padding: 10px 20px !important;
    font-size: 1rem !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
}

/* Botón confirm */
.swal2-confirm {
    background: #ee810a !important;
    color: #ffffff !important;
    /*box-shadow: 0 3px 8px rgba(76, 175, 80, 0.45) !important;*/
}
/*
    .swal2-confirm:hover {
        background: #3e8e41 !important;
    }*/

/* Botón cancelar */
.swal2-cancel {
    background: #ee810a !important;
    color: #ffffff !important;
    margin-right: 10px !important;
    box-shadow: 0 3px 8px rgba(244, 67, 54, 0.45) !important;
}

    .swal2-cancel:hover {
        background: #c62828 !important;
    }

/* Inputs */
.swal2-input,
.swal2-textarea {
    background: #2a2a3d !important;
    border: 1px solid #43435a !important;
    color: #ffffff !important;
    border-radius: 8px !important;
}

    .swal2-input:focus,
    .swal2-textarea:focus {
        border-color: #4CAF50 !important;
        box-shadow: 0 0 5px #4CAF50 !important;
    }

/* Fondo oscuro detrás de la alerta */
.swal2-backdrop-show {
    background: rgba(0, 0, 0, 0.65) !important;
}

/* Barra de carga */
.swal2-loader {
    border-width: 3px !important;
    border-color: #4CAF50 transparent #4CAF50 transparent !important;
}

/* Botón de cerrar (X) */
.swal2-close {
    color: #bbb !important;
    font-size: 1.5rem !important;
}

    .swal2-close:hover {
        color: #fff !important;
    }


.seccion-preguntas {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 30px
}