@charset "UTF-8";:root{--wounna-purple: #6d28d9;--wounna-purple-dark: #5b21b6;--wounna-purple-tint: #eeedfe;--wounna-purple-tint-2: #cecbf6;--on-purple-tint: #26215c;--on-purple-tint-soft: #534ab7;--gradient-cta: linear-gradient( 90deg, #6d28d9 0%, #3b82f6 100% );--bg-page: #f5f5f7;--surface-card: #ffffff;--surface-subtle: #f5f5f7;--text-primary: #111827;--text-secondary: #6b7280;--text-muted: #9ca3af;--text-on-dark: #ffffff;--border-default: #e5e7eb;--border-strong: #d1d5db;--state-success-bg: #f0fdf4;--state-success-text: #16a34a;--state-success-deep: #15803d;--state-problem-bg: #fef2f2;--state-problem-text: #dc2626;--state-problem-deep: #a32d2d;--state-warning-bg: #faeeda;--state-warning-text: #ba7517;--state-warning-deep: #854f0b;--state-info-bg: #e6f1fb;--state-info-text: #378add;--state-info-deep: #185fa5;--cat-cerveza-bg: #e6f1fb;--cat-cerveza-fg: #378add;--cat-licor-bg: #fbeaf0;--cat-licor-fg: #d4537e;--cat-snack-bg: #eaf3de;--cat-snack-fg: #639922;--cat-mezcla-bg: #e1f5ee;--cat-mezcla-fg: #0f6e56;--cat-oferta-bg: #faeeda;--cat-oferta-fg: #ba7517;--cat-neutral-bg: #f1efe8;--cat-neutral-fg: #5f5e5a;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fs-xs: 11px;--fs-sm: 12px;--fs-base: 13px;--fs-md: 14px;--fs-lg: 15px;--fs-xl: 17px;--fs-2xl: 20px;--fs-3xl: 22px;--fs-display: 28px;--fw-regular: 400;--fw-medium: 500;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 99px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--bottom-nav-height: 64px;--bottom-nav-clearance: calc( var(--bottom-nav-height) + env(safe-area-inset-bottom) + var(--space-3) );--tap-transition: opacity .15s ease;--tap-active-opacity: .85;--on-purple-secondary: #d9cdf7;--border-subtle: #f3f4f6;--state-success-border: #bbf7d0;--state-warning-border: #efd9ae;--state-problem-border: #fecaca;--state-info-border: #bfdbfe;--tap-target-min: 48px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;width:100%;font-family:var(--font-body);background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;overscroll-behavior:none}app-root{display:block;height:100%;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media(min-width:640px)and (hover:hover)and (pointer:fine){body{background:#e5e5ea}}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--wounna-purple);outline-offset:2px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-pill)}