/**
 * EdFactura
 *
 * Copyright (c) 2026 LISANDRO ANTONIO NUNEZ MARTE.
 * Nombre comercial: ALUTECS SERVICES.
 * Todos los derechos reservados.
 *
 * Este cσdigo fuente es confidencial y propietario de ALUTECS SERVICES.
 * Su acceso estα restringido exclusivamente a personas autorizadas.
 *
 * El acceso o uso del sistema EdFactura no concede ningϊn derecho
 * sobre este cσdigo fuente ni sobre la propiedad intelectual asociada.
 *
 * Queda estrictamente prohibida, sin autorizaciσn previa y por escrito
 * de su titular, la reproducciσn, copia, modificaciσn, divulgaciσn,
 * transferencia, publicaciσn, distribuciσn o utilizaciσn, total o
 * parcial, de este cσdigo fuente o de cualquier obra derivada.
 */
/*
 * Aspecto de las alertas SweetAlert2 β€” EdFactura
 * Alutecs Services
 *
 * Un solo archivo para las ~890 llamadas `Swal.fire()` del sistema: ninguna
 * vista se modifica. Funciona porque esta versiΓ³n de SweetAlert2 publica sus
 * medidas como variables CSS; basta con redefinirlas.
 *
 * ── Por quΓ© todo lleva `!important` ──────────────────────────────────────
 *
 * `sweet-alert.min.js` es la compilaciΓ³n que trae el CSS dentro y lo INYECTA
 * en un `<style>` al cargarse. Ese bloque entra despuΓ©s de cualquier `<link>`
 * de la pΓ‘gina, asΓ­ que su `:root { --swal2-width: 32em; ... }` gana por orden
 * a cualquier `:root` nuestro, por muy tarde que se enlace este archivo.
 *
 * No es cosmΓ©tica: sin `!important` solo se aplicaban las reglas de clase que
 * ya lo llevaban β€”tΓ­tulo, texto, botonesβ€” y se perdΓ­an ancho, radio, espacios,
 * tamaΓ±o del icono y animaciΓ³n. El aspecto quedaba a medias.
 *
 * Las propiedades personalizadas admiten `!important` y respetan la cascada
 * igual que cualquier otra declaraciΓ³n, asΓ­ que basta con eso.
 *
 * Para volver al aspecto original: quitar el <link> del layout. No hay nada mΓ‘s
 * que deshacer β€” no se toca el archivo de la librerΓ­a ni ninguna llamada.
 *
 * QuΓ© se cambia y por quΓ©:
 *
 *   Β· El diΓ‘logo ocupaba 32em de ancho para mostrar una lΓ­nea de texto. A 26em
 *     el mensaje sigue entrando y el cuadro deja de comerse la pantalla.
 *   Β· El icono venΓ­a al 100%: era el elemento mΓ‘s grande del diΓ‘logo, mΓ‘s que
 *     el propio mensaje. Al 72% sigue leyΓ©ndose de un vistazo sin dominarlo.
 *   Β· Los espacios interiores estaban pensados para un cuadro grande; con el
 *     cuadro mΓ‘s pequeΓ±o sobraban.
 *   Β· La animaciΓ³n de entrada de 0.3s se percibe lenta en algo que aparece
 *     decenas de veces al dΓ­a. A 0.18s se siente inmediata sin dar tirones.
 */

:root {
  /* ── TamaΓ±o y forma ────────────────────────────────────────────────── */
  --swal2-width: 26em !important;
  --swal2-border-radius: 14px !important;
  --swal2-padding: 0 0 1.15em !important;

  /* ── Espacios interiores ───────────────────────────────────────────── */
  --swal2-title-padding: 0.9em 1.3em 0 !important;
  --swal2-html-container-padding: 0.55em 1.5em 0.2em !important;
  --swal2-actions-margin: 1.05em auto 0 !important;

  /* ── El icono deja de ser el protagonista ──────────────────────────── */
  --swal2-icon-zoom: 0.72 !important;

  /* ── Que se sienta inmediato ───────────────────────────────────────── */
  --swal2-show-animation: swal2-show 0.18s !important;
  --swal2-hide-animation: swal2-hide 0.12s forwards !important;

  /* ── El fondo, algo menos opaco: se sigue viendo dΓ³nde estabas ─────── */
  --swal2-backdrop: rgba(23, 32, 42, 0.32) !important;
}

/* ── Sombra y tipografΓ­a ──────────────────────────────────────────────
 * Van como reglas y no como variables porque la librerΓ­a no las publica.
 */
.swal2-popup {
  box-shadow: 0 18px 48px rgba(23, 32, 42, .18), 0 2px 8px rgba(23, 32, 42, .08) !important;
  font-size: 15px !important;
}

.swal2-title {
  font-size: 1.18em !important;
  font-weight: 600 !important;
  line-height: 1.35;
  color: #232b3a;
}

.swal2-html-container {
  font-size: .93em !important;
  line-height: 1.5;
  color: #5a6572 !important;
}

/* ── Botones ──────────────────────────────────────────────────────────
 * MΓ‘s bajos y con el radio del resto del panel. Sin la sombra de foco
 * gruesa de la librerΓ­a, que en un cuadro pequeΓ±o se ve desproporcionada.
 */
.swal2-actions {
  gap: 8px !important;
}

.swal2-styled {
  padding: .5em 1.4em !important;
  border-radius: 8px !important;
  font-size: .94em !important;
  font-weight: 500;
  box-shadow: none !important;
  transition: filter .15s ease;
}

.swal2-styled:hover {
  filter: brightness(.94);
}

.swal2-styled:focus {
  box-shadow: 0 0 0 3px rgba(38, 192, 214, .28) !important;
}

/* El botΓ³n de cancelar como acciΓ³n secundaria: presente, sin competir con
   la principal. En una confirmaciΓ³n, el color fuerte debe estar en lo que
   el usuario va a pulsar mΓ‘s veces. */
.swal2-cancel.swal2-styled {
  background-color: #eef0f3 !important;
  color: #5a6572 !important;
}

/* ── Campos dentro del diΓ‘logo ───────────────────────────────────────
 * Los usa, por ejemplo, la liquidaciΓ³n de comisiones, que pide fecha y
 * referencia en el propio Swal.
 */
.swal2-input,
.swal2-select,
.swal2-textarea {
  font-size: .93em;
  border-radius: 8px;
  height: auto;
  padding: .5em .75em;
}

/* ── Aviso de validaciΓ³n ─────────────────────────────────────────────── */
.swal2-validation-message {
  font-size: .88em;
  border-radius: 8px;
  padding: .5em .9em;
}

/* ── BotΓ³n de cerrar ──────────────────────────────────────────────────
 * A 2.5em tapaba el tΓ­tulo en los cuadros estrechos.
 */
.swal2-close {
  font-size: 1.9em !important;
  width: 1.1em;
  height: 1.1em;
  line-height: 1.1em;
}

/* ── Barra del temporizador ───────────────────────────────────────────
 * Los avisos con `timer` la muestran; al ras del borde inferior redondeado
 * se ve mejor que cruzando la esquina.
 */
.swal2-timer-progress-bar {
  background: rgba(38, 192, 214, .55);
  height: 3px;
}

/* ── MΓ³vil ────────────────────────────────────────────────────────────
 * Por debajo de 480px, 26em se sale de la pantalla.
 */
@media (max-width: 480px) {
  :root {
    --swal2-width: 92vw !important;
    --swal2-html-container-padding: 0.5em 1.1em 0.2em !important;
  }

  .swal2-title { font-size: 1.08em !important; }
}