﻿/* CSS used here will be applied after bootstrap.css */
.swal2-modal pre {
    /*background: #49483e;*/
    color: #337ab7;
    /*padding: 10px;*/
    font-size: 20px;
    font-weight: bold;
    border: none;
    text-transform: uppercase;
}

/*.swal2-custom-confirm {
    width: 100px;
    height: 50px;
    font-size: 18px;
    font-weight:bold;
}

.swal2-custom-cancel {
    width: 100px;
    height: 45px;
    font-size: 16px;
}*/

/* Clase unificada para todos los botones SWAL */
.swal2-btn-uniform {
    min-width: 100px;
    height: 42px;
    font-size: 15px;
    font-weight: bold;
    border-radius: 0 !important;
}

/* Clases deprecadas - mantener por compatibilidad */
.swal2-custom-confirm,
.swal2-custom-cancel {
    min-width: 100px;
    height: 42px;
    font-size: 15px;
    font-weight: bold;
}

/* DANGER */
.swal-error-popup {
    border: 2px solid #dc3545;
    box-shadow: 0 0 15px rgba(220, 53, 69, 0.4);
    /*border-radius: 8px;*/
}

/* SUCCESS */
.swal-success-popup {
    border: 2px solid #28a745;
    box-shadow: 0 0 15px rgba(40, 167, 69, 0.4);
    /*border-radius: 8px;*/
}

/* WARNING */
.swal-warning-popup {
    border: 2px solid #ffc107;
    box-shadow: 0 0 15px rgba(255, 193, 7, 0.4);
    /*border-radius: 8px;*/
}

/* INFO */
.swal-info-popup {
    border: 2px solid #17a2b8;
    box-shadow: 0 0 15px rgba(23, 162, 184, 0.4);
    /*border-radius: 8px;*/
}

/* QUESTION */
.swal-question-popup {
    border: 2px solid #6610f2; /* color similar al "primary" / interrogativo */
    box-shadow: 0 0 15px rgba(102, 16, 242, 0.4);
    /*border-radius: 8px;*/
}

/* ============== Timer de auto-cierre ==============
   La barra la dibuja SweetAlert (timerProgressBar); aca solo se le da el color del tipo,
   y el footer se parte en dos: contador a la izquierda, sello tecnico a la derecha. */

.swal2-footer .swal-footer {
    display: flex;
    align-items: center;
    gap: .75rem;
    width: 100%;
}

/* margin-left:auto lo empuja a la derecha SIEMPRE, haya contador o no */
.swal-footer-stamp {
    margin-left: auto;
    opacity: .5;
}

/* Tabular para que el numero no haga saltar el texto al bajar de 10 a 9 */
[data-swal-countdown] {
    font-variant-numeric: tabular-nums;
}

/* El color de la barra acompania al borde del popup (ver bloques de arriba) */
.swal-success-popup  .swal2-timer-progress-bar { background: #28a745; }
.swal-error-popup    .swal2-timer-progress-bar { background: #dc3545; }
.swal-warning-popup  .swal2-timer-progress-bar { background: #ffc107; }
.swal-info-popup     .swal2-timer-progress-bar { background: #17a2b8; }
.swal-question-popup .swal2-timer-progress-bar { background: #6610f2; }

/* Congelado por interaccion del usuario: la barra desaparece, queda el texto del footer */
.swal-timer-frozen .swal2-timer-progress-bar-container {
    display: none;
}

/* Mismo criterio que ui-autorefresh-progress en layout.css: sin animacion queda el numero */
@media (prefers-reduced-motion: reduce) {
    .swal2-timer-progress-bar-container { display: none; }
}
