/* sweetalert-modern.css */
/* — SOLO DIÁLOGOS (no toasts) — */
.swal2-container:has(.swal2-popup:not(.swal2-toast)) {
  position: fixed !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: rgba(0, 0, 0, 0.6) !important;
  z-index: 999999 !important;
}

.swal2-container:has(.swal2-popup:not(.swal2-toast)) .swal2-popup {
  position: relative !important;
  border-radius: 8px !important;
  font-family: 'DM Sans', -apple-system, sans-serif !important;
  padding: 0 !important;
  width: 450px !important;
  max-width: 90vw !important;
  overflow: visible !important;
}

/* layout interno */
.swal2-container:has(.swal2-popup:not(.swal2-toast)) .swal2-popup .swal2-content {
  display: flex !important;
  padding: 25px !important;
  padding-right: 0 !important;
}

/* ocultar icono base */
.swal2-container:has(.swal2-popup:not(.swal2-toast)) .swal2-icon {
  display: none !important;
}

/* logo en popups con .swal2-content */
.swal2-container:has(.swal2-popup:not(.swal2-toast)) .swal2-popup .swal2-content::before {
  content: '' !important;
  display: block !important;
  width: 48px !important;
  height: 48px !important;
  margin-right: 20px !important;
  background-image: url('/assets/img/logo.png') !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* título */
.swal2-container:has(.swal2-popup:not(.swal2-toast)) .swal2-title {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #333333 !important;
  margin: 0 0 8px 0 !important;
  text-align: left !important;
}

/* contenido HTML */
.swal2-container:has(.swal2-popup:not(.swal2-toast)) .swal2-html-container {
  font-size: 14px !important;
  color: #666666 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  text-align: left !important;
}

/* acciones y botones */
.swal2-container:has(.swal2-popup:not(.swal2-toast)) .swal2-actions {
  margin: 0 !important;
  padding: 15px 25px !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  width: 100% !important;
  border-top: 1px solid #f0f0f0 !important;
  text-align: right !important;
}

/* confirm */
.swal2-container:has(.swal2-popup:not(.swal2-toast)) .swal2-styled.swal2-confirm {
  background-color: var(--primaryColor, #1ec5bb) !important;
  min-width: 100px !important;
  text-transform: none !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  float: right !important;
}

/* cancel */
.swal2-container:has(.swal2-popup:not(.swal2-toast)) .swal2-styled.swal2-cancel {
  background-color: rgba(151, 147, 155, 0.75) !important;
  color: white !important;
  min-width: 100px !important;
  text-transform: none !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  float: right !important;
}

/* — LOGO EN TODOS LOS POPUPS — */
.swal2-container:has(.swal2-popup:not(.swal2-toast)) .swal2-popup:not(:has(.swal2-content))::after,
.swal2-container:has(.swal2-popup:not(.swal2-toast)) .swal2-popup::after {
  content: '' !important;
  display: block !important;
  width: 48px !important;
  height: 48px !important;
  position: absolute !important;
  left: 25px !important;
  top: 25px !important;
  background-image: url('/assets/img/logo.png') !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  z-index: 2 !important;
}

/* — RESET COMPLETO de TOASTS — */
.swal2-container.swal2-toast,
.swal2-container.swal2-toast * {
  all: revert !important;
}