/**
 * IATF modales — aire y curvas (no pegar arriba/abajo al viewport)
 * Cargar DESPUÉS de styles.min.css.
 */
.iatf-modal-serio-v1.bitacora-serio-v2 .mbox.bitacora-mbox {
  border-radius: var(--manto-modal-outer-radius, 14px) !important;
  max-width: min(640px, calc(100vw - 32px)) !important;
  width: min(640px, calc(100vw - 32px)) !important;
  max-height: min(88dvh, calc(100vh - 48px), calc(100% - 32px)) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

#m-iatf-nuevo.iatf-modal-serio-v1.bitacora-serio-v2.modal.open,
#m-iatf-lotes.iatf-modal-serio-v1.bitacora-serio-v2.modal.open,
#m-iatf-lote.iatf-modal-serio-v1.bitacora-serio-v2.modal.open {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding:
    max(16px, env(safe-area-inset-top, 0px))
    max(16px, env(safe-area-inset-right, 0px))
    max(16px, env(safe-area-inset-bottom, 0px))
    max(16px, env(safe-area-inset-left, 0px)) !important;
  box-sizing: border-box !important;
}

#m-iatf-nuevo.iatf-modal-serio-v1.bitacora-serio-v2 > .mbox.bitacora-mbox,
#m-iatf-lotes.iatf-modal-serio-v1.bitacora-serio-v2 > .mbox.bitacora-mbox,
#m-iatf-lote.iatf-modal-serio-v1.bitacora-serio-v2 > .mbox.bitacora-mbox {
  border-radius: var(--manto-modal-outer-radius, 14px) !important;
  max-height: min(88dvh, calc(100vh - 48px), calc(100% - 32px)) !important;
  height: auto !important;
  overflow: hidden !important;
}

#m-iatf-nuevo.iatf-modal-serio-v1.bitacora-serio-v2 .manto-header-serio-v1,
#m-iatf-lotes.iatf-modal-serio-v1.bitacora-serio-v2 .manto-header-serio-v1,
#m-iatf-lote.iatf-modal-serio-v1.bitacora-serio-v2 .manto-header-serio-v1 {
  border-radius: var(--manto-modal-outer-radius, 14px) var(--manto-modal-outer-radius, 14px) 0 0 !important;
}
