@font-face{font-family:Manrope;src:url(../../../assets/fonts/manrope-latin-var.woff2) format("woff2-variations");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:Sora;src:url(../../../assets/fonts/sora-latin-var.woff2) format("woff2-variations");font-weight:100 800;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body[data-palette=azul]{--accent:#2f6bff;--accent2:#6a9bff;--accent-ink:#ffffff;--bg:#f6f8ff;--surface-base:#ffffff;--text:#111a33;--muted:#5a6584;--border-c:#dee4f5;--blob1:#b9ccff;--blob2:#d8f3ff;--blob3:#ecd9ff}body[data-palette=ambar]{--accent:#d97706;--accent2:#f2a541;--accent-ink:#ffffff;--bg:#fdf9f2;--surface-base:#ffffff;--text:#2d2212;--muted:#7a6a52;--border-c:#ece1cf;--blob1:#ffd9a0;--blob2:#ffe9c9;--blob3:#fbd3b8}body[data-palette=esmeralda]{--accent:#0e8f7e;--accent2:#3fb9a5;--accent-ink:#ffffff;--bg:#f5faf9;--surface-base:#ffffff;--text:#122d29;--muted:#5b7370;--border-c:#dbe8e5;--blob1:#9fe3d6;--blob2:#c9f0ff;--blob3:#e4f7d9}body[data-palette=nocturno]{--accent:#39d3bd;--accent2:#5aa2ff;--accent-ink:#06231f;--bg:#0c131e;--surface-base:#151f2e;--text:#e9f0f8;--muted:#93a3b8;--border-c:#25334a;--blob1:#123f57;--blob2:#232a66;--blob3:#0e4a41}body[data-style=minimal]{--surface:var(--surface-base);--surface-2:var(--bg);--radius:12px;--radius-sm:8px;--shadow:none;--shadow-pop:0 10px 30px rgba(0,0,0,.08);--card-border:1px solid var(--border-c);--blur:0px;--blob-opacity:0;--highlight:none}body[data-style=soft]{--surface:var(--surface-base);--surface-2:color-mix(in srgb,var(--surface-base) 60%,var(--bg));--radius:26px;--radius-sm:16px;--shadow:0 18px 50px -12px color-mix(in srgb,var(--accent) 16%,transparent),0 4px 14px rgba(0,0,0,.04);--shadow-pop:0 28px 70px -14px color-mix(in srgb,var(--accent) 28%,transparent);--card-border:1px solid color-mix(in srgb,var(--border-c) 55%,transparent);--blur:0px;--blob-opacity:.45;--highlight:none}body[data-style=glass]{--surface:color-mix(in srgb,var(--surface-base) 62%,transparent);--surface-2:color-mix(in srgb,var(--surface-base) 40%,transparent);--radius:20px;--radius-sm:13px;--shadow:0 12px 40px -8px rgba(20,40,60,.14);--shadow-pop:0 24px 60px -10px rgba(20,40,60,.22);--card-border:1px solid color-mix(in srgb,var(--surface-base) 70%,var(--accent2));--blur:16px;--blob-opacity:.85;--highlight:none}body[data-style=liquid]{--surface:color-mix(in srgb,var(--surface-base) 50%,transparent);--surface-2:color-mix(in srgb,var(--surface-base) 32%,transparent);--radius:30px;--radius-sm:18px;--shadow:0 16px 50px -10px color-mix(in srgb,var(--accent) 22%,rgba(0,0,0,.12));--shadow-pop:0 30px 80px -12px color-mix(in srgb,var(--accent) 34%,rgba(0,0,0,.16));--card-border:1px solid color-mix(in srgb,var(--surface-base) 55%,var(--accent2));--blur:24px;--blob-opacity:1;--highlight:inset 0 1px 0 color-mix(in srgb,var(--surface-base) 85%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--accent2) 20%,transparent)}body{font-family:Manrope,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;transition:background .5s ease,color .5s ease}h1,h2,h3,h4{font-family:Sora,sans-serif;line-height:1.2;letter-spacing:-.01em}.blobs{position:fixed;inset:0;z-index:-1;overflow:hidden;opacity:var(--blob-opacity);transition:opacity .6s ease;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(70px)}.b1{width:52vw;height:52vw;background:var(--blob1);top:-18vw;right:-12vw}.b2{width:44vw;height:44vw;background:var(--blob2);bottom:-14vw;left:-10vw}.b3{width:34vw;height:34vw;background:var(--blob3);top:38%;left:34%}body[data-style=liquid] .blob{animation:drift 26s ease-in-out infinite alternate}body[data-style=liquid] .b2{animation-duration:32s;animation-delay:-8s}body[data-style=liquid] .b3{animation-duration:22s;animation-delay:-14s}@keyframes drift{0%{transform:translate(0) scale(1)}50%{transform:translate(4vw,-3vw) scale(1.12)}to{transform:translate(-3vw,4vw) scale(.94)}}.wrap{max-width:1160px;margin:0 auto;padding:0 24px}.card{background:var(--surface);border-radius:var(--radius);border:var(--card-border);box-shadow:var(--shadow),var(--highlight);-webkit-backdrop-filter:blur(var(--blur)) saturate(160%);backdrop-filter:blur(var(--blur)) saturate(160%);transition:background .5s,border-radius .45s,box-shadow .5s,border-color .5s,transform .25s}.demo-bar{background:var(--text);color:var(--bg);font-size:12.5px;padding:8px 0;text-align:center;letter-spacing:.02em}.demo-bar a{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px}header{position:sticky;top:0;z-index:50;padding:14px 0}.nav{display:flex;align-items:center;justify-content:space-between;padding:10px 22px;gap:14px}.logo{display:flex;align-items:center;gap:10px;font-family:Sora;font-weight:700;font-size:17px;color:var(--text);text-decoration:none;white-space:nowrap}.logo .mark{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-size:16px;font-weight:800;transition:border-radius .45s,background .5s}.nav nav{display:flex;gap:24px}.nav nav a{color:var(--muted);text-decoration:none;font-size:14.5px;font-weight:600;transition:color .2s}.nav nav a:hover{color:var(--accent)}.btn{display:inline-flex;align-items:center;gap:8px;font-family:Manrope;font-weight:700;font-size:15px;padding:13px 26px;border-radius:calc(var(--radius-sm) + 4px);border:none;cursor:pointer;text-decoration:none;transition:transform .18s,box-shadow .3s,background .3s,border-radius .45s}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 8px 24px -6px color-mix(in srgb,var(--accent) 55%,transparent)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 32px -6px color-mix(in srgb,var(--accent) 65%,transparent)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-ghost{background:transparent;color:var(--text);border:1.5px solid var(--border-c)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-sm{padding:9px 18px;font-size:13.5px}.cart-btn{position:relative;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:calc(var(--radius-sm) + 4px);border:1.5px solid var(--border-c);background:var(--surface-2);color:var(--text);font-family:Manrope;font-weight:800;font-size:14px;cursor:pointer;transition:all .2s}.cart-btn:hover{border-color:var(--accent);color:var(--accent)}.cart-btn .count{min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-size:12px}.hero{padding:60px 0 36px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:stretch}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}.eyebrow:before{content:"";width:22px;height:2px;background:var(--accent)}.hero h1{font-size:clamp(32px,4.4vw,50px);font-weight:700;margin-bottom:20px}.hero h1 .hl{color:var(--accent)}.hero .lead{font-size:17px;color:var(--muted);max-width:54ch;margin-bottom:28px}.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:36px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metric{padding:20px 22px}.metric .n{font-family:Sora;font-size:26px;font-weight:700;color:var(--accent)}.metric .l{font-size:12.5px;color:var(--muted);font-weight:600}.hero-side{padding:28px;display:flex;flex-direction:column;gap:18px;justify-content:space-between}.hs-item{display:flex;gap:14px;align-items:flex-start}.hs-item .ic{width:42px;height:42px;flex:none;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 14%,transparent);display:grid;place-items:center;font-size:19px}.hs-item h4{font-size:15px;margin-bottom:2px}.hs-item p{font-size:13.5px;color:var(--muted)}section{padding:52px 0}.shead{max-width:660px;margin-bottom:34px}.shead h2{font-size:clamp(26px,3.2vw,36px);margin-bottom:12px}.shead p{color:var(--muted);font-size:16px}.pain-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.pain{padding:24px 26px}.pain .q{font-size:16px;font-weight:700;font-family:Sora;margin-bottom:10px}.pain .q:before{content:"\2717  ";color:#e5484d}.pain .a{font-size:14px;color:var(--muted)}.pain .a b{color:var(--accent)}.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:24px}.search{flex:1;min-width:220px;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-sm);border:1.5px solid var(--border-c);background:var(--surface-2)}.search input{flex:1;border:none;background:transparent;font-family:Manrope;font-size:15px;color:var(--text);outline:none}.search input::placeholder{color:var(--muted)}.cats{display:flex;gap:8px;flex-wrap:wrap}.cat{padding:10px 16px;border-radius:99px;border:1.5px solid var(--border-c);background:var(--surface-2);cursor:pointer;font-family:Manrope;font-weight:700;font-size:13px;color:var(--text);transition:all .2s}.cat:hover{border-color:var(--accent)}.cat.sel{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:18px}.prod{padding:20px;display:flex;flex-direction:column;gap:12px}.prod:hover{transform:translateY(-3px);box-shadow:var(--shadow-pop),var(--highlight)}.prod-top{display:flex;justify-content:space-between;align-items:flex-start}.prod .ic{width:54px;height:54px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 12%,transparent);display:grid;place-items:center;font-size:26px;transition:border-radius .45s}.badge{font-size:11px;font-weight:800;padding:5px 10px;border-radius:99px;white-space:nowrap}.badge.ok{background:color-mix(in srgb,#16a34a 15%,transparent);color:#16a34a}.badge.low{background:color-mix(in srgb,#d97706 15%,transparent);color:#d97706}.badge.out{background:color-mix(in srgb,#e5484d 13%,transparent);color:#e5484d}body[data-palette=nocturno] .badge.ok{color:#4ade80}body[data-palette=nocturno] .badge.low{color:#fbbf24}body[data-palette=nocturno] .badge.out{color:#f87171}.prod h3{font-size:15.5px;line-height:1.35}.prod .sku{font-size:11.5px;color:var(--muted);font-weight:700;letter-spacing:.04em}.prod .unidad{font-size:12.5px;color:var(--muted)}.tiers{width:100%;border-collapse:collapse;font-size:12.5px}.tiers td{padding:5px 0;border-top:1px dashed var(--border-c);color:var(--muted)}.tiers td:last-child{text-align:right;font-weight:800;color:var(--text)}.tiers tr.hit td{color:var(--accent)}.tiers tr.hit td:last-child{color:var(--accent)}.prod-foot{display:flex;gap:10px;align-items:center;margin-top:auto}.qty{display:flex;align-items:center;border:1.5px solid var(--border-c);border-radius:var(--radius-sm);overflow:hidden}.qty button{width:32px;height:36px;border:none;background:var(--surface-2);color:var(--text);font-size:16px;font-weight:800;cursor:pointer}.qty button:hover{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.qty input{width:44px;height:36px;border:none;background:transparent;text-align:center;font-family:Manrope;font-weight:800;font-size:14px;color:var(--text);outline:none;-moz-appearance:textfield}.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none}.add{flex:1;padding:9px 0;border-radius:var(--radius-sm);border:none;background:var(--accent);color:var(--accent-ink);font-family:Manrope;font-weight:800;font-size:13.5px;cursor:pointer;transition:all .2s}.add:hover{filter:brightness(1.08)}.add:disabled{opacity:.4;cursor:not-allowed}.no-results{padding:40px;text-align:center;color:var(--muted);grid-column:1/-1}.overlay{position:fixed;inset:0;background:#0a0f1973;z-index:110;opacity:0;pointer-events:none;transition:opacity .3s}.overlay.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;height:100%;width:min(420px,100vw);z-index:120;transform:translate(105%);transition:transform .35s cubic-bezier(.32,.72,.24,1);display:flex;flex-direction:column;border-radius:0;border-right:none;border-top:none;border-bottom:none}.drawer.open{transform:none}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--border-c)}.drawer-head h3{font-size:18px}.drawer-head button{border:none;background:transparent;font-size:22px;cursor:pointer;color:var(--muted);line-height:1}.drawer-body{flex:1;overflow-y:auto;padding:18px 22px;display:flex;flex-direction:column;gap:12px}.citem{display:flex;gap:12px;align-items:center;padding:12px 14px}.citem .ic{width:40px;height:40px;flex:none;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 12%,transparent);display:grid;place-items:center;font-size:19px}.citem .inf{flex:1;min-width:0}.citem h4{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.citem p{font-size:12px;color:var(--muted)}.citem p .tier-tag{color:var(--accent);font-weight:800}.citem .sub{font-weight:800;font-size:13.5px;white-space:nowrap}.citem .rm{border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:16px}.citem .rm:hover{color:#e5484d}.drawer-empty{text-align:center;color:var(--muted);padding:50px 20px;font-size:14.5px}.drawer-foot{padding:18px 22px;border-top:1px solid var(--border-c)}.totline{display:flex;justify-content:space-between;font-size:14px;color:var(--muted);margin-bottom:6px}.totline.save{color:#16a34a;font-weight:700}body[data-palette=nocturno] .totline.save{color:#4ade80}.totline.big{font-size:18px;font-weight:800;color:var(--text);font-family:Sora;margin:8px 0 14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.field label{display:block;font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}.field input{width:100%;padding:11px 13px;border-radius:var(--radius-sm);border:1.5px solid var(--border-c);background:var(--surface-2);font-family:Manrope;font-size:14px;color:var(--text)}.field input:focus{outline:none;border-color:var(--accent)}.field.err input{border-color:#e5484d}.field.full{grid-column:1/-1}.wa-preview{background:var(--surface-2);border:1.5px dashed var(--accent);border-radius:var(--radius-sm);padding:14px;font-size:12.5px;white-space:pre-wrap;color:var(--muted);max-height:210px;overflow-y:auto;margin-bottom:14px}.confirm-box{text-align:center;padding:18px 0}.confirm-box .check{width:66px;height:66px;margin:0 auto 16px;border-radius:50%;background:color-mix(in srgb,var(--accent) 16%,transparent);display:grid;place-items:center;font-size:30px;color:var(--accent)}.confirm-box h4{font-size:19px;margin-bottom:6px}.confirm-box p{font-size:13.5px;color:var(--muted);margin-bottom:4px}.confirm-box .code{display:inline-block;margin:12px 0;padding:8px 20px;border-radius:var(--radius-sm);background:var(--surface-2);border:1.5px dashed var(--accent);font-family:Sora;font-weight:700;font-size:17px;letter-spacing:.1em;color:var(--accent)}.iscm-cta{padding:38px;text-align:center;max-width:760px;margin:0 auto}.iscm-cta h2{font-size:clamp(22px,3vw,30px);margin-bottom:12px}.iscm-cta p{color:var(--muted);margin-bottom:24px;max-width:58ch;margin-left:auto;margin-right:auto}footer{padding:34px 0 46px;text-align:center;font-size:13px;color:var(--muted)}footer a{color:var(--accent);font-weight:700;text-decoration:none}.fab{position:fixed;right:22px;bottom:22px;z-index:100;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.fab-btn{display:flex;align-items:center;gap:10px;padding:14px 22px;border-radius:99px;border:none;cursor:pointer;background:var(--text);color:var(--bg);font-family:Manrope;font-weight:800;font-size:14.5px;box-shadow:0 14px 40px -8px #00000059;transition:transform .2s}.fab-btn:hover{transform:translateY(-2px)}.fab-btn .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--accent) 60%,transparent)}50%{box-shadow:0 0 0 7px transparent}}.panel{width:308px;padding:22px;display:none;flex-direction:column;gap:18px;box-shadow:var(--shadow-pop),var(--highlight)}.panel.open{display:flex;animation:fadeUp .3s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.panel h5{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:9px}.panel .note{font-size:12px;color:var(--muted);border-top:1px solid var(--border-c);padding-top:13px}.chips{display:grid;grid-template-columns:1fr 1fr;gap:8px}.chip{padding:10px 12px;border-radius:var(--radius-sm);border:1.5px solid var(--border-c);background:var(--surface-2);cursor:pointer;font-family:Manrope;font-weight:700;font-size:12.8px;color:var(--text);transition:all .2s;text-align:center}.chip:hover{border-color:var(--accent)}.chip.sel{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.swatches{display:flex;gap:10px}.swatch{width:44px;height:44px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:all .2s}.swatch.sel{border-color:var(--text);transform:scale(1.08)}.sw-azul{background:linear-gradient(135deg,#2f6bff 55%,#f6f8ff 55%)}.sw-ambar{background:linear-gradient(135deg,#d97706 55%,#fdf9f2 55%)}.sw-esmeralda{background:linear-gradient(135deg,#0e8f7e 55%,#f5faf9 55%)}.sw-nocturno{background:linear-gradient(135deg,#39d3bd 55%,#0c131e 55%)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}@media(max-width:900px){.hero-grid,.pain-grid{grid-template-columns:1fr}.nav nav{display:none}}@media(max-width:600px){.metrics{grid-template-columns:1fr 1fr 1fr;gap:10px}.metric{padding:14px}.metric .n{font-size:19px}.form-grid{grid-template-columns:1fr}.panel{width:calc(100vw - 44px)}.hero{padding:38px 0 22px}section{padding:38px 0}.cart-btn .txt{display:none}}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.hero .reveal,.intro .reveal{opacity:1;transform:none;transition:none;animation:riseIn .55s ease both}.hero h1,.hero .lead,.intro h1,.intro p{animation:none!important;opacity:1!important;transform:none!important}