:root{--ink:#13233B;--aqua:#0BAFA6;--aqua-d:#088A83;--aqua-l:#D9F4F2;--citrus:#FFD23F;--citrus-d:#9A7500;--berry:#E8467C;--berry-l:#FDE6EE;--ok:#17A673;--ok-l:#DDF5EC;--paper:#EEF5F6;--card:#FFFFFF;--card-2:#F7FBFB;--ink-2:#5A6E85;--ink-3:#8AA0AF;--line:#DCE7E9;--line-2:#EDF3F4;--shadow:0 1px 2px rgba(19,35,59,.06), 0 8px 24px -12px rgba(19,35,59,.18);--shadow-lg:0 24px 60px -24px rgba(19,35,59,.35);--t-xs:.75rem;--t-sm:.8125rem;--t-md:.9375rem;--t-lg:1.0625rem;--t-xl:1.3125rem;--t-2xl:1.625rem;--t-3xl:2.125rem;--r-sm:8px;--r:12px;--r-lg:18px;--r-pill:999px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--nav-h:62px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0D191E;--card:#14262E;--card-2:#1A2F38;--ink:#E9F3F5;--ink-2:#9FB6BF;--ink-3:#75909B;--line:#24414C;--line-2:#1D343D;--aqua-l:#0C3B39;--berry-l:#3C1B28;--ok-l:#0E3B2D;--shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6);--shadow-lg:0 24px 60px -24px rgba(0,0,0,.8)}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--t-md);line-height:1.55;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;padding-bottom:calc(var(--nav-h) + 70px)}h1,h2,h3,h4{font-family:Bricolage Grotesque,DM Sans,sans-serif;font-weight:800;line-height:1.1;letter-spacing:-.025em;margin:0}h1{font-size:var(--t-3xl)}h2{font-size:var(--t-2xl)}h3{font-size:var(--t-xl)}h4{font-size:var(--t-lg)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--aqua);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.stripe{height:4px;background:linear-gradient(90deg,#0bafa6,#28c6b6 28%,#1b8fb8,#14557e)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);padding:11px 18px;border-radius:var(--r-pill);border:1.5px solid transparent;background:var(--card);color:var(--ink);font-weight:700;font-size:var(--t-md);cursor:pointer;transition:transform .12s ease,filter .12s ease;white-space:nowrap;text-decoration:none}.btn:active{transform:scale(.97)}.btn-primary{background:var(--aqua);color:#04322f}.btn-ink{background:var(--ink);color:var(--paper)}.btn-citrus{background:var(--citrus);color:#3a2b00}.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink-2)}.btn-sm{padding:7px 14px;font-size:var(--t-sm)}.btn-block{width:100%}.btn-grande{width:100%;min-height:56px;font-size:var(--t-lg)}.btn[disabled]{opacity:.5;cursor:not-allowed}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:var(--r-pill);background:var(--card);border:1.5px solid var(--line);font-size:var(--t-sm);cursor:pointer;white-space:nowrap;color:var(--ink-2)}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper);font-weight:700}.chip-frag[aria-pressed=true]{background:var(--aqua-l);border-color:var(--aqua);color:var(--aqua-d);font-weight:700}.chips{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s3) 0}.badge{display:inline-block;padding:3px 11px;border-radius:var(--r-pill);font-size:var(--t-xs);font-weight:700}.b-aqua{background:var(--aqua-l);color:var(--aqua-d)}.b-ok{background:var(--ok-l);color:var(--ok)}.b-warn{background:#fff3d4;color:var(--citrus-d)}.b-berry{background:var(--berry-l);color:var(--berry)}.input,select.input,textarea.input{width:100%;min-height:48px;padding:11px 14px;border-radius:var(--r);border:1.5px solid var(--line);background:var(--card-2);color:var(--ink)}.input:focus{border-color:var(--aqua);outline:none;background:var(--card)}textarea.input{min-height:64px;resize:vertical}.campo{display:block;margin:var(--s3) 0}.campo>span{display:block;font-size:var(--t-sm);font-weight:700;color:var(--ink-2);margin-bottom:5px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow)}.muted{color:var(--ink-2)}.tiny{font-size:var(--t-xs);color:var(--ink-3)}.price{font-family:Bricolage Grotesque,sans-serif;font-weight:800;letter-spacing:-.02em}.error{color:var(--berry);font-size:var(--t-sm);font-weight:700;margin:var(--s2) 0 0}.aviso{background:var(--aqua-l);border:1px solid var(--aqua);border-radius:var(--r);padding:12px 15px;font-size:var(--t-sm);margin:var(--s3) 0 0}.topbar{position:sticky;top:0;z-index:40;background:var(--card);border-bottom:1px solid var(--line)}.topbar-in{display:flex;align-items:center;gap:var(--s3);padding:10px var(--s4);max-width:940px;margin:0 auto}.logo{display:flex;align-items:center;gap:8px;font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:1.14rem;letter-spacing:-.035em}.spacer{flex:1}.main{max-width:940px;margin:0 auto;padding:var(--s5) var(--s4) 40px}.sec{display:flex;align-items:baseline;gap:var(--s3);margin:var(--s6) 0 var(--s3)}.sec h3{font-size:var(--t-xl)}.sec .spacer{flex:1}.aviso-ambiente{background:var(--citrus);color:#3a2b00;text-align:center;padding:6px;font-size:var(--t-xs);font-weight:700}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:50;background:var(--card);border-top:1px solid var(--line);display:flex;padding-bottom:env(safe-area-inset-bottom)}.tab{flex:1;min-height:56px;border:0;background:none;padding:9px 8px 10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:700;color:var(--ink-3);border-top:3px solid transparent;margin-top:-1px}.tab[aria-current=true]{color:var(--ink);border-top-color:var(--aqua)}.tab svg{width:21px;height:21px}.statusband{display:flex;width:100%;text-align:left;padding:0;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--card);box-shadow:var(--shadow);cursor:pointer}.statusband .bar{width:7px;flex:none;background:var(--aqua)}.statusband .in{padding:14px var(--s4);flex:1;min-width:0}.steps{display:flex;gap:5px;margin-top:10px}.steps i{height:4px;flex:1;border-radius:2px;background:var(--line)}.steps i.on{background:var(--aqua)}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);margin-top:var(--s3)}.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:13px 14px;position:relative;overflow:hidden}.kpi b{display:block;font-family:Bricolage Grotesque,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:-.03em;line-height:1.15}.kpi span{font-size:var(--t-xs);color:var(--ink-2)}.kpi:after{content:"";position:absolute;inset:auto 0 0 0;height:4px;background:var(--tone)}.rail{display:flex;gap:var(--s3);overflow-x:auto;padding:2px var(--s4) var(--s2);margin:0 calc(var(--s4) * -1);scroll-snap-type:x mandatory}.rail::-webkit-scrollbar{height:0}.rail>*{scroll-snap-align:start;flex:0 0 168px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--s3)}.prod{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;position:relative}.prod-art{aspect-ratio:1/1;display:block;background:var(--card-2)}.prod-art img{width:100%;height:100%;object-fit:cover;display:block}.prod-art-vacia{aspect-ratio:1/1;background:linear-gradient(160deg,var(--card-2),var(--line-2))}.prod-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px;flex:1}.prod-name{font-weight:700;font-size:var(--t-md);line-height:1.25}.fragsel{width:100%;padding:6px 9px;border-radius:var(--r-sm);border:1.5px solid var(--line);background:var(--card-2);color:var(--ink);font-size:var(--t-sm)}.fragsel:focus{border-color:var(--aqua);outline:none}.prod-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);margin-top:auto;padding-top:4px}.prod-foot .price{font-size:var(--t-lg)}.vars{display:flex;flex-wrap:wrap;gap:5px}.vars span{font-size:11px;font-weight:700;background:var(--aqua-l);color:var(--aqua-d);padding:2px 8px;border-radius:var(--r-pill)}.iconbtn{width:34px;height:34px;border-radius:50%;border:0;background:var(--ink);color:var(--card);display:grid;place-items:center;cursor:pointer;flex:none;font-size:18px}.qty{display:flex;align-items:center;gap:2px;background:var(--ink);border-radius:var(--r-pill);padding:2px}.qty button{width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:var(--card);cursor:pointer;font-size:17px;line-height:1;font-weight:700}.qty span{min-width:18px;text-align:center;color:var(--card);font-weight:700;font-size:var(--t-sm)}.cartbar{position:fixed;left:12px;right:12px;bottom:calc(var(--nav-h) + 10px + env(safe-area-inset-bottom));z-index:60;max-width:520px;margin:0 auto;background:var(--ink);color:var(--card);border-radius:var(--r-pill);display:flex;align-items:center;gap:var(--s3);padding:9px 10px 9px 20px;box-shadow:var(--shadow-lg)}.cartbar b{font-family:Bricolage Grotesque,sans-serif}.lista{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow)}.linea{display:flex;align-items:center;gap:var(--s3);padding:14px var(--s4);border-bottom:1px solid var(--line-2);width:100%;background:none;border-left:0;border-right:0;border-top:0;color:inherit;font:inherit;text-align:left}.linea:last-child{border-bottom:0}.linea.click{cursor:pointer}.linea.click:hover{background:var(--card-2)}.linea.total{background:var(--card-2);padding-top:16px;padding-bottom:16px;font-weight:700}.linea .price{font-size:var(--t-lg)}.opciones{display:flex;gap:var(--s2);flex-wrap:wrap}.opcion{flex:1 1 96px;min-height:52px;padding:10px 14px;border-radius:var(--r);border:2px solid var(--line);background:var(--card);color:var(--ink-2);font-size:var(--t-md);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.opcion[aria-pressed=true]{border-color:var(--aqua);background:var(--aqua-l);color:var(--aqua-d)}.volver{display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:var(--ink-2);font-weight:700;font-size:var(--t-sm);cursor:pointer;padding:0 0 var(--s3);margin-left:-2px}.vacio{text-align:center;padding:var(--s7) var(--s4);display:flex;flex-direction:column;align-items:center;gap:var(--s2)}.vacio .muted{max-width:34ch;margin:0 auto var(--s3)}#toast{position:fixed;left:50%;bottom:calc(var(--nav-h) + 86px);transform:translate(-50%);z-index:200;background:var(--ink);color:var(--paper);padding:12px 20px;border-radius:var(--r-pill);font-weight:700;font-size:var(--t-sm);box-shadow:var(--shadow-lg);max-width:88vw;text-align:center}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0a1a2099;display:flex;align-items:flex-end;justify-content:center}.modal{background:var(--card);width:100%;max-width:480px;max-height:92dvh;display:flex;flex-direction:column;border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:var(--shadow-lg)}@media (min-width:640px){.overlay{align-items:center;padding:20px}.modal{border-radius:var(--r-lg)}}.modal-head{flex:none;padding:18px var(--s4) 12px;border-bottom:1px solid var(--line)}.modal-body{flex:1;min-height:0;overflow-y:auto;padding:var(--s4)}.modal-foot{flex:none;border-top:1px solid var(--line);padding:13px var(--s4);display:flex;gap:var(--s2)}.modal-foot .btn{flex:1;min-height:48px}