:root{--ink-0: #ffffff;--ink-25: #faf9f7;--ink-50: #f5f4f1;--ink-100: #edebe6;--ink-200: #e0ddd6;--ink-300: #c8c4ba;--ink-400: #a39e93;--ink-500: #7a756b;--ink-600: #575349;--ink-700: #3c3933;--ink-800: #262421;--ink-850: #1c1a17;--ink-900: #16140f;--ink-950: #0e0d0b;--brass-50: #fdf9ed;--brass-100: #f9efd0;--brass-200: #f1dc9e;--brass-300: #e6c469;--brass-400: #d9a83a;--brass-500: #c28d1c;--brass-600: #a16207;--brass-700: #7d4c08;--brass-800: #5b380c;--green-500: #16a34a;--green-600: #15803d;--amber-500: #d97706;--amber-600: #b45309;--red-500: #dc2626;--red-600: #b91c1c;--blue-500: #2563eb;--blue-600: #1d4ed8;--whatsapp: #25d366;--whatsapp-dark: #1da851;--font-display: "Sora", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--fs-2xs: .6875rem;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.0625rem;--fs-lg: 1.25rem;--fs-xl: 1.5rem;--fs-2xl: clamp(1.625rem, 1.3rem + 1.4vw, 2.125rem);--fs-3xl: clamp(2rem, 1.5rem + 2.2vw, 2.75rem);--fs-4xl: clamp(2.5rem, 1.6rem + 4.2vw, 4.25rem);--lh-tight: 1.15;--lh-snug: 1.35;--lh-base: 1.6;--tr-tight: -.02em;--tr-flat: 0em;--tr-wide: .08em;--tr-wider: .18em;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--sp-8: 4rem;--sp-9: 6rem;--r-xs: 6px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--r-full: 999px;--ease: cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(.33, 1, .68, 1);--t-fast: .14s;--t-base: .22s;--t-slow: .38s;--z-base: 1;--z-sticky: 100;--z-overlay: 400;--z-toast: 700;--w-content: 1280px;--w-narrow: 920px;--w-form: 30rem}:root,[data-theme=light]{color-scheme:light;--surface: var(--ink-25);--surface-raised: var(--ink-0);--surface-sunken: var(--ink-50);--surface-hover: var(--ink-100);--surface-inverse: var(--ink-900);--on-inverse: var(--ink-100);--text: var(--ink-900);--text-muted: var(--ink-600);--text-subtle: var(--ink-500);--text-onfill: var(--ink-950);--border: var(--ink-200);--border-subtle: var(--ink-100);--border-strong: var(--ink-300);--accent: var(--brass-400);--accent-hover: var(--brass-500);--accent-ink: var(--brass-700);--accent-soft: var(--brass-50);--accent-border: var(--brass-200);--accent-contrast: var(--ink-950);--success: var(--green-600);--success-soft: #e8f6ed;--warning: var(--amber-600);--warning-soft: #fdf3e3;--danger: var(--red-600);--danger-soft: #fdeceb;--info: var(--blue-600);--info-soft: #eaf0fe;--ring: color-mix(in srgb, var(--brass-500) 40%, transparent);--shadow-xs: 0 1px 2px rgba(22, 20, 15, .05);--shadow-sm: 0 1px 2px rgba(22, 20, 15, .04), 0 2px 8px -3px rgba(22, 20, 15, .07);--shadow-md: 0 2px 4px rgba(22, 20, 15, .04), 0 10px 26px -8px rgba(22, 20, 15, .12);--shadow-lg: 0 4px 10px rgba(22, 20, 15, .05), 0 22px 50px -14px rgba(22, 20, 15, .18);--shadow-glow: 0 10px 32px -10px rgba(194, 141, 28, .5);--scrim: rgba(22, 20, 15, .55);--header-bg: color-mix(in srgb, var(--ink-25) 82%, transparent)}[data-theme=dark]{color-scheme:dark;--surface: #12100e;--surface-raised: var(--ink-850);--surface-sunken: #0b0a08;--surface-hover: var(--ink-800);--surface-inverse: var(--ink-50);--on-inverse: var(--ink-900);--text: #f4f2ee;--text-muted: #a8a298;--text-subtle: #9b958a;--text-onfill: var(--ink-950);--border: #2c2925;--border-subtle: #221f1c;--border-strong: #3d3933;--accent: var(--brass-400);--accent-hover: var(--brass-300);--accent-ink: var(--brass-300);--accent-soft: rgba(217, 168, 58, .12);--accent-border: rgba(217, 168, 58, .32);--accent-contrast: var(--ink-950);--success: #4ade80;--success-soft: rgba(74, 222, 128, .14);--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .14);--danger: #f87171;--danger-soft: rgba(248, 113, 113, .14);--info: #60a5fa;--info-soft: rgba(96, 165, 250, .14);--ring: color-mix(in srgb, var(--brass-300) 45%, transparent);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 8px -3px rgba(0, 0, 0, .5);--shadow-md: 0 2px 4px rgba(0, 0, 0, .35), 0 10px 26px -8px rgba(0, 0, 0, .6);--shadow-lg: 0 4px 10px rgba(0, 0, 0, .4), 0 22px 50px -14px rgba(0, 0, 0, .7);--shadow-glow: 0 10px 34px -10px rgba(217, 168, 58, .35);--scrim: rgba(0, 0, 0, .68);--header-bg: color-mix(in srgb, #12100e 78%, transparent)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-height:100dvh;font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-base);color:var(--text);background:var(--surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--t-base) var(--ease-out),color var(--t-base) var(--ease-out)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:var(--lh-tight);letter-spacing:var(--tr-tight);color:var(--text);margin:0 0 var(--sp-3);text-wrap:balance}h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-lg)}h5{font-size:var(--fs-md)}h6{font-size:var(--fs-base)}p{margin:0 0 var(--sp-4)}p:last-child{margin-bottom:0}a{color:var(--accent-ink);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}::selection{background:var(--accent);color:var(--accent-contrast)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-xs)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-full);border:3px solid var(--surface)}::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}.container{width:100%;max-width:var(--w-content);margin-inline:auto;padding-inline:var(--sp-5)}.page{width:100%;max-width:var(--w-content);margin-inline:auto;padding:var(--sp-7) var(--sp-5) var(--sp-8)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-5);flex-wrap:wrap;padding-bottom:var(--sp-5);margin-bottom:var(--sp-6);border-bottom:1px solid var(--border)}.page-head__title{margin:0}.page-head__sub{margin:var(--sp-2) 0 0;color:var(--text-muted);font-size:var(--fs-sm)}.eyebrow{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-2xs);font-weight:600;letter-spacing:var(--tr-wider);text-transform:uppercase;color:var(--accent-ink);margin-bottom:var(--sp-3)}.eyebrow:before{content:"";width:24px;height:1px;background:var(--accent)}.breadcrumb{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;font-size:var(--fs-sm);color:var(--text-subtle)}.breadcrumb a{display:inline-block;padding-block:.15rem;color:var(--text-muted);cursor:pointer;transition:color var(--t-fast) var(--ease-out)}.breadcrumb a:hover{color:var(--accent-ink);text-decoration:none}.breadcrumb i{font-size:.625rem;opacity:.5}.breadcrumb__current{color:var(--text);font-weight:500}.btn{--btn-h: 2.75rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--btn-h);padding:0 var(--sp-5);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:600;letter-spacing:var(--tr-flat);white-space:nowrap;border:1px solid transparent;border-radius:var(--r-sm);cursor:pointer;text-decoration:none;transition:background-color var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn i{font-size:.9em}.btn-primary{background:var(--accent);color:var(--accent-contrast);box-shadow:var(--shadow-xs)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--surface-inverse);color:var(--on-inverse)}.btn-secondary:hover:not(:disabled){opacity:.88}.btn-outline{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn-outline:hover:not(:disabled){border-color:var(--accent);color:var(--accent-ink);background:var(--accent-soft)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.btn-danger{background:transparent;color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.btn-danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger)}.btn-whatsapp{background:var(--whatsapp);color:#06301a;font-weight:600}.btn-whatsapp:hover:not(:disabled){background:var(--whatsapp-dark);color:#fff}.btn-sm{--btn-h: 2.25rem;padding:0 var(--sp-3);font-size:var(--fs-xs)}.btn-lg{--btn-h: 3.25rem;padding:0 var(--sp-6);font-size:var(--fs-base)}.btn-block{width:100%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-raised);color:var(--text-muted);cursor:pointer;transition:all var(--t-fast) var(--ease-out)}.icon-btn:hover{color:var(--accent-ink);border-color:var(--accent-border);background:var(--accent-soft)}.field{margin-bottom:var(--sp-5)}.label{display:block;margin-bottom:var(--sp-2);font-size:var(--fs-sm);font-weight:500;color:var(--text)}.label .req{color:var(--danger);margin-left:2px}.input,.select,.textarea{width:100%;min-height:2.875rem;padding:var(--sp-3) var(--sp-4);font-family:var(--font-body);font-size:var(--fs-base);color:var(--text);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-sm);transition:border-color var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out),background-color var(--t-fast) var(--ease-out)}.input::placeholder,.textarea::placeholder{color:var(--text-subtle)}.input:hover,.select:hover,.textarea:hover{border-color:var(--border-strong)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.textarea{min-height:7rem;resize:vertical;line-height:var(--lh-base)}.select{appearance:none;padding-right:var(--sp-7);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%237a756b' stroke-width='1.75' stroke-linecap='round'%3E%3Cpath d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--sp-3) center;background-size:1.15rem;cursor:pointer}.hint{display:block;margin-top:var(--sp-2);font-size:var(--fs-xs);color:var(--text-subtle)}.alert{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-4);font-size:var(--fs-sm);border-radius:var(--r-sm);border:1px solid transparent}.alert i{margin-top:.15em;flex-shrink:0}.alert-error{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 25%,transparent)}.alert-success{background:var(--success-soft);color:var(--success);border-color:color-mix(in srgb,var(--success) 25%,transparent)}.alert-info{background:var(--info-soft);color:var(--info);border-color:color-mix(in srgb,var(--info) 25%,transparent)}.card,.panel{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-lg)}.panel{padding:var(--sp-6);box-shadow:var(--shadow-sm)}.panel__title{font-size:var(--fs-lg);margin-bottom:var(--sp-5);padding-bottom:var(--sp-4);border-bottom:1px solid var(--border-subtle)}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:.25rem .625rem;font-size:var(--fs-2xs);font-weight:600;letter-spacing:var(--tr-wide);text-transform:uppercase;border-radius:var(--r-full);border:1px solid transparent;white-space:nowrap}.badge-neutral{background:var(--surface-sunken);color:var(--text-muted);border-color:var(--border)}.badge-accent{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent-border)}.badge-success{background:var(--success-soft);color:var(--success);border-color:color-mix(in srgb,var(--success) 28%,transparent)}.badge-warning{background:var(--warning-soft);color:var(--warning);border-color:color-mix(in srgb,var(--warning) 28%,transparent)}.badge-danger{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 28%,transparent)}.badge-info{background:var(--info-soft);color:var(--info);border-color:color-mix(in srgb,var(--info) 28%,transparent)}.chip{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:2.5rem;padding:0 var(--sp-4);font-size:var(--fs-sm);font-weight:500;color:var(--text-muted);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-full);cursor:pointer;white-space:nowrap;transition:all var(--t-fast) var(--ease-out)}.chip:hover{color:var(--text);border-color:var(--border-strong)}.chip.active{background:var(--surface-inverse);border-color:var(--surface-inverse);color:var(--on-inverse)}.chip__count{font-size:var(--fs-2xs);font-variant-numeric:tabular-nums;opacity:.65}.product-card{position:relative;display:flex;flex-direction:column;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;cursor:pointer;text-decoration:none;color:inherit;transition:border-color var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out),transform var(--t-base) var(--ease-out)}.product-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-3px)}.product-card:hover .product-card__media img{transform:scale(1.04)}.product-card__media{position:relative;aspect-ratio:4 / 3;background:var(--surface-sunken);overflow:hidden}.product-card__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-slow) var(--ease-out)}.product-card__ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);color:var(--text-subtle);font-size:var(--fs-xs)}.product-card__ph i{font-size:1.5rem;opacity:.55}.product-card__flag{position:absolute;top:var(--sp-3);left:var(--sp-3);z-index:2;background:color-mix(in srgb,var(--surface-raised) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.product-card__body{display:flex;flex-direction:column;flex:1;padding:var(--sp-4);gap:var(--sp-2)}.product-card__cat{font-size:var(--fs-2xs);font-weight:600;letter-spacing:var(--tr-wide);text-transform:uppercase;color:var(--text-subtle)}.product-card__name{font-family:var(--font-body);font-size:var(--fs-base);font-weight:600;line-height:var(--lh-snug);letter-spacing:var(--tr-flat);margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__desc{margin:0;font-size:var(--fs-sm);line-height:var(--lh-snug);color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-top:auto;padding-top:var(--sp-4);border-top:1px solid var(--border-subtle)}.price{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:600;letter-spacing:var(--tr-tight);font-variant-numeric:tabular-nums;color:var(--text)}.price-lg{font-size:var(--fs-2xl)}.price-accent{color:var(--accent-ink)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--sp-4)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--sp-8) var(--sp-5);background:var(--surface-raised);border:1px dashed var(--border-strong);border-radius:var(--r-lg)}.empty__icon{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;margin-bottom:var(--sp-4);font-size:1.35rem;color:var(--accent-ink);background:var(--accent-soft);border-radius:var(--r-full)}.empty h3{font-size:var(--fs-lg);margin-bottom:var(--sp-2)}.empty p{color:var(--text-muted);font-size:var(--fs-sm);max-width:42ch}.skeleton{background:linear-gradient(90deg,var(--surface-sunken) 25%,var(--surface-hover) 37%,var(--surface-sunken) 63%);background-size:400% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--r-sm)}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.rise{animation:rise var(--t-slow) var(--ease) both}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-subtle{color:var(--text-subtle)}.tabular{font-variant-numeric:tabular-nums}.stack-2{display:flex;flex-direction:column;gap:var(--sp-2)}.row-2{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.row-3{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 768px){.page{padding:var(--sp-5) var(--sp-4) var(--sp-7)}.container{padding-inline:var(--sp-4)}.panel{padding:var(--sp-5) var(--sp-4)}.page-head{align-items:flex-start;flex-direction:column;gap:var(--sp-4)}.product-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--sp-3)}.product-card__body{padding:var(--sp-3)}}