:root{--bg:#F7F4EE;--surface:#FFFDF9;--ink:#2B3A33;--ink2:#5E6B63;--line:#E6E1D4;--tint:#EFEBE1;--mango:#EBD6A6;--aji:#B85C3A;--hoja:#4F7A64;--cielo:#7FA891;--lila:#A99BBF;--toldo-a:#7FA891;--scroll:#B3C0B6;--sel:#4F7A64;--sel-ink:#FFFFFF;--hero-bg:#DCE8D8;--hero-ink:#2B3A33;--hero-ink2:#4A5A51;--hero-line:#9DB8A4;--footer-bg:#ECE7DA;--danger:#B3402A;--ok:#3F7D5C;--shadow:0 1px 2px rgba(43,58,51,.06),0 10px 28px rgba(43,58,51,.09);color-scheme:light}:root[data-theme=dark]{--bg:#151915;--surface:#1E231F;--ink:#EFEBDD;--ink2:#B3B9AC;--line:#323A33;--tint:#272E28;--mango:#D9BE86;--toldo-a:#B85C3A;--scroll:#4B5B4F;--sel:#6FA68A;--sel-ink:#12201A;--hero-bg:#24362E;--hero-ink:#F1EEE2;--hero-ink2:#C3CFC5;--hero-line:#587566;--footer-bg:#1B211C;--danger:#F0907A;--ok:#7CCBA0;--hoja:#6FA68A;--shadow:0 1px 2px rgba(0,0,0,.4),0 10px 28px rgba(0,0,0,.4);color-scheme:dark}*{box-sizing:border-box}html{height:100%;overflow-y:scroll;scrollbar-gutter:stable;scroll-padding-top:calc(env(safe-area-inset-top,0px) + 90px)}body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Figtree,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}:root{box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom,0px)}h1,h2,h3,h4{font-family:Bricolage Grotesque,Figtree,system-ui,sans-serif;line-height:1.1;margin:0;letter-spacing:-.02em}h1{font-size:clamp(2.1rem,5.4vw,3.6rem);font-weight:800}h2{font-size:clamp(1.55rem,3.4vw,2.2rem);font-weight:800}h3{font-size:1.15rem;font-weight:700}p{margin:0}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:3px solid var(--hoja);outline-offset:2px;border-radius:8px}.wrap{max-width:1180px;margin:0 auto;padding:0 20px}.muted{color:var(--ink2)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.toldo{height:30px;background:repeating-linear-gradient(90deg,var(--toldo-a) 0 32px,var(--mango) 32px 64px);-webkit-mask:linear-gradient(#000,#000) 0 0/100% 15px no-repeat,radial-gradient(circle at 16px 0,#000 15.5px,#0000 16.5px) 0 14px/32px 16px repeat-x;mask:linear-gradient(#000,#000) 0 0/100% 15px no-repeat,radial-gradient(circle at 16px 0,#000 15.5px,#0000 16.5px) 0 14px/32px 16px repeat-x;padding-top:env(safe-area-inset-top,0px)}.toldo.mini{height:22px;-webkit-mask-size:100% 10px,24px 12px;mask-size:100% 10px,24px 12px;-webkit-mask-position:0 0,0 9px;mask-position:0 0,0 9px;background:repeating-linear-gradient(90deg,var(--toldo-a) 0 24px,var(--mango) 24px 48px);-webkit-mask:linear-gradient(#000,#000) 0 0/100% 10px no-repeat,radial-gradient(circle at 12px 0,#000 11.5px,#0000 12.5px) 0 9px/24px 12px repeat-x;mask:linear-gradient(#000,#000) 0 0/100% 10px no-repeat,radial-gradient(circle at 12px 0,#000 11.5px,#0000 12.5px) 0 9px/24px 12px repeat-x;padding-top:0}.top{position:sticky;top:0;z-index:40;background:var(--surface);border-bottom:1px solid var(--line)}.top .wrap{display:flex;align-items:center;gap:18px;min-height:64px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:1.45rem;letter-spacing:-.03em;background:none;border:0;cursor:pointer;padding:0}.brand svg{width:34px;height:34px}.nav{display:flex;gap:4px;overflow-x:auto;flex:1;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav button{background:none;border:0;padding:9px 14px;border-radius:999px;font-weight:600;color:var(--ink2);cursor:pointer;white-space:nowrap}.nav button:hover{background:var(--tint);color:var(--ink)}.nav button[aria-current=page]{background:var(--sel);color:var(--sel-ink)}.acts{display:flex;gap:8px;align-items:center;margin-left:auto}@media (max-width:760px){.nav{order:3;flex-basis:100%}.acts{margin-left:auto}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid transparent;border-radius:999px;padding:11px 20px;font-weight:700;cursor:pointer;text-decoration:none;line-height:1.1;transition:transform .12s,background .12s;white-space:nowrap}.btn:active{transform:scale(.97)}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--aji);color:#fff}.btn-primary:hover:not([disabled]){background:#a24e30}.btn-ink{background:var(--sel);color:var(--sel-ink)}.btn-ghost{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn-ghost:hover{border-color:var(--ink)}.btn-wa{background:#2f8f5b;color:#fff}.btn-sm{padding:7px 14px;font-size:.88rem}.btn-danger{background:transparent;color:var(--danger);border-color:var(--line)}.btn-block{width:100%}.cartbtn{position:relative}.badge{position:absolute;top:-6px;right:-6px;background:var(--aji);color:#fff;border-radius:999px;font-size:.72rem;min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px;font-weight:700}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:.85rem;flex:none}.avatar.lg{width:56px;height:56px;font-size:1.1rem}.hero{margin-top:22px;background:var(--hero-bg);color:var(--hero-ink);border-radius:30px;padding:clamp(24px,5vw,56px);display:grid;grid-template-columns:1.05fr 1fr;gap:36px;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;right:-120px;top:-120px;width:380px;height:380px;border-radius:50%;background:var(--mango);opacity:.55}.hero>*{position:relative}.hero p.lead{font-size:1.15rem;color:var(--hero-ink2);margin:18px 0 26px;max-width:46ch}.hero .cta{display:flex;gap:12px;flex-wrap:wrap}.hero .btn-ghost{background:transparent;border-color:var(--hero-line);color:var(--hero-ink)}.hero .btn-ghost:hover{border-color:var(--hero-ink)}.hero small{display:block;margin-top:18px;color:var(--hero-ink2)}.collage{display:grid;grid-template-columns:1fr 1fr;gap:16px}.frame{background:#fff;padding:7px 7px 0;border-radius:10px;box-shadow:0 14px 30px #00000059;position:relative;color:#2b3a33}.frame img{border-radius:6px;aspect-ratio:4/3;object-fit:cover;width:100%}.frame figcaption{font-weight:700;font-size:.82rem;padding:8px 4px 9px;display:flex;justify-content:space-between;gap:8px}.frame:nth-child(1){transform:rotate(-3deg)}.frame:nth-child(2){transform:rotate(3deg) translateY(22px)}.frame:nth-child(3){transform:rotate(2.5deg)}.frame:nth-child(4){transform:rotate(-3.5deg) translateY(22px)}.frame .tag{position:absolute;top:-10px;right:-8px;background:var(--mango);color:#2b3a33;font-weight:800;font-size:.75rem;padding:4px 10px;border-radius:999px;transform:rotate(6deg)}@media (max-width:860px){.hero{grid-template-columns:1fr}.collage{gap:12px;margin-top:6px}}.section{padding:56px 0 8px}.shead{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.shead p{max-width:60ch}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.metric{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px 18px}.metric b{font-family:Bricolage Grotesque,sans-serif;font-size:2rem;font-weight:800;display:block;line-height:1}@media (max-width:700px){.metrics{grid-template-columns:repeat(2,1fr)}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;text-align:left;padding:0;cursor:pointer;transition:border-color .15s,box-shadow .15s;font:inherit;color:inherit}.card:hover{border-color:var(--ink);box-shadow:var(--shadow)}.card .ph{position:relative;background:var(--tint)}.card .ph img{aspect-ratio:4/3;object-fit:cover;width:100%}.card .pill{position:absolute;left:10px;top:10px;background:var(--surface);color:var(--ink);padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:700}.card .pill.agotado{background:var(--aji);color:#fff}.card .body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}.card h3{font-size:1.05rem}.card .by{display:flex;align-items:center;gap:8px;font-size:.88rem;color:var(--ink2)}.card .by .avatar{width:22px;height:22px;font-size:.6rem}.card .price{margin-top:auto;padding-top:8px;display:flex;justify-content:space-between;align-items:baseline}.card .price b{font-family:Bricolage Grotesque,sans-serif;font-size:1.3rem;font-weight:800}.card .price span{font-size:.82rem;color:var(--ink2)}.meta{display:flex;flex-wrap:wrap;gap:6px}.meta span{background:var(--tint);border-radius:999px;padding:2px 10px;font-size:.78rem;font-weight:600;color:var(--ink2)}.gratis{color:var(--ok)}.pasos{display:grid;grid-template-columns:1fr 1fr;gap:18px}.paso{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:24px}.paso ol{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:14px;counter-reset:s}.paso li{display:flex;gap:14px;counter-increment:s}.paso li:before{content:counter(s);flex:none;width:30px;height:30px;border-radius:50%;background:var(--mango);color:#2b3a33;font-weight:800;display:grid;place-items:center}.paso.b li:before{background:var(--hoja);color:#fff}@media (max-width:760px){.pasos{grid-template-columns:1fr}}.puestos{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.puesto{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px;display:flex;gap:14px;align-items:flex-start;text-align:left;cursor:pointer;font:inherit;color:inherit}.puesto:hover{border-color:var(--ink)}.puesto b{display:block}.banner{margin:56px 0 0;background:var(--mango);color:#2b3a33;border-radius:28px;padding:clamp(24px,4vw,44px);display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}.banner p{max-width:52ch;margin-top:8px}.page-h{padding:30px 0 6px}.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:20px 0}.search{flex:1 1 260px;position:relative}.search input{width:100%;padding:12px 16px 12px 42px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface)}.search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--ink2)}.sel{padding:11px 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface)}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.chip{border:1.5px solid var(--line);background:var(--surface);padding:7px 15px;border-radius:999px;font-weight:600;cursor:pointer;font-size:.92rem}.chip:hover{border-color:var(--ink)}.chip[aria-pressed=true]{background:var(--sel);color:var(--sel-ink);border-color:var(--sel)}.empty{border:2px dashed var(--line);border-radius:22px;padding:40px 20px;text-align:center;color:var(--ink2);display:grid;gap:12px;justify-items:center}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#100e279e;z-index:80;display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto}.overlay.right{justify-content:flex-end;padding:0;align-items:stretch}.modal{background:var(--surface);color:var(--ink);border-radius:26px;width:min(900px,100%);max-height:calc(100vh - 32px);overflow:auto;position:relative;box-shadow:0 30px 80px #0006}.modal.sm{width:min(520px,100%)}.modal.md{width:min(680px,100%)}.drawer{position:relative;background:var(--surface);width:min(440px,100%);height:100%;overflow:auto;display:flex;flex-direction:column;padding:20px}.xbtn{position:absolute;right:14px;top:14px;z-index:3;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--surface);cursor:pointer;display:grid;place-items:center;font-size:1.2rem;line-height:1}.detail{display:grid;grid-template-columns:1.1fr 1fr}.detail .ph{background:var(--tint)}.detail .ph img{width:100%;height:100%;object-fit:cover;min-height:260px}.detail .info{padding:28px;display:grid;gap:14px;align-content:start}.detail .price{font-family:Bricolage Grotesque,sans-serif;font-size:2rem;font-weight:800}.seller{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}.qty{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:999px;overflow:hidden}.qty button{width:36px;height:36px;border:0;background:none;cursor:pointer;font-size:1.1rem}.qty span{min-width:32px;text-align:center;font-weight:700}@media (max-width:760px){.detail{grid-template-columns:1fr}.detail .ph img{min-height:0;aspect-ratio:4/3;height:auto}}.temario{margin:0;padding-left:20px;display:grid;gap:4px}.cart-item{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.cart-item img{width:72px;height:72px;border-radius:12px;object-fit:cover}.tot{display:flex;justify-content:space-between;font-weight:700;font-size:1.15rem;padding:14px 0}.form{display:grid;gap:14px;padding:28px}.g2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width:560px){.g2{grid-template-columns:1fr}}.campo{display:grid;gap:5px}.campo label{font-weight:700;font-size:.9rem}.campo input,.campo select,.campo textarea{padding:11px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);width:100%}.campo textarea{min-height:96px;resize:vertical}.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--cielo);outline:none;box-shadow:0 0 0 3px #4f7a6447}.campo .err{color:var(--danger);font-size:.84rem}.campo .hint{color:var(--ink2);font-size:.82rem}.tabs2{display:flex;gap:6px;padding:6px;background:var(--tint);border-radius:999px;width:fit-content;margin:0 auto}.tabs2 button{border:0;background:none;padding:8px 18px;border-radius:999px;font-weight:700;cursor:pointer;color:var(--ink2)}.tabs2 button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.demo{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:12px;background:var(--tint);border-radius:14px;font-size:.88rem}.upl{display:flex;gap:14px;align-items:center}.upl img{width:112px;height:84px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}.ptabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 14px}.ptabs button{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;padding:9px 18px;font-weight:700;cursor:pointer;white-space:nowrap;display:flex;gap:8px;align-items:center}.ptabs button[aria-selected=true]{background:var(--sel);color:var(--sel-ink);border-color:var(--sel)}.ptabs .n{background:var(--aji);color:#fff;border-radius:999px;font-size:.72rem;padding:1px 7px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px}.kpi b{font-family:Bricolage Grotesque,sans-serif;font-size:1.8rem;font-weight:800;display:block;line-height:1.1;margin-top:4px}.kpi.hl{background:var(--mango);border-color:var(--mango);color:#2b3a33}.kpi.hl span{color:#2b3a33}.twocol{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-top:16px}@media (max-width:860px){.twocol{grid-template-columns:1fr}}.box{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px}.box h3{margin-bottom:12px}.row{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row img{width:64px;height:64px;border-radius:12px;object-fit:cover}.row .acc{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}@media (max-width:620px){.row{grid-template-columns:56px 1fr}.row img{width:56px;height:56px}.row .acc{grid-column:1/-1;justify-content:flex-start}}.est{display:inline-block;padding:2px 11px;border-radius:999px;font-size:.78rem;font-weight:700;background:var(--tint)}.est.Nuevo{background:var(--mango);color:#2b3a33}.est.Entregado{background:#3f7d5c2e;color:var(--ok)}.est.Cancelado{background:#b85c3a29;color:var(--danger)}.est.Preparando,.est.En\ camino{background:#6e9a8438;color:var(--ink)}.order{border:1px solid var(--line);border-radius:18px;padding:16px;display:grid;gap:10px;margin-bottom:12px;background:var(--surface)}.order header{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center}.order ul{margin:0;padding-left:18px}.chart{display:flex;align-items:flex-end;gap:10px;height:150px;padding-top:10px}.chart div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%;font-size:.75rem;color:var(--ink2)}.chart i{display:block;width:100%;max-width:46px;border-radius:8px 8px 3px 3px;background:var(--cielo);min-height:3px}.chart div:last-child i{background:var(--aji)}table.t{width:100%;border-collapse:collapse;font-size:.92rem}table.t th{text-align:left;font-weight:700;padding:8px;border-bottom:2px solid var(--line)}table.t td{padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:middle}.scroll-x{overflow-x:auto}.toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translate(-50%);background:var(--sel);color:var(--sel-ink);padding:12px 20px;border-radius:999px;font-weight:600;z-index:120;box-shadow:var(--shadow);max-width:calc(100% - 32px)}.toast.err{background:var(--aji);color:#fff}.splash{min-height:60vh;display:grid;place-items:center;color:var(--ink2)}footer{margin-top:72px;background:var(--footer-bg);color:var(--hero-ink2);padding:36px 0 calc(36px + env(safe-area-inset-bottom,0px))}footer .wrap{display:flex;gap:24px;justify-content:space-between;flex-wrap:wrap}footer b{color:var(--ink)}footer button{background:none;border:0;color:var(--hero-ink2);text-decoration:underline;cursor:pointer;padding:0}.ok-box{text-align:center;padding:32px;display:grid;gap:14px;justify-items:center}.ok-box .tick{width:64px;height:64px;border-radius:50%;background:var(--hoja);color:#fff;display:grid;place-items:center;font-size:2rem}@media (prefers-reduced-motion:no-preference){.overlay{animation:fade .18s}.modal,.drawer{animation:pop .22s}.overlay.right .drawer{animation:slide .24s}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{transform:translateY(14px);opacity:0}}@keyframes slide{0%{transform:translate(40px);opacity:0}}.overlay{overflow:hidden}.modal{overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior:contain}.drawer{overscroll-behavior:contain}.form,.campo,.g2>*,.upl>div,.detail>*{min-width:0}.upl{flex-wrap:wrap}.campo input,.campo select,.campo textarea{max-width:100%}.hint,.err{overflow-wrap:anywhere}.theme-btn{padding:9px 12px}.theme-btn svg{width:20px;height:20px;display:block}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-button{display:none;width:0;height:0}::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:999px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--ink2);background-clip:content-box}.modal::-webkit-scrollbar-track,.drawer::-webkit-scrollbar-track{margin:20px 0}@supports not selector(::-webkit-scrollbar){html,.modal,.drawer{scrollbar-width:thin;scrollbar-color:var(--scroll) transparent}}.reglas{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.regla{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px 18px 18px 20px;display:grid;gap:6px;align-content:start;border-left:6px solid var(--hoja)}.regla b{font-family:Bricolage Grotesque,Figtree,system-ui,sans-serif;font-size:1.1rem;line-height:1.2}.regla span{color:var(--ink2);font-size:.95rem}.regla.r2{border-left-color:var(--aji)}.regla.r3{border-left-color:var(--mango)}.regla.r4{border-left-color:var(--cielo)}@media (max-width:900px){.reglas{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.reglas{grid-template-columns:1fr}}.aviso{margin-top:14px;padding:12px 14px;border-radius:12px;background:#b85c3a24;color:var(--danger);font-weight:600}