{
  "version": 3,
  "sources": ["src/app/features/checkout/components/payment-data-modal/payment-data-modal.component.css"],
  "sourcesContent": ["/* ── Backdrop ──────────────────────────────────────────────────────────── */\n.payment-data__backdrop {\n  position: fixed;\n  inset: 0;\n  background: var(--color-backdrop);\n  /* Mismo plano que el aviso bloqueante del checkout. */\n  z-index: 1200;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity var(--transition-normal);\n}\n\n.payment-data__backdrop--visible {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n/* ── Dialog ────────────────────────────────────────────────────────────── */\n.payment-data {\n  position: fixed;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: min(460px, calc(100vw - 2 * var(--space-4)));\n  max-height: min(90dvh, 720px);\n  z-index: 1201;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-5);\n  padding: var(--space-6);\n  background: var(--color-surface-primary);\n  box-shadow: var(--shadow-modal);\n  border: 1px solid var(--color-border-primary);\n  border-radius: var(--radius-modal-sharp);\n  font-family: var(--font-family-body);\n}\n\n.payment-data__header {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n}\n\n/* Logo de marca presidiendo el modal: discreto y centrado sobre el título. */\n.payment-data__logo {\n  align-self: center;\n  height: 44px;\n  width: auto;\n  object-fit: contain;\n  margin-bottom: var(--space-1);\n}\n\n.payment-data__title {\n  margin: 0;\n  font-family: var(--font-family-heading);\n  font-size: var(--text-size-lg);\n  font-weight: var(--font-weight-heading);\n  color: var(--color-text-primary);\n}\n\n.payment-data__intro {\n  margin: 0;\n  font-size: var(--text-size-base);\n  line-height: var(--leading-normal);\n  color: var(--color-text-secondary);\n}\n\n/* Countdown de la reserva flotante (contexto precompra, Bloque 2). */\n.payment-data__timer {\n  margin: 0;\n  align-self: center;\n  padding: var(--space-1) var(--space-3);\n  font-size: var(--text-size-sm);\n  font-weight: var(--font-weight-body-medium);\n  color: var(--color-action-primary);\n  border: 1px solid var(--color-action-primary);\n  background: color-mix(in srgb, var(--color-action-primary) 8%, transparent);\n}\n\n/* ── Datos de pago ─────────────────────────────────────────────────────── */\n.payment-data__details {\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-3);\n  padding: var(--space-4);\n  background: var(--color-surface-secondary);\n  border: 1px solid var(--color-border-primary);\n  border-radius: var(--radius-modal-sharp);\n}\n\n.payment-data__row {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--space-3);\n}\n\n.payment-data__label {\n  margin: 0;\n  font-size: var(--text-size-sm);\n  color: var(--color-text-secondary);\n}\n\n.payment-data__value {\n  margin: 0;\n  font-size: var(--text-size-base);\n  font-weight: 500;\n  color: var(--color-text-primary);\n  font-variant-numeric: tabular-nums;\n  text-align: right;\n}\n\n.payment-data__row--total {\n  padding-top: var(--space-3);\n  border-top: 1px solid var(--color-border-primary);\n}\n\n.payment-data__row--total .payment-data__value {\n  color: var(--color-text-price);\n  font-weight: var(--font-weight-heading);\n}\n\n/* ── Adjunto ───────────────────────────────────────────────────────────── */\n.payment-data__file {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n}\n\n.payment-data__file-label {\n  font-size: var(--text-size-sm);\n  font-weight: 500;\n  color: var(--color-text-primary);\n}\n\n/* Botón «Elegir imagen»: outline naranja para no competir con el CTA sólido. */\n.payment-data__file-button {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-2);\n  align-self: flex-start;\n  padding: var(--space-2) var(--space-4);\n  background: transparent;\n  color: var(--color-action-primary);\n  border: 1px solid var(--color-action-primary);\n  border-radius: var(--radius-button);\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  font-weight: var(--font-weight-body-medium);\n  cursor: pointer;\n  transition:\n    background-color var(--transition-fast),\n    color var(--transition-fast);\n}\n\n.payment-data__file-button:hover {\n  background: color-mix(in srgb, var(--color-action-primary) 10%, transparent);\n}\n\n.payment-data__file-icon {\n  flex-shrink: 0;\n}\n\n/* Input oculto pero accesible: conserva foco por teclado (no usar display:none). */\n.payment-data__file-input {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n/* Anillo de foco en el botón cuando el input oculto recibe foco por teclado. */\n.payment-data__file:focus-within .payment-data__file-button {\n  outline: 2px solid var(--color-action-secondary);\n  outline-offset: 2px;\n}\n\n.payment-data__file-hint {\n  margin: 0;\n  font-size: var(--text-size-sm);\n  color: var(--color-text-secondary);\n}\n\n.payment-data__file-selected {\n  margin: 0;\n  font-size: var(--text-size-sm);\n  color: var(--color-state-success);\n}\n\n.payment-data__layaway-hint {\n  margin: 0;\n  font-size: var(--text-size-sm);\n  font-style: italic;\n  color: var(--color-text-secondary);\n}\n\n/* Línea de Perrón Points (contexto precompra con sesión): moneda + «cuándo». */\n.payment-data__pp-hint {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--space-2);\n  margin: 0;\n  font-size: var(--text-size-sm);\n  line-height: 1.4;\n  color: var(--color-text-secondary);\n}\n\n.payment-data__pp-hint app-pp-coin {\n  flex-shrink: 0;\n  margin-top: 0.1em;\n}\n\n.payment-data__error {\n  margin: 0;\n  padding: var(--space-3) var(--space-4);\n  font-size: var(--text-size-sm);\n  color: var(--color-state-error);\n  background: color-mix(in srgb, var(--color-state-error) 8%, transparent);\n  border: 1px solid var(--color-state-error);\n  border-radius: var(--radius-modal-sharp);\n}\n\n.payment-data__note {\n  margin: 0;\n  font-size: var(--text-size-sm);\n  color: var(--color-text-secondary);\n}\n\n/* ── Acciones ──────────────────────────────────────────────────────────── */\n.payment-data__actions {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-3);\n}\n\n.payment-data__later {\n  background: none;\n  border: none;\n  padding: 0;\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  color: var(--color-text-secondary);\n  text-decoration: underline;\n  cursor: pointer;\n}\n\n.payment-data__later:hover {\n  color: var(--color-text-primary);\n}\n\n@media (max-width: 640px) {\n  .payment-data {\n    width: 100vw;\n    max-width: 100vw;\n    min-height: 100dvh;\n    max-height: 100dvh;\n    top: 0;\n    left: 0;\n    transform: none;\n  }\n}\n"],
  "mappings": "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",
  "names": []
}