/* Estilos del diálogo de promos. Se sirve desde /public sin pasar por el bundle de Next. */
.promo-imagen-preview-frame {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 220px;
  max-height: 220px;
  overflow: hidden;
  background: #f8f9fc;
  border: 1px dashed #d1d3e2;
  border-radius: 0.35rem;
}

.promo-imagen-preview-frame.is-vertical {
  height: 280px;
  max-height: 280px;
}

.promo-imagen-preview {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.modal-dialog-centered::before {
  pointer-events: none !important;
  content: none !important;
}

.modal-dialog.promo-dialog {
  max-height: calc(100vh - 2rem);
  margin: 1.75rem auto;
}

.modal-dialog.promo-dialog .modal-content {
  max-height: calc(100vh - 2rem);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.promo-dialog-form {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

.promo-dialog-form > .modal-header,
.promo-dialog-form > .modal-footer {
  flex-shrink: 0;
}

.promo-dialog-form > .modal-body {
  overflow-y: auto;
  flex: 1 1 auto;
  min-height: 0;
}