{
  "version": 3,
  "sources": ["src/app/shared/ui/processing-overlay/processing-overlay.component.css"],
  "sourcesContent": ["/* ── Backdrop ──────────────────────────────────────────────────────────── */\n.processing-overlay__backdrop {\n  position: fixed;\n  inset: 0;\n  background: var(--color-backdrop);\n  /* Capa máxima: por encima de TODO (header 40, auth 1000, modales de checkout\n   * 1200/1201) para bloquear también el menú mientras se procesa el pago. */\n  z-index: var(--z-overlay-blocking);\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity var(--transition-normal);\n}\n\n.processing-overlay__backdrop--visible {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n/* ── Diálogo centrado ──────────────────────────────────────────────────── */\n.processing-overlay {\n  position: fixed;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  z-index: calc(var(--z-overlay-blocking) + 1);\n  width: min(360px, calc(100vw - 2 * var(--space-4)));\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: var(--space-4);\n  padding: var(--space-8) 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}\n\n/* Corgi «comprobando el pago» — discreto (regla de mascota: máx. 120–160px). El\n * ratio intrínseco 640×573 lo fija el width/height del <img>; height auto evita\n * deformar al escalar el ancho. */\n.processing-overlay__mascot {\n  width: clamp(128px, 46%, 156px);\n  height: auto;\n}\n\n/* Microinteracción sutil en bucle (sustituye al spinner genérico, regla de mascota/loading). */\n.processing-overlay__dots {\n  display: flex;\n  gap: var(--space-2);\n}\n\n.processing-overlay__dots span {\n  width: 8px;\n  height: 8px;\n  border-radius: var(--radius-full);\n  background: var(--color-action-primary);\n  animation: processing-overlay-bounce 1.2s ease-in-out infinite;\n}\n\n.processing-overlay__dots span:nth-child(2) {\n  animation-delay: 0.15s;\n}\n\n.processing-overlay__dots span:nth-child(3) {\n  animation-delay: 0.3s;\n}\n\n@keyframes processing-overlay-bounce {\n  0%,\n  80%,\n  100% {\n    transform: scale(0.6);\n    opacity: 0.4;\n  }\n  40% {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n\n.processing-overlay__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.processing-overlay__body {\n  margin: 0;\n  font-size: var(--text-size-sm);\n  line-height: var(--leading-normal);\n  color: var(--color-text-secondary);\n}\n\n/* Respeta la preferencia de movimiento reducido. */\n@media (prefers-reduced-motion: reduce) {\n  .processing-overlay__dots span {\n    animation: none;\n  }\n\n  .processing-overlay__backdrop {\n    transition: none;\n  }\n}\n\n@media (max-width: 640px) {\n  .processing-overlay {\n    width: min(320px, calc(100vw - 2 * var(--space-4)));\n  }\n}\n"],
  "mappings": ";AACA,CAAA;AACE,YAAA;AACA,SAAA;AACA,cAAA,IAAA;AAGA,WAAA,IAAA;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,WAAA,KAAA,IAAA,sBAAA,EAAA;AACA,SAAA,IAAA,KAAA,EAAA,KAAA,MAAA,EAAA,EAAA,EAAA,IAAA;AACA,WAAA;AACA,kBAAA;AACA,eAAA;AACA,cAAA;AACA,OAAA,IAAA;AACA,WAAA,IAAA,WAAA,IAAA;AACA,cAAA,IAAA;AACA,cAAA,IAAA;AACA,UAAA,IAAA,MAAA,IAAA;AAEA,iBAAA,IAAA;AACA,eAAA,IAAA;AACF;AAKA,CAAA;AACE,SAAA,MAAA,KAAA,EAAA,GAAA,EAAA;AACA,UAAA;AACF;AAGA,CAAA;AACE,WAAA;AACA,OAAA,IAAA;AACF;AAEA,CALA,yBAKA;AACE,SAAA;AACA,UAAA;AACA,iBAAA,IAAA;AACA,cAAA,IAAA;AACA,aAAA,0BAAA,KAAA,YAAA;AACF;AAEA,CAbA,yBAaA,IAAA;AACE,mBAAA;AACF;AAEA,CAjBA,yBAiBA,IAAA;AACE,mBAAA;AACF;AAEA,WAXE;AAYA;AAGE,eAAA,MAAA;AACA,aAAA;AACF;AACA;AACE,eAAA,MAAA;AACA,aAAA;AACF;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;AAGA,QAAA,wBAAA;AACE,GAnDF,yBAmDE;AACE,eAAA;AACF;AAEA,GAvGF;AAwGI,gBAAA;AACF;AACF;AAEA,QAAA,WAAA;AACE,GA3FF;AA4FI,WAAA,IAAA,KAAA,EAAA,KAAA,MAAA,EAAA,EAAA,EAAA,IAAA;AACF;AACF;",
  "names": []
}