{
  "version": 3,
  "sources": ["src/app/features/checkout/components/uber-flash-notice-modal/uber-flash-notice-modal.component.css"],
  "sourcesContent": ["/* ── Backdrop ──────────────────────────────────────────────────────────── */\n.uber-notice__backdrop {\n  position: fixed;\n  inset: 0;\n  background: var(--color-backdrop);\n  z-index: 1200;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity var(--transition-normal);\n}\n\n.uber-notice__backdrop--visible {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n/* ── Dialog ────────────────────────────────────────────────────────────── */\n.uber-notice {\n  position: fixed;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: min(440px, calc(100vw - 2 * var(--space-4)));\n  max-height: min(86dvh, 640px);\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  /* Esquinas rectas — coherente con la geometría premium de Perrón. */\n  border-radius: var(--radius-modal-sharp);\n  font-family: var(--font-family-body);\n  overscroll-behavior: contain;\n}\n\n/* Misma composición visual que el aviso de apartados: mascota contextual a\n   un lado y jerarquía de título/cuerpo en una columna independiente. */\n.uber-notice__header {\n  display: flex;\n  align-items: center;\n  gap: var(--space-4);\n}\n\n.uber-notice__mascot {\n  flex-shrink: 0;\n  width: clamp(88px, 26%, 112px);\n  height: auto;\n}\n\n.uber-notice__text {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n  min-width: 0;\n}\n\n.uber-notice__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.uber-notice__body {\n  margin: 0;\n  font-size: var(--text-size-base);\n  line-height: var(--leading-normal);\n  color: var(--color-text-primary);\n}\n\n.uber-notice__actions {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  gap: var(--space-3);\n}\n\n/* Botón de WhatsApp: color de marca externa (--color-whatsapp), igual que el\n   resto del sitio (footer, FAB). */\n.uber-notice__whatsapp {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--space-2);\n  padding: var(--space-2) var(--space-4);\n  border: 1px solid var(--color-whatsapp);\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  color: var(--color-whatsapp);\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  transition: background-color var(--transition-fast), color var(--transition-fast);\n}\n\n.uber-notice__whatsapp:hover {\n  background: var(--color-whatsapp);\n  color: var(--color-text-inverse);\n}\n\n.uber-notice__whatsapp:focus-visible {\n  outline: 2px solid var(--color-action-secondary);\n  outline-offset: 2px;\n}\n\n@media (max-width: 640px) {\n  .uber-notice {\n    width: calc(100vw - var(--space-6));\n    max-width: 440px;\n    max-height: calc(100dvh - var(--space-6));\n    padding: var(--space-5);\n  }\n\n  .uber-notice__actions {\n    flex-direction: column-reverse;\n    align-items: stretch;\n  }\n\n  .uber-notice__actions app-button {\n    width: 100%;\n  }\n\n  .uber-notice__whatsapp {\n    width: 100%;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .uber-notice__backdrop {\n    transition: none;\n  }\n}\n"],
  "mappings": ";AACA,CAAA;AACE,YAAA;AACA,SAAA;AACA,cAAA,IAAA;AACA,WAAA;AACA,WAAA;AACA,kBAAA;AACA,cAAA,QAAA,IAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,kBAAA;AACF;AAGA,CAAA;AACE,YAAA;AACA,QAAA;AACA,OAAA;AACA,aAAA,UAAA,IAAA,EAAA;AACA,SAAA,IAAA,KAAA,EAAA,KAAA,MAAA,EAAA,EAAA,EAAA,IAAA;AACA,cAAA,IAAA,KAAA,EAAA;AACA,WAAA;AACA,cAAA;AACA,WAAA;AACA,kBAAA;AACA,OAAA,IAAA;AACA,WAAA,IAAA;AACA,cAAA,IAAA;AACA,cAAA,IAAA;AACA,UAAA,IAAA,MAAA,IAAA;AAEA,iBAAA,IAAA;AACA,eAAA,IAAA;AACA,uBAAA;AACF;AAIA,CAAA;AACE,WAAA;AACA,eAAA;AACA,OAAA,IAAA;AACF;AAEA,CAAA;AACE,eAAA;AACA,SAAA,MAAA,IAAA,EAAA,GAAA,EAAA;AACA,UAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,kBAAA;AACA,OAAA,IAAA;AACA,aAAA;AACF;AAEA,CAAA;AACE,UAAA;AACA,eAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA,IAAA;AACA,SAAA,IAAA;AACF;AAEA,CAAA;AACE,UAAA;AACA,aAAA,IAAA;AACA,eAAA,IAAA;AACA,SAAA,IAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,aAAA;AACA,mBAAA;AACA,OAAA,IAAA;AACF;AAIA,CAAA;AACE,WAAA;AACA,eAAA;AACA,mBAAA;AACA,OAAA,IAAA;AACA,WAAA,IAAA,WAAA,IAAA;AACA,UAAA,IAAA,MAAA,IAAA;AACA,iBAAA,IAAA;AACA,eAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA,IAAA;AACA,SAAA,IAAA;AACA,mBAAA;AACA,eAAA;AACA,UAAA;AACA,cAAA,iBAAA,IAAA,kBAAA,EAAA,MAAA,IAAA;AACF;AAEA,CAlBA,qBAkBA;AACE,cAAA,IAAA;AACA,SAAA,IAAA;AACF;AAEA,CAvBA,qBAuBA;AACE,WAAA,IAAA,MAAA,IAAA;AACA,kBAAA;AACF;AAEA,QAAA,WAAA;AACE,GAhGF;AAiGI,WAAA,KAAA,MAAA,EAAA,IAAA;AACA,eAAA;AACA,gBAAA,KAAA,OAAA,EAAA,IAAA;AACA,aAAA,IAAA;AACF;AAEA,GA7CF;AA8CI,oBAAA;AACA,iBAAA;AACF;AAEA,GAlDF,qBAkDE;AACE,WAAA;AACF;AAEA,GA7CF;AA8CI,WAAA;AACF;AACF;AAEA,QAAA,wBAAA;AACE,GAtIF;AAuII,gBAAA;AACF;AACF;",
  "names": []
}