/* dq-swal.css — Tema de los diálogos. SweetAlert2 trae su propio aspecto; aquí se le pone
   el de DiagnostiQ para que un diálogo no se sienta como una pieza prestada. */

.swal2-container { padding: 18px; }
.swal2-backdrop-show { background: rgba(10, 18, 32, .62) !important; }

.dq-swal {
  width: 100%; max-width: 420px; border-radius: 18px; padding: 26px 24px 22px;
  background: #fff; border: 1px solid var(--border);
  box-shadow: 0 26px 70px rgba(10, 18, 32, .34);
  font-family: 'DM Sans', system-ui, sans-serif;
}
.dq-swal-ttl {
  font-size: 18px; font-weight: 700; color: var(--navy);
  line-height: 1.3; padding: 0; margin: 0 0 8px;
}
.dq-swal-tx {
  font-size: 13.5px; line-height: 1.6; color: var(--stone);
  margin: 0; padding: 0;
}
.dq-swal-tx b { color: var(--slate); }

/* El ícono de la librería, en la paleta del sitio */
/* El ícono conserva su caja nativa de 80px y se encoge con transform. Redimensionar la
   caja parecía más limpio, pero la palomita de "éxito" son tres piezas absolutas con
   medidas calculadas para 80px: al achicar la caja se descolocaban y se veía un check
   montado sobre otro. Escalar mueve las tres juntas. El margen negativo recupera el
   espacio que el escalado deja vacío, porque transform no cambia el hueco del diseño. */
.dq-swal-ic { width: 80px; height: 80px; transform: scale(.7); margin: -4px auto 2px; border-width: 3px; }
.dq-swal .swal2-icon.swal2-warning { border-color: var(--gold); color: var(--gold); }
.dq-swal .swal2-icon.swal2-question { border-color: var(--sky); color: var(--sky); }
.dq-swal .swal2-icon.swal2-info { border-color: var(--blue); color: var(--blue); }
.dq-swal .swal2-icon.swal2-success [class^='swal2-success-line'] { background: var(--green); }
.dq-swal .swal2-icon.swal2-success .swal2-success-ring { border-color: rgba(39,174,96,.3); }
.dq-swal .swal2-icon.swal2-error { border-color: var(--red); color: var(--red); }

.dq-swal-acts { margin: 22px 0 0; gap: 10px; flex-wrap: nowrap; }
.dq-swal-acts .btn-p { width: auto; flex: 1; margin: 0; padding: 12px 18px; font-size: 13.5px; }
.dq-swal-peligro {
  background: linear-gradient(135deg, #E74C3C, #C0392B) !important; color: #fff !important;
}

/* Pantallas chicas: los botones se apilan, el seguro abajo y a la mano */
@media (max-width: 420px) {
  .dq-swal-acts { flex-direction: column-reverse; }
  .dq-swal-acts .btn-p { width: 100%; }
}

/* Campo de texto dentro de un diálogo: el de la librería trae su propio borde y su propio
   foco azul de sistema. Se alinea con los campos del resto del sitio. */
.dq-swal .dq-swal-in{
  width:100%; box-sizing:border-box; margin:6px 0 2px;
  padding:12px 14px; font-size:15px; font-family:inherit; color:var(--navy);
  border:1.5px solid var(--border); border-radius:10px; background:#fff;
  box-shadow:none; transition:border-color .15s, box-shadow .15s;
}
.dq-swal .dq-swal-in:focus{
  outline:none; border-color:var(--sky); box-shadow:0 0 0 3px rgba(91,146,214,.22);
}