:root{--color-bg: #f3f2f2;--color-surface: #eae9e9;--color-text: #201e1d;--color-accent: #e8712a;--color-accent-2: #e15b47;--color-divider: color-mix(in srgb, #201e1d 40%, transparent);--color-brand: #0b4266;--color-brand-2: #12628f;--color-neutral-100: #f8f4f4;--color-neutral-200: #eae7e7;--color-neutral-300: #d7d3d3;--color-neutral-400: #bab6b6;--color-neutral-500: #9b9797;--color-neutral-600: #7d7979;--color-neutral-700: #605d5d;--color-neutral-800: #444141;--color-neutral-900: #2d2b2b;--color-accent-100: #fef3eb;--color-accent-200: #fbe4d0;--color-accent-300: #f5d6b9;--color-accent-400: #f0a97a;--color-accent-500: #e8712a;--color-accent-600: #cf5f1c;--color-accent-700: #c4571a;--color-accent-800: #9a4110;--color-accent-900: #6b2c0a;--color-accent-2-100: #fff2ef;--color-accent-2-200: #ffe0da;--color-accent-2-300: #ffc4b9;--color-accent-2-400: #ff9784;--color-accent-2-500: #ef6853;--color-accent-2-600: #c94b39;--color-accent-2-700: #9e3526;--color-accent-2-800: #71261b;--color-accent-2-900: #471d16;--font-heading: "Archivo", system-ui, sans-serif;--font-heading-weight: 800;--font-body: "Archivo", system-ui, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--color-page: var(--color-surface);--color-card: var(--color-neutral-100);--color-oncolor: var(--color-bg);--shadow-card: 0 1px 3px color-mix(in srgb, #2d2b2b 8%, transparent), 0 8px 20px color-mix(in srgb, #2d2b2b 10%, transparent);--shadow-sm: 0 1px 2px color-mix(in srgb, #2d2b2b 14%, transparent);--shadow-md: 0 3px 10px color-mix(in srgb, #2d2b2b 16%, transparent);--shadow-lg: 0 12px 32px color-mix(in srgb, #2d2b2b 22%, transparent);--color-whatsapp: #25d366;--color-whatsapp-ink: #0a2e14}html,body{margin:0;padding:0;background:var(--color-page)}body{font-family:Archivo,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}a{color:var(--color-neutral-800);text-decoration:none}a:hover{color:var(--color-accent)}input,select,textarea,button{font-family:Archivo,Helvetica,Arial,sans-serif}img{display:block}::-webkit-scrollbar{height:9px;width:9px}::-webkit-scrollbar-thumb{background:var(--color-neutral-400);border-radius:var(--radius-md)}::-webkit-scrollbar-track{background:transparent}.noscroll{scrollbar-width:none}.noscroll::-webkit-scrollbar{display:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{animation:fade-in .2s ease}@media (prefers-reduced-motion: reduce){.fade-in{animation:none}}@keyframes cart-bump{0%{transform:scale(1)}35%{transform:scale(1.45)}to{transform:scale(1)}}.cart-bump{animation:cart-bump .4s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.toast-in{animation:toast-in .22s ease}@keyframes toast-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-timer{transform-origin:left;animation:toast-timer var(--toast-life, 2.6s) linear forwards}@media (prefers-reduced-motion: reduce){.cart-bump,.toast-in,.toast-timer{animation:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;text-decoration:none;font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:14px;line-height:1.2;color:var(--color-text);background:transparent;border:1px solid transparent;padding:var(--space-2) calc(var(--space-3) * 1.2);border-radius:var(--radius-md)}.btn svg{display:block}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-oncolor)}.btn-primary:hover:not(:disabled){background:var(--color-accent-600)}.btn-primary:active:not(:disabled){background:var(--color-accent-700)}.btn-brand{background:var(--color-brand);color:var(--color-oncolor)}.btn-brand:hover:not(:disabled){background:var(--color-brand-2)}.btn-secondary{border-color:var(--color-neutral-300);background:var(--color-card);color:var(--color-neutral-800)}.btn-secondary:hover:not(:disabled){background:color-mix(in srgb,var(--color-text) 7%,transparent)}.btn-block{width:100%}.tag{display:inline-flex;align-items:center;font-size:11px;letter-spacing:.02em;padding:3px 10px;border-radius:calc(var(--radius-md) * .75)}.tag-accent{background:var(--color-accent-100);color:var(--color-accent-800)}.tag-neutral{background:var(--color-neutral-100);color:var(--color-neutral-800)}.plain{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb,var(--color-accent) 30%,transparent)}.hv-accent:hover:not(:disabled){background:var(--color-accent-600)}.hv-card:hover,.hv-tile:hover{box-shadow:var(--shadow-md)}.hv-cat-tile:hover{box-shadow:var(--shadow-card);background:var(--color-card)}.hv-cat-row:hover{background:var(--color-neutral-200)}.hv-brand-row:hover{box-shadow:var(--shadow-md)}.headroom{transition:transform .25s ease;will-change:transform}@media (prefers-reduced-motion: reduce){.headroom{transition:none}}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#root{min-height:100vh}body{overflow-x:hidden}