:root{--font-serif: "Outfit", system-ui, sans-serif;--font-sans: "Nunito Sans", system-ui, sans-serif;--font-mono: "Outfit", system-ui, sans-serif;--color-page-bg: #fff8f0;--color-espresso: #3e2a20;--color-cream-1: #fff8f0;--color-cream-2: #ffffff;--color-cream-3: #fff8f0;--color-cream-4: #f6e9da;--color-cream-5: #f0e2d4;--color-text-dark: #3e2a20;--color-text-body: #5c4437;--color-text-muted: #7c665a;--color-text-muted-2: #7a6654;--color-accent: #e8622c;--color-terracotta: #e8622c;--color-rust: #c74e1c;--color-amarillo: #ffc94a;--color-verde: #3f6b44;--color-verde-border: rgba(63, 107, 68, .4);--color-verde-bg: #e4f1e5;--color-ambar: #8a6317;--color-ambar-border: rgba(138, 99, 23, .4);--color-ambar-bg: #fff0cc;--color-azul: #2f5d77;--color-azul-border: rgba(47, 93, 119, .4);--color-azul-bg: #e3eef6;--color-alerta: #a6332a;--color-alerta-border: rgba(166, 51, 42, .4);--color-alerta-bg: #fbe4e1;--color-disabled-bg: #f0e2d4;--color-disabled-text: #b2a093;--border-subtle: rgba(62, 42, 32, .1);--border-strong: rgba(62, 42, 32, .2);--border-espresso: #3e2a20;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 16px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgba(62, 42, 32, .05), 0 10px 30px -20px rgba(62, 42, 32, .4);--shadow-elevated: 0 2px 4px rgba(62, 42, 32, .05), 0 16px 36px -26px rgba(62, 42, 32, .7);--shadow-btn-primary: 0 6px 14px -8px rgba(232, 98, 44, .9)}*{box-sizing:border-box}html,body,#root{height:100%}html{overflow-x:hidden}img{max-width:100%;height:auto}html{scroll-behavior:smooth}body{margin:0;background:var(--color-page-bg);color:var(--color-text-dark);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}a{color:var(--color-rust);text-decoration:none;transition:color .15s ease}a:hover{color:var(--color-terracotta);text-decoration:underline}button,input,select,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.eyebrow{font:600 12px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.mono{font-family:var(--font-mono)}.page-shell{background:var(--color-cream-3);min-height:100vh}.placeholder-img{background-image:repeating-linear-gradient(45deg,rgba(62,42,32,.07) 0 6px,transparent 6px 12px);display:flex;align-items:center;justify-content:center;position:relative}.placeholder-img span{font:400 10.5px/1 var(--font-sans);color:var(--color-text-muted-2);background:var(--color-cream-2);border-radius:var(--radius-pill);padding:4px 10px;text-align:center}.app-header{position:relative;background:var(--color-espresso);color:var(--color-cream-1);padding:0 24px;display:flex;align-items:center;justify-content:space-between;min-height:66px;gap:16px}.app-header .brand{font-family:var(--font-serif);font-weight:700;font-size:21px;letter-spacing:-.02em;color:var(--color-cream-1);white-space:nowrap;flex-shrink:0}.app-header .brand img{flex-shrink:0}.app-header>div{display:flex;align-items:center;flex-shrink:0}.app-header-body{display:flex;align-items:center;justify-content:space-between;flex:1;gap:16px;min-width:0}.app-header nav{display:flex;gap:20px;font:600 13.5px var(--font-sans);color:#fff8f0d9;margin-left:32px;flex-wrap:wrap}.app-header nav a{color:#fff8f0d9;padding-bottom:2px;white-space:nowrap;border-bottom:1px solid transparent;transition:color .15s ease,border-color .15s ease}.app-header nav a.active{color:var(--color-cream-1);border-bottom-color:var(--color-accent)}.app-header .right{display:flex;gap:16px;align-items:center;font:600 13.5px var(--font-sans);color:#fff8f0d9;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.app-header .right a{color:var(--color-cream-1);white-space:nowrap}.header-link-button{background:none;border:none;padding:0;cursor:pointer;color:var(--color-cream-1);font:600 13.5px var(--font-sans)}.nav-toggle{display:none;background:none;border:none;padding:8px;margin:-8px;cursor:pointer;flex-direction:column;gap:4px;flex-shrink:0}.nav-toggle span{display:block;width:22px;height:2px;background:var(--color-cream-1);border-radius:2px}@media (max-width: 1080px){.app-header{flex-wrap:wrap;padding:12px 16px}.app-header .brand{font-size:16px;white-space:normal;line-height:1.15}.app-header .brand img{width:30px;height:30px}.nav-toggle{display:inline-flex}.app-header-body{flex-direction:column;align-items:stretch;width:100%;order:3;max-height:0;opacity:0;overflow:hidden;padding-top:0;margin-top:0;border-top:1px solid transparent;transition:max-height .25s ease,opacity .2s ease,margin-top .2s ease,padding-top .2s ease}.app-header-body.open{max-height:600px;opacity:1;padding-top:12px;margin-top:12px;border-top-color:#fff8f026}.app-header-body nav,.app-header-body .right{flex-direction:column;align-items:flex-start;margin-left:0;gap:14px;width:100%}.app-header-body .cart-pill{align-self:flex-start}}@media (prefers-reduced-motion: reduce){.app-header-body{transition:none}}.cart-pill{border:1px solid rgba(255,248,240,.4);border-radius:var(--radius-pill);padding:7px 14px;display:flex;gap:8px;align-items:center;color:var(--color-cream-1)!important;transition:border-color .15s ease,background-color .15s ease}.cart-pill:hover{border-color:#fff8f0cc;background:#fff8f00f}.cart-pill .count{background:var(--color-accent);color:#fff;border-radius:var(--radius-pill);font:700 11px var(--font-mono);padding:1px 7px}.btn{border:none;border-radius:var(--radius-md);padding:13px 24px;font:600 15px var(--font-serif);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .1s ease}.btn-primary{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-btn-primary)}.btn-primary:hover{background:#d2531f}.btn-primary:active{background:#bc4816;transform:translateY(1px)}.btn-on-dark{background:var(--color-cream-1);color:var(--color-text-dark)}.btn-on-dark:hover{background:#fff;box-shadow:0 4px 14px #00000026}.btn-on-dark:active{transform:translateY(1px)}.btn-outline{background:#fff;color:var(--color-text-dark);border:1.5px solid var(--border-strong)}.btn-outline:hover{border-color:var(--color-text-dark)}.btn-outline:active{transform:translateY(1px)}.btn-outline-on-dark{background:transparent;color:var(--color-cream-1);border:1.5px solid rgba(255,248,240,.45)}.btn-outline-on-dark:hover{background:#fff8f014;border-color:#fff8f0cc}.btn-outline-on-dark:active{transform:translateY(1px)}.btn-danger-outline{background:#fff;color:var(--color-alerta);border:1.5px solid var(--color-alerta-border)}.btn-danger-outline:hover{background:var(--color-alerta-bg)}.btn-danger-outline:active{transform:translateY(1px)}.btn:disabled{background:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:not-allowed;box-shadow:none;transform:none}.btn-link{background:none;border:none;padding:0;color:var(--color-rust);font:600 13.5px var(--font-sans);cursor:pointer;transition:color .15s ease}.btn-link:hover{text-decoration:underline}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:var(--radius-pill);font:600 12px var(--font-serif);padding:5px 12px;white-space:nowrap}.badge-disponible{color:var(--color-verde);background:var(--color-verde-bg)}.badge-agotado{color:var(--color-text-muted);background:var(--color-cream-5)}.badge-verificada{color:var(--color-verde);background:var(--color-verde-bg)}.badge-oficial{color:var(--color-cream-1);background:var(--color-espresso)}.badge-transito{color:var(--color-azul);background:var(--color-azul-bg)}.badge-retenido{color:var(--color-ambar);background:var(--color-ambar-bg)}.badge-sponsored{background:var(--color-amarillo);color:#4a3708;font:600 11px var(--font-serif);letter-spacing:.02em;padding:6px 12px}.badge-marca-propia{background:var(--color-accent);color:#fff;font:700 11px var(--font-serif);letter-spacing:.02em;padding:6px 12px}.card{background:var(--color-cream-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}a.card{transition:box-shadow .2s ease,border-color .2s ease}a.card:hover{box-shadow:var(--shadow-elevated);border-color:var(--border-strong)}.lote-card-media{overflow:hidden}.lote-card-media img{transition:transform .35s ease}@media (prefers-reduced-motion: no-preference){a.card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}a.card:hover{transform:translateY(-3px)}a.card:hover .lote-card-media img{transform:scale(1.05)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#3e2a208c;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000}.modal-dialog{position:relative;background:var(--color-cream-2);border-radius:var(--radius-xl);width:100%;max-width:420px;max-height:90vh;overflow-y:auto;padding:40px 32px;box-shadow:var(--shadow-elevated)}.modal-close{position:absolute;top:14px;right:14px;background:none;border:none;border-radius:var(--radius-pill);font-size:22px;line-height:1;color:var(--color-text-muted);cursor:pointer;padding:6px}.modal-close:hover{color:var(--color-text-dark)}@media (prefers-reduced-motion: no-preference){.modal-backdrop{animation:modal-backdrop-in .15s ease}.modal-dialog{animation:modal-dialog-in .2s ease}}@keyframes modal-backdrop-in{0%{opacity:0}}@keyframes modal-dialog-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}.container{max-width:1280px;margin:0 auto;padding:0 clamp(16px,5vw,40px)}.section{padding:clamp(24px,6vw,40px) 0}@media (max-width: 560px){.modal-dialog{padding:28px 20px}}.catalogo-layout{display:grid;grid-template-columns:minmax(240px,1fr) 3fr;align-items:start}@media (max-width: 900px){.catalogo-layout{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.field label{font:600 14px var(--font-serif);color:var(--color-text-body)}.field input,.field select,.field textarea{border:1.5px solid var(--border-strong);border-radius:var(--radius-md);background:var(--color-cream-2);padding:12px 14px;font:400 15px var(--font-sans);color:var(--color-text-dark)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 4px #e8622c29}.field .hint{font:400 12.5px var(--font-sans);color:var(--color-text-muted)}.chip{display:inline-block;margin:0;border:none;border-radius:var(--radius-pill);padding:5px 12px;font:400 13px var(--font-sans);line-height:normal;color:var(--color-text-body);background:var(--color-cream-4);cursor:pointer;transition:background-color .15s ease,color .15s ease}.chip-active{border:none;background:var(--color-espresso);color:var(--color-cream-1)}.notice{border-radius:var(--radius-lg);padding:14px 18px;font-size:14px;line-height:1.6}.notice-azul{background:var(--color-azul-bg);color:var(--color-text-body)}.notice-ambar{background:var(--color-ambar-bg);color:var(--color-text-body)}.notice-verde{background:var(--color-verde-bg);color:var(--color-text-body)}.notice-alerta{background:var(--color-alerta-bg);color:var(--color-text-body)}.qty-stepper{display:inline-flex;align-items:stretch;border:1.5px solid var(--border-strong);border-radius:var(--radius-md);overflow:hidden}.qty-stepper button{background:var(--color-cream-2);border:none;width:34px;font:600 16px var(--font-sans);cursor:pointer;transition:background-color .15s ease,color .15s ease}.qty-stepper button:hover:not(:disabled){background:var(--color-cream-4)}.qty-stepper button:active:not(:disabled){background:var(--color-cream-5)}.qty-stepper button:disabled{color:var(--color-disabled-text);cursor:not-allowed}.qty-stepper .value{min-width:42px;display:flex;align-items:center;justify-content:center;font:700 14px var(--font-serif);font-variant-numeric:tabular-nums;border-left:1.5px solid var(--border-strong);border-right:1.5px solid var(--border-strong)}.stars{color:var(--color-amarillo);letter-spacing:1px;font-size:14px}.stars-interactive button{background:none;border:none;padding:0;margin:0;color:inherit;font-size:inherit;cursor:pointer;display:inline-block;transition:transform .12s ease}.stars-interactive button:hover,.stars-interactive button:focus-visible{transform:scale(1.2)}.loading-state{display:inline-flex;align-items:center;gap:8px;color:var(--color-text-muted)}.spinner{display:inline-block;width:15px;height:15px;flex-shrink:0;border:2px solid var(--border-strong);border-top-color:var(--color-accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation:none}}.tracking-stepper{display:flex;align-items:flex-start;margin:20px 0}.tracking-step{flex:1;position:relative;text-align:center}.tracking-step .line{position:absolute;top:5px;left:-50%;width:100%;height:4px;border-radius:var(--radius-pill);background:var(--color-cream-5)}.tracking-step:first-child .line{display:none}.tracking-step.done .line{background:var(--color-accent)}.tracking-step .dot{width:14px;height:14px;border-radius:var(--radius-pill);background:var(--color-cream-2);border:3px solid var(--border-strong);margin:0 auto 8px;position:relative;z-index:1}.tracking-step.done .dot{background:var(--color-accent);border-color:var(--color-accent)}.tracking-step.current .dot{background:var(--color-amarillo);border-color:var(--color-accent)}.tracking-step .label{font:600 12px var(--font-sans);color:var(--color-text-body)}.tracking-step .sublabel{font:400 11px var(--font-sans);color:var(--color-text-muted);margin-top:2px}