:root{--bg:#f7f4ee;--surface:#fff;--soft:#efeae1;--ink:#1c1b18;--muted:#67635b;--line:#e3ddd1;--accent:#c2410c;--accent-hover:#a8380a;--accent-ink:#fff;--accent-soft:#fbe8dc;--danger:#b42318;--ok:#2f7a3f;--radius:14px;--font-d:"Bricolage Grotesque", system-ui, sans-serif;--font:"Figtree", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--bg);color:var(--ink);font:16px/1.5 var(--font);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--font-d);letter-spacing:-.01em;margin:0;line-height:1.1}p{margin:0}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}img,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.err{color:var(--danger);font-weight:600}.txt-danger{color:var(--danger)!important}.txt-warn{color:#8a5a00}.wrap{width:min(1180px,100% - 32px);margin-inline:auto}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.btn{white-space:nowrap;border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primario{background:var(--accent);color:var(--accent-ink)}.btn-primario:hover:not(:disabled){background:var(--accent-hover)}.btn-sec{background:var(--surface);border-color:var(--ink);color:var(--ink)}.btn-sec:hover:not(:disabled){background:var(--ink);color:var(--bg)}.btn-ancho{width:100%}.btn-link{text-underline-offset:3px;background:0 0;border:0;padding:4px 2px;font-weight:600;text-decoration:underline}.link{color:var(--accent);text-underline-offset:3px;font-weight:700}.campo{border:1.5px solid var(--line);background:var(--surface);width:100%;min-height:44px;color:var(--ink);font:inherit;border-radius:10px;padding:10px 12px}.campo:focus{border-color:var(--ink);outline:none}textarea.campo{resize:vertical}.campo.num{text-align:right;font-variant-numeric:tabular-nums}label{gap:6px;font-size:14px;font-weight:600;display:grid}label.check{align-items:center;gap:8px;font-weight:500;display:flex}.check input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.fila-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.fila-4{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;min-height:36px;padding:0 14px;font-size:14px;font-weight:600}.chip.on{background:var(--ink);border-color:var(--ink);color:var(--bg)}.stepper{border:1.5px solid var(--ink);border-radius:999px;align-items:center;display:inline-flex;overflow:hidden}.stepper button{background:0 0;border:0;width:40px;height:40px;font-size:20px;font-weight:700}.stepper button:hover{background:var(--soft)}.stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:28px;font-weight:700}.demo-banner{background:var(--ink);color:var(--bg);text-align:center;padding:6px 16px;font-size:13px}.nav{z-index:20;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);position:sticky;top:0}.nav-in{align-items:center;gap:24px;height:68px;display:flex}.logo{font-family:var(--font-d);letter-spacing:-.03em;font-size:28px;font-weight:800;text-decoration:none}.logo span{color:var(--accent)}.nav-links{gap:24px;margin-left:auto;display:flex}.nav-links a{color:var(--muted);font-weight:600;text-decoration:none}.nav-links a:hover{color:var(--ink)}.btn-carrito{border:1.5px solid var(--ink);background:var(--surface);border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:700;display:inline-flex;position:relative}.badge{background:var(--accent);color:var(--accent-ink);border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;display:grid}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;min-height:min(78vh,640px);padding-block:40px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;margin-bottom:16px;font-size:14px;font-weight:700}.hero h1{letter-spacing:-.035em;font-size:clamp(42px,6.4vw,84px);font-weight:800;line-height:.98}.hero h1 em{color:var(--accent);font-style:normal}.hero-sub{color:var(--muted);max-width:30em;margin-top:20px;font-size:19px}.hero-cta{flex-wrap:wrap;align-items:center;gap:16px 20px;margin-top:32px;display:flex}.hero-cta .btn{min-height:54px;padding:0 30px;font-size:17px}.nota{font-size:15px;font-weight:600}.hero-vis{aspect-ratio:1;background:var(--ink);border-radius:28px;position:relative;overflow:hidden}.hero-vis:before{content:"";background:var(--accent);border-radius:50% 50% 0 0;height:60%;position:absolute;inset:auto -10% -35%}.hero-bolsa{filter:drop-shadow(0 18px 24px #00000059);width:40%;position:absolute}.hero-bolsa.b0{bottom:14%;left:8%;transform:rotate(-8deg)}.hero-bolsa.b1{z-index:2;width:44%;bottom:20%;left:32%}.hero-bolsa.b2{bottom:12%;right:6%;transform:rotate(7deg)}.sello{z-index:3;background:var(--bg);color:var(--ink);border-radius:14px;max-width:70%;padding:12px 16px;display:grid;position:absolute;top:24px;left:24px}.sello strong{font-family:var(--font-d);font-size:20px}.sello span{color:var(--muted);font-size:13px}.pasos ol{border-block:1px solid var(--line);gap:32px;margin:0;padding:24px 0;list-style:none;display:flex}.pasos li{flex:1;align-items:flex-start;gap:14px;display:flex}.pasos b{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);font-family:var(--font-d);border-radius:50%;flex:none;place-items:center;display:grid}.pasos h3{margin-bottom:2px;font-size:18px}.pasos p{color:var(--muted);font-size:15px}.catalogo{padding-block:72px 24px}.cat-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px;display:flex}.cat-head h2,.zonas h2,.faq h2{letter-spacing:-.03em;font-size:clamp(32px,4vw,48px);font-weight:800}.seg{background:var(--soft);border-radius:999px;padding:4px;display:inline-flex}.seg button{min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:0 22px;font-weight:700}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0000001f}.filtros{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.filtros-der{flex:1;justify-content:flex-end;gap:8px;min-width:280px;display:flex}.filtros-der .campo{width:auto;min-width:0}.filtros-der input{flex:1;max-width:280px}.grilla{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.card.esqueleto{background:linear-gradient(90deg, var(--soft), var(--surface), var(--soft));background-size:200% 100%;min-height:420px;animation:1.4s infinite brillo}@keyframes brillo{to{background-position:-200% 0}}.card-img{background:var(--soft);padding:20px 40px 8px;position:relative}.card-img svg,.card-img img{aspect-ratio:5/6;object-fit:contain;width:100%}.tag-off{background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700;position:absolute;top:12px;left:12px}.card-body{flex-direction:column;flex:1;gap:4px;padding:16px;display:flex}.card-marca{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:13px;font-weight:700}.card h3{font-size:19px}.card-meta{color:var(--muted);font-size:14px}.card-precio{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:auto 0 14px;padding-top:10px;display:flex}.card-precio strong{font-family:var(--font-d);font-variant-numeric:tabular-nums;font-size:24px}.card-precio s{color:var(--muted)}.card-precio span{width:100%;color:var(--muted);font-size:13px}.card .stepper{align-self:flex-start}.vacio{color:var(--muted);justify-items:start;gap:14px;padding:40px 0;display:grid}.zonas{grid-template-columns:.8fr 1.2fr;gap:48px;padding-block:72px;display:grid}.zonas-intro p{color:var(--muted);margin:12px 0 16px;font-size:17px}.zonas-lista{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:0;list-style:none}.zonas-lista li{justify-content:space-between;gap:20px;padding:18px 20px;display:flex}.zonas-lista li+li{border-top:1px solid var(--line)}.zonas-lista h3{font-size:18px}.zonas-lista p{color:var(--muted);font-size:14px}.zonas-lista .dias{color:var(--ink);margin-top:4px;font-weight:600}.zona-precio{text-align:right;flex:none}.zona-precio strong{font-family:var(--font-d);font-variant-numeric:tabular-nums;font-size:20px;display:block}.zona-precio span{color:var(--ok);font-size:13px;font-weight:600}.faq{grid-template-columns:.8fr 1.2fr;gap:48px;padding-block:24px 88px;display:grid}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;justify-content:space-between;gap:16px;font-size:18px;font-weight:700;list-style:none;display:flex}.faq summary:after{content:"+";color:var(--accent);font-size:22px;line-height:1}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--muted);margin-top:10px}.pie{background:var(--ink);color:var(--bg);padding:40px 0}.pie-in{flex-wrap:wrap;align-items:center;gap:12px 32px;display:flex}.pie p{color:#b9b4aa;flex:1}.pie-links{gap:20px;font-weight:700;display:flex}.carrito-flotante{z-index:25;background:var(--accent);min-height:56px;color:var(--accent-ink);border:0;border-radius:999px;justify-content:space-between;align-items:center;padding:0 20px;font-weight:700;display:none;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 10px 30px #00000040}.drawer{z-index:40;pointer-events:none;position:fixed;inset:0}.drawer.abierto{pointer-events:auto}.overlay{background:#1c1b1873;position:absolute;inset:0}.drawer .overlay{opacity:0;transition:opacity .2s}.drawer.abierto .overlay{opacity:1}.panel{background:var(--bg);flex-direction:column;width:min(460px,100%);transition:transform .25s;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.drawer.abierto .panel{transform:none}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.panel-head h2{font-size:24px}.x{background:var(--soft);border:0;border-radius:50%;width:40px;height:40px;font-size:24px;line-height:1}.panel-form{flex-direction:column;flex:1;min-height:0;display:flex}.panel-scroll{flex:1;padding:16px 20px;overflow-y:auto}.panel-scroll.vacio,.panel-scroll.exito{align-content:start;gap:14px;padding-top:32px;display:grid}.exito-num{font-family:var(--font-d);color:var(--accent);font-size:28px;font-weight:800}.lineas{margin:0 0 8px;padding:0;list-style:none}.lineas li{border-bottom:1px solid var(--line);grid-template-columns:56px 1fr auto;align-items:start;gap:12px;padding:12px 0;display:grid}.linea-img{object-fit:contain;width:56px;height:66px}.linea-txt{gap:4px;font-size:15px;display:grid}.linea-txt .muted{font-size:13px}.linea-txt .stepper{justify-self:start;margin-top:4px}.linea-txt .stepper button{width:34px;height:34px}.linea-total{font-variant-numeric:tabular-nums}.datos{border:0;gap:12px;margin:16px 0 0;padding:0;display:grid}.datos legend{font-family:var(--font-d);margin-bottom:12px;padding:0;font-size:20px;font-weight:800}.panel-foot{border-top:1px solid var(--line);background:var(--surface);gap:10px;padding:14px 20px 20px;display:grid}.aviso{background:var(--accent-soft);color:var(--accent-hover);border-radius:10px;padding:8px 12px;font-size:14px;font-weight:600}.totales{gap:4px;margin:0;display:grid}.totales div{justify-content:space-between;display:flex}.totales dt{color:var(--muted)}.totales dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.totales .total{font-family:var(--font-d);font-size:22px;font-weight:800}.totales .total dt{color:var(--ink)}.modal{z-index:40;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-caja{background:var(--bg);border-radius:18px;flex-direction:column;width:min(760px,100%);max-height:calc(100vh - 32px);display:flex;position:relative;overflow:hidden}.modal-caja form{overflow-y:auto}.modal-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:8px;padding-top:16px;display:flex}.modal-foot .err{width:100%}.modal-foot .txt-danger{margin-right:auto}.adm{min-height:100vh}.adm-centro{place-content:center;justify-items:center;gap:16px;min-height:100vh;padding:16px;display:grid}.login{background:var(--surface);border:1px solid var(--line);border-radius:18px;gap:14px;width:min(360px,100vw - 32px);padding:28px;display:grid}.login h1{font-size:26px}.adm-top{background:var(--surface);border-bottom:1px solid var(--line);z-index:10;position:sticky;top:0}.adm-top-in{align-items:center;gap:24px;max-width:1400px;height:60px;margin:auto;padding:0 20px;display:flex}.adm-top .logo{font-size:22px}.adm-tabs{gap:4px;height:100%;display:flex}.adm-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:0 14px;font-weight:600}.adm-tabs button.on{color:var(--ink);border-bottom-color:var(--accent)}.adm-acc{align-items:center;gap:16px;margin-left:auto;font-size:14px;font-weight:600;display:flex}.adm-main{max-width:1400px;margin:auto;padding:24px 20px 60px}.adm-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.adm-head h1{font-size:28px}.adm-head-der{align-items:center;gap:12px;font-size:14px;display:flex}.adm .btn{min-height:38px;padding:0 16px;font-size:14px}.adm .campo{min-height:38px;padding:7px 10px;font-size:14px}.ayuda{margin-bottom:16px;font-size:14px}.toolbar{align-items:center;gap:10px;margin-bottom:12px;display:flex}.toolbar .campo{width:auto}.toolbar input{width:240px}.kpis{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:12px;gap:2px;padding:14px 16px;display:grid}.kpi span{color:var(--muted);font-size:13px;font-weight:600}.kpi strong{font-family:var(--font-d);font-variant-numeric:tabular-nums;font-size:26px}.kpi small{color:var(--muted);font-size:12px}.adm .chips{margin-bottom:12px}.tabla-wrap{background:var(--surface);border:1px solid var(--line);border-radius:12px;max-height:calc(100vh - 260px);overflow:auto}.tabla{border-collapse:collapse;width:100%;font-size:14px}.tabla th{z-index:1;background:var(--soft);text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);white-space:nowrap;padding:10px 12px;font-size:12px;position:sticky;top:0}.tabla td{border-top:1px solid var(--line);white-space:nowrap;height:48px;padding:0 12px}.tabla .num{text-align:right;font-variant-numeric:tabular-nums}.tabla .truncar{text-overflow:ellipsis;max-width:260px;overflow:hidden}.tabla tr.inactiva td{color:var(--muted)}.tabla tr.inactiva .mini{opacity:.45}.tabla tr.fila-abierta td{background:var(--accent-soft)}.celda-vacia{text-align:center;color:var(--muted);height:96px!important}.prod-celda{align-items:center;gap:10px;display:flex}.prod-celda .mini{object-fit:contain;flex:none;width:30px;height:36px}.pill{background:var(--accent-soft);color:var(--accent-hover);border-radius:999px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:700}.switch{align-items:center;gap:8px;font-weight:600;display:inline-flex}.switch input{width:18px;height:18px;accent-color:var(--accent)}.estado{width:auto;font-weight:600}.est-nuevo{border-color:var(--accent);color:var(--accent-hover)}.est-entregado{color:var(--ok)}.est-cancelado{color:var(--muted);text-decoration:line-through}.detalle td{white-space:normal;background:#fdf8f4;height:auto;padding:14px 16px}.detalle-in{grid-template-columns:1fr 1fr;gap:24px;display:grid}.detalle ul{gap:4px;margin:0;padding-left:18px;display:grid}.detalle dl{gap:6px;margin:0;display:grid}.detalle dl div{grid-template-columns:90px 1fr;display:grid}.detalle dt{color:var(--muted)}.detalle dd{margin:0}.zonas-admin{gap:10px;display:grid}.zona-fila{background:var(--surface);border:1px solid var(--line);border-radius:12px;grid-template-columns:1.2fr 2.4fr 1.2fr .5fr auto auto;align-items:end;gap:10px;padding:12px;display:grid}.zona-fila label{font-size:12px}.zona-fila.inactiva{opacity:.6}.zona-fila .check{height:38px}.zf-acc{align-items:center;gap:8px;display:flex}.form-prod{grid-template-columns:180px 1fr;gap:20px;padding:20px;display:grid}.form-ajuste{gap:14px;padding:20px;display:grid}.fp-foto{align-content:start;justify-items:center;gap:10px;display:grid}.fp-img{aspect-ratio:5/6;object-fit:contain;background:var(--soft);border-radius:12px;width:100%;padding:10px}.fp-foto label.btn{display:inline-flex}.fp-campos{gap:14px;display:grid}.caja-precio{background:var(--surface);border:1px solid var(--line);border-radius:12px;gap:12px;padding:14px;display:grid}.caja-precio p{font-size:14px}.sugerir{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.sugerir .campo{width:72px}.checks{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.campo.corto{width:70px}.form-prod .modal-foot{grid-column:1/-1}.categorias{scrollbar-width:none;border-bottom:1px solid var(--line);gap:6px;margin-bottom:16px;display:flex;overflow-x:auto}.categorias button{color:var(--muted);background:0 0;border:0;border-bottom:2.5px solid #0000;flex:none;margin-bottom:-1px;padding:10px 14px;font-weight:700}.categorias button.on{color:var(--ink);border-bottom-color:var(--accent)}.cuenta{margin-bottom:12px;font-size:14px}.ver-mas{justify-content:center;padding:28px 0 8px;display:flex}.tamanos{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.tamanos button{border:1.5px solid var(--line);background:var(--surface);border-radius:8px;min-height:32px;padding:0 10px;font-size:13px;font-weight:600}.tamanos button.on{border-color:var(--ink);background:var(--ink);color:var(--bg)}.totales .gratis{color:var(--ok);font-weight:700}.ganas{align-self:end;padding-bottom:10px;font-size:14px}.lista-fila{background:var(--surface);border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr .5fr 2fr auto;align-items:end;gap:10px;padding:12px;display:grid}.lista-fila label{font-size:12px}.lf-info{grid-column:1/-2;font-size:13px}.toolbar{flex-wrap:wrap}.pill-nuevo{color:var(--ok);background:#e3f1e6}.pill-fuera{background:var(--soft);color:var(--muted)}.sync-resultado{background:var(--surface);border:1px solid var(--line);border-radius:12px;gap:4px;margin:0 0 16px;padding:12px 16px 12px 32px;font-size:14px;display:grid}@media (width<=900px){.nav-links{display:none}.btn-carrito{margin-left:auto}.hero{grid-template-columns:1fr;gap:32px;min-height:0;padding-block:28px 40px}.hero-vis{aspect-ratio:4/3}.hero-bolsa{width:30%}.hero-bolsa.b1{width:33%;left:35%}.pasos ol{flex-direction:column;gap:16px}.zonas,.faq{grid-template-columns:1fr;gap:24px}.kpis{grid-template-columns:repeat(2,1fr)}.zona-fila,.lista-fila{grid-template-columns:1fr 1fr}.lf-url,.lf-info,.zf-barrios,.zf-nombre{grid-column:1/-1}.form-prod{grid-template-columns:1fr}.fp-img{width:140px}.fila-4{grid-template-columns:1fr 1fr}.detalle-in{grid-template-columns:1fr}.adm-top-in{gap:12px;overflow-x:auto}}@media (width<=640px){.ocultar-sm{display:none}.logo{font-size:24px}.hero h1{font-size:44px}.hero-sub{font-size:17px}.cat-head{flex-direction:column;align-items:flex-start}.filtros{flex-direction:column;align-items:stretch}.filtros .chips{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.filtros .chip{flex:none}.filtros-der{flex-wrap:wrap;min-width:0}.filtros-der input{flex-basis:100%;max-width:none}.filtros-der select{flex:1}.grilla{grid-template-columns:1fr 1fr;gap:12px}.card-img{padding:14px 18px 4px}.card-body{padding:12px}.card h3{font-size:16px}.card-precio strong{font-size:20px}.card .btn{min-height:40px;padding:0 12px}.card .stepper button{width:34px;height:34px}.zonas-lista li{flex-direction:column;gap:6px}.zona-precio{text-align:left}.carrito-flotante{display:flex}.pie{padding-bottom:96px}.fila-2{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr}.toolbar{flex-wrap:wrap}.pill-nuevo{color:var(--ok);background:#e3f1e6}.pill-fuera{background:var(--soft);color:var(--muted)}.sync-resultado{background:var(--surface);border:1px solid var(--line);border-radius:12px;gap:4px;margin:0 0 16px;padding:12px 16px 12px 32px;font-size:14px;display:grid}.toolbar input{width:100%}}