@font-face{font-family:"Anybody";src:url("fonts/anybody.woff2") format("woff2");font-weight:100 900;font-stretch:50% 150%;font-display:swap}
@font-face{font-family:"Schibsted Grotesk";src:url("fonts/schibsted-grotesk.woff2") format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:"Libre Barcode 128";src:url("fonts/libre-barcode-128.woff2") format("woff2");font-display:swap}
@font-face{font-family:"Libre Barcode 128 Text";src:url("fonts/libre-barcode-128-text.woff2") format("woff2");font-display:swap}

:root{
  --paper:#F6F7F9; --card:#FFFFFF; --ink:#17181C; --muted:#4A4D57; --line:rgba(23,24,28,.16);
  --on-accent:#FFFFFF;
  --tape:#FFC93C; --tape-ink:#2A2103;
  --yellow-bg:#FFF0BF;
  --blue:#2F5BEA; --blue-bg:#DCE5FF;
  --orange:#C2410C; --orange-bg:#FFE2D2;
  --green:#0E8A5B; --green-bg:#D3F2E3;
  --violet:#6B3CF0; --violet-bg:#E6DDFF;
  --steel:#5B6170;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#14151A; --card:#1C1E25; --ink:#ECEEF3; --muted:#AAB0BC; --line:rgba(236,238,243,.18);
    --on-accent:#0E0F12;
    --yellow-bg:#2E260A;
    --blue:#86A2FF; --blue-bg:#141D3A;
    --orange:#FF8A57; --orange-bg:#341709;
    --green:#4BD69C; --green-bg:#0B291D;
    --violet:#AE93FF; --violet-bg:#201840;
    --steel:#9AA1AF;
  }
}
:root[data-theme="dark"]{
  --paper:#14151A; --card:#1C1E25; --ink:#ECEEF3; --muted:#AAB0BC; --line:rgba(236,238,243,.18);
  --on-accent:#0E0F12;
  --yellow-bg:#2E260A;
  --blue:#86A2FF; --blue-bg:#141D3A;
  --orange:#FF8A57; --orange-bg:#341709;
  --green:#4BD69C; --green-bg:#0B291D;
  --violet:#AE93FF; --violet-bg:#201840;
  --steel:#9AA1AF;
}
:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 84px);scroll-behavior:smooth}
*,*::before,*::after{box-sizing:border-box}
body{
  margin:0;background:var(--page-bg,var(--yellow-bg));color:var(--ink);
  font-family:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:1.0625rem;line-height:1.6;overflow-x:clip;
  transition:background-color .9s ease;
}
img,svg{max-width:100%}
a{color:inherit}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:4px}
.wrap{max-width:1200px;margin:0 auto;padding:0 clamp(1.1rem,4vw,2.5rem)}
.display{font-family:"Anybody","Arial Narrow",sans-serif}

/* ---------- header ---------- */
.site-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb,var(--paper) 80%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.head-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:66px}
.logo{display:flex;align-items:baseline;gap:.55rem;text-decoration:none;font-family:"Anybody",sans-serif;font-variation-settings:"wdth" 135,"wght" 850;font-size:1.5rem;letter-spacing:-.01em}
.logo .bc{font-family:"Libre Barcode 128",monospace;font-size:2rem;font-variation-settings:normal;line-height:.6}
.nav{display:flex;align-items:center;gap:.3rem}
.nav a{text-decoration:none;font-weight:600;padding:.55rem .8rem;border-radius:999px;transition:background .25s}
.nav a:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}
.nav a.active{background:var(--tape);color:var(--tape-ink)}
.nav .sub-btn{background:var(--ink);color:var(--paper);margin-left:.4rem;min-height:44px;display:inline-flex;align-items:center}
.nav .sub-btn:hover{background:var(--ink);transform:translateY(-1px)}
.progress{position:absolute;left:0;bottom:-2px;height:4px;width:100%;background:var(--tape);transform-origin:left;transform:scaleX(0)}
@media (max-width:820px){.nav a:not(.sub-btn){display:none}}
@media (max-width:520px){.logo{font-size:1.25rem}.logo .bc{display:none}.nav .sub-btn{padding:0 1rem;font-size:.95rem;margin-left:0}}

/* ---------- hero ---------- */
.hero{position:relative;padding:clamp(2.5rem,7vw,5rem) 0 clamp(3rem,7vw,5rem);overflow:hidden}
.hero-bc{position:absolute;right:-4rem;top:2rem;font-family:"Libre Barcode 128",monospace;font-size:clamp(10rem,30vw,26rem);line-height:1;opacity:.06;pointer-events:none;white-space:nowrap}
.hero-title{font-family:"Anybody",sans-serif;font-size:clamp(3.2rem,11vw,8.8rem);line-height:.86;margin:0 0 clamp(1.5rem,3vw,2.5rem);letter-spacing:-.02em;font-variation-settings:"wdth" var(--wdth,100),"wght" var(--wght,860);will-change:transform}
.hero-title .line{display:block;white-space:nowrap}
.word{display:inline-block}
.js .char{display:inline-block;opacity:0;transform:translateY(90%) rotate(10deg);animation:drop .95s cubic-bezier(.2,.9,.25,1.25) forwards;animation-delay:calc(var(--i)*38ms + 120ms)}
@keyframes drop{to{opacity:1;transform:none}}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.lead{font-size:clamp(1.08rem,1.6vw,1.28rem);max-width:40ch;color:var(--muted);margin:0 0 2rem}
.cta-row{display:flex;flex-wrap:wrap;gap:.8rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:50px;padding:0 1.5rem;border-radius:999px;font:inherit;font-weight:700;text-decoration:none;border:2px solid var(--ink);color:var(--ink);background:transparent;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink)}
.btn.primary{background:var(--ink);color:var(--paper)}
.btn.primary:hover{box-shadow:4px 4px 0 var(--tape)}
.label-wrap{margin-top:-1rem;perspective:900px}
.ship-label{position:relative;background:var(--card);border:2px solid var(--ink);border-radius:8px;padding:1.4rem 1.5rem 1.1rem;box-shadow:10px 12px 0 var(--ink);max-width:430px;margin-left:auto;transform:translateY(var(--ty,0)) rotate(var(--rot,-5deg));transform-origin:60% 40%;will-change:transform}
.lbl-top{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--ink);padding-bottom:.7rem;margin-bottom:.4rem}
.lbl-top b{font-family:"Anybody",sans-serif;font-variation-settings:"wdth" 130,"wght" 850;font-size:1.3rem}
.lbl-top span{font-size:.85rem;font-weight:700;padding:.2rem .6rem;border:2px solid var(--ink);border-radius:4px}
.lbl-row{display:grid;grid-template-columns:7.5rem 1fr;gap:.6rem;padding:.55rem 0;border-bottom:1.5px dashed var(--line);font-size:.98rem}
.lbl-row dt{color:var(--muted)}
.lbl-row dd{margin:0;font-weight:600}
.barcode{font-family:"Libre Barcode 128 Text",monospace;font-size:clamp(3.4rem,6vw,4.4rem);line-height:1;margin-top:.7rem;white-space:nowrap;overflow:hidden}
.stamp{position:absolute;right:-18px;top:-30px;width:122px;height:122px;border-radius:50%;border:3px solid var(--orange);color:var(--orange);display:grid;place-items:center;text-align:center;font-family:"Anybody",sans-serif;font-variation-settings:"wdth" 72,"wght" 850;font-size:.98rem;line-height:1.05;padding:.8rem;background:color-mix(in srgb,var(--card) 75%,transparent);transform:rotate(14deg)}
.stamp::before{content:"";position:absolute;inset:6px;border:1.5px dashed var(--orange);border-radius:50%}
.js .stamp{animation:stampIn .45s cubic-bezier(.3,1.6,.5,1) 1.3s both}
@keyframes stampIn{from{opacity:0;transform:rotate(-20deg) scale(2.6)}to{opacity:1;transform:rotate(14deg) scale(1)}}
@media (max-width:860px){.hero-grid{grid-template-columns:1fr}.label-wrap{margin-top:1.5rem}.ship-label{margin:0 auto}.stamp{right:-6px}}

/* ---------- tapes ---------- */
.tapes{position:relative;height:clamp(150px,18vw,210px);z-index:3;pointer-events:none}
.tape{position:absolute;left:-6%;width:112%;top:50%;padding:.85rem 0;white-space:nowrap;overflow:hidden;font-family:"Anybody",sans-serif;font-variation-settings:"wdth" 118,"wght" 820;font-size:clamp(1.1rem,2.3vw,1.7rem)}
.tape.a{background:var(--tape);color:var(--tape-ink);transform:translateY(-78%) rotate(-3.2deg);box-shadow:0 8px 0 rgba(0,0,0,.12)}
.tape.b{background:var(--ink);color:var(--paper);transform:translateY(0%) rotate(2.4deg)}
.tape-track{display:inline-flex;will-change:transform}
.tape-track span{display:inline-flex;align-items:center;gap:1.6rem;padding-right:1.6rem}
.tape-track svg{width:1.3em;height:1.3em;flex:none}

/* ---------- manifesto ---------- */
.manifesto{position:relative;height:240vh;color:var(--paper)}
.manifesto-sticky{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center}
.manifesto p{margin:0;font-family:"Anybody",sans-serif;font-variation-settings:"wdth" 86,"wght" 720;font-size:clamp(1.9rem,4.8vw,4.1rem);line-height:1.08;letter-spacing:-.01em;max-width:24ch}
.mw{opacity:.16;transition:opacity .3s ease,color .3s ease}
.mw.on{opacity:1}
.mw.hl.on{color:var(--tape)}
.sign{margin-top:2.2rem;display:flex;align-items:center;gap:1rem;font-size:1rem;opacity:.85}
.sign .bc{font-family:"Libre Barcode 128",monospace;font-size:2.8rem;line-height:.6}

/* ---------- ruta (horizontal) ---------- */
.ruta{position:relative}
.ruta-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:clamp(1.4rem,3vh,2.4rem);padding-top:66px}
.h2{font-family:"Anybody",sans-serif;font-variation-settings:"wdth" 108,"wght" 860;font-size:clamp(2.3rem,6vw,4.6rem);line-height:.95;margin:0 0 .9rem;letter-spacing:-.015em}
.sub{max-width:54ch;color:var(--muted);font-size:clamp(1.02rem,1.4vw,1.15rem);margin:0}
.track-line{position:relative;height:6px;border-radius:3px;background:color-mix(in srgb,var(--blue) 22%,transparent);margin:1.6rem clamp(1.1rem,4vw,2.5rem) 0}
.track-fill{height:100%;border-radius:3px;background:var(--blue);transform-origin:left;transform:scaleX(0)}
.truck{position:absolute;top:50%;left:0;width:58px;height:58px;color:var(--blue);transform:translate(-50%,-78%);will-change:left}
.track{display:flex;gap:1.4rem;padding:0 clamp(1.1rem,4vw,2.5rem);width:max-content;will-change:transform}
.stop{position:relative;flex:none;width:min(78vw,370px);background:var(--card);border:2px solid var(--ink);border-radius:12px;padding:1.4rem;box-shadow:7px 7px 0 var(--blue);display:flex;flex-direction:column;gap:.6rem;transition:box-shadow .4s,transform .4s}
.stop.done{box-shadow:7px 7px 0 var(--green)}
.stop-top{display:flex;justify-content:space-between;align-items:center}
.stop .num{font-family:"Anybody",sans-serif;font-variation-settings:"wdth" 58,"wght" 900;font-size:3.4rem;line-height:.9;color:var(--blue);transition:color .4s}
.stop.done .num{color:var(--green)}
.status{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:700;padding:.3rem .75rem;border-radius:999px;background:color-mix(in srgb,var(--ink) 9%,transparent);color:var(--muted);transition:background .4s,color .4s}
.stop.done .status{background:var(--green);color:var(--on-accent)}
.stop h3{margin:0;font-family:"Anybody",sans-serif;font-variation-settings:"wdth" 96,"wght" 780;font-size:1.4rem;line-height:1.1}
.stop p{margin:0;color:var(--muted);font-size:.98rem}
.stop a{margin-top:auto;font-weight:700;text-underline-offset:3px}
.ruta.static .ruta-sticky{position:static;height:auto;padding:5rem 0}
.ruta.static .track-wrap{overflow-x:auto}

/* ---------- sections ---------- */
.section{padding:clamp(4.5rem,10vw,8rem) 0;position:relative}
.chips{display:flex;flex-wrap:wrap;gap:.6rem;margin:2rem 0 2.2rem}
.chip{min-height:44px;padding:0 1.1rem;border-radius:999px;border:2px solid var(--ink);background:transparent;color:var(--ink);font:inherit;font-weight:700;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.chip:hover{transform:translateY(-2px)}
.chip[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:1.5rem}
.post{--cat:var(--blue);position:relative;display:flex;flex-direction:column;gap:.75rem;background:var(--card);border:2px solid var(--ink);border-radius:10px;padding:1.3rem 1.3rem 1rem;text-decoration:none;color:var(--ink);transition:transform .25s ease,box-shadow .25s ease}
.post:hover{transform:translate(-4px,-4px) rotate(-.7deg);box-shadow:8px 8px 0 var(--cat)}
.post[data-cat="proveedores"]{--cat:var(--green)}
.post[data-cat="legal"]{--cat:var(--steel)}
.post[data-cat="anuncios"]{--cat:var(--violet)}
.post[data-cat="tendencias"]{--cat:var(--orange)}
.post .cat{align-self:flex-start;font-size:.82rem;font-weight:700;padding:.22rem .65rem;border-radius:4px;background:var(--cat);color:var(--on-accent)}
.post h3{margin:0;font-family:"Anybody",sans-serif;font-variation-settings:"wdth" 94,"wght" 760;font-size:1.32rem;line-height:1.12}
.post p{margin:0;color:var(--muted);font-size:.97rem}
.post .foot{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:.5rem;border-top:1.5px dashed var(--line);padding-top:.7rem;font-size:.86rem;color:var(--muted)}
.post .mini-bc{font-family:"Libre Barcode 128",monospace;font-size:2.3rem;line-height:.7;color:var(--ink)}
.post.hide,.ad-slot.hide{display:none}
.ad-slot{display:grid;place-items:center;text-align:center;min-height:230px;padding:1.2rem;border:2px dashed var(--line);border-radius:10px;color:var(--muted);font-size:.92rem}
.ad-slot b{display:block;color:var(--ink);font-size:1rem;margin-bottom:.2rem}

/* ---------- radar ---------- */
.radar-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,4vw,3.5rem);align-items:start;margin-top:2.4rem}
.checks{display:grid;gap:.75rem}
.check{display:flex;align-items:center;gap:.95rem;min-height:58px;padding:.8rem 1rem;border:2px solid var(--ink);border-radius:12px;background:var(--card);color:var(--ink);font:inherit;font-weight:600;text-align:left;cursor:pointer;transition:transform .2s,background .25s,color .25s,border-color .25s}
.check:hover{transform:translateX(6px)}
.check .box{flex:none;width:28px;height:28px;border:2px solid currentColor;border-radius:7px;display:grid;place-items:center}
.check .box svg{width:18px;height:18px;opacity:0;transform:scale(.3);transition:all .25s cubic-bezier(.3,1.6,.5,1)}
.check[aria-pressed="true"]{background:var(--orange);color:var(--on-accent);border-color:var(--orange)}
.check[aria-pressed="true"] .box svg{opacity:1;transform:none}
.gauge-card{position:sticky;top:calc(env(safe-area-inset-top,0px) + 96px);background:var(--card);border:2px solid var(--ink);border-radius:16px;padding:1.6rem;box-shadow:10px 10px 0 var(--orange);text-align:center}
.gauge-card svg{width:100%;max-width:320px;display:block;margin:0 auto}
.needle{transform-origin:120px 122px;transform:rotate(-90deg);transition:transform 1s cubic-bezier(.3,1.5,.5,1)}
.score{font-family:"Anybody",sans-serif;font-variation-settings:"wdth" 70,"wght" 900;font-size:3.4rem;line-height:1;margin:.4rem 0 .2rem}
.verdict{font-weight:700;font-size:1.1rem;margin:0}
.verdict-sub{color:var(--muted);margin:.3rem 0 0;font-size:.95rem}
@media (max-width:860px){.radar-grid{grid-template-columns:1fr}.gauge-card{position:static}}

/* ---------- calculadora ---------- */
.calc{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,3.5rem);margin-top:2.4rem;align-items:start}
.fields{display:grid;gap:1.3rem}
.field label{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-weight:600;margin-bottom:.35rem}
.field output{font-family:"Anybody",sans-serif;font-variation-settings:"wdth" 90,"wght" 800;font-size:1.2rem;color:var(--green)}
input[type=range]{width:100%;height:44px;accent-color:var(--green);cursor:pointer;background:transparent}
.toggle{display:flex;align-items:center;gap:.7rem;font-weight:600;min-height:44px;cursor:pointer}
.toggle input{width:22px;height:22px;accent-color:var(--green)}
.result{background:var(--card);border:2px solid var(--ink);border-radius:16px;padding:clamp(1.3rem,3vw,2rem);box-shadow:10px 10px 0 var(--green);position:sticky;top:calc(env(safe-area-inset-top,0px) + 96px)}
.result .k{color:var(--muted);font-weight:600;margin:0}
.profit{font-family:"Anybody",sans-serif;font-variation-settings:"wdth" 80,"wght" 900;font-size:clamp(3rem,7vw,4.8rem);line-height:1;margin:.3rem 0 .4rem;color:var(--green);transition:color .3s}
.profit.loss{color:var(--orange)}
.margin-line{font-weight:600;margin:0 0 1.3rem}
.bar{display:flex;height:34px;border-radius:8px;overflow:hidden;border:2px solid var(--ink)}
.bar span{height:100%;transition:width .6s cubic-bezier(.3,1.2,.5,1)}
.legend{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin:.8rem 0 1.4rem;padding:0;list-style:none;font-size:.88rem;color:var(--muted)}
.legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:.35rem;vertical-align:-1px}
.goal{border-top:1.5px dashed var(--line);padding-top:1.1rem;display:grid;gap:.5rem}
.goal label{font-weight:600}
.goal input{width:100%;min-height:48px;border:2px solid var(--ink);border-radius:10px;padding:0 .9rem;font:inherit;background:var(--paper);color:var(--ink)}
.goal p{margin:0}
.goal strong{font-family:"Anybody",sans-serif;font-variation-settings:"wdth" 90,"wght" 850;font-size:1.6rem}
.fine{font-size:.85rem;color:var(--muted);margin-top:1rem}
@media (max-width:860px){.calc{grid-template-columns:1fr}.result{position:static}}

/* ---------- anuncios (stack) ---------- */
.stack{margin-top:2.6rem;padding-bottom:4vh}
.ad-card{position:sticky;top:calc(env(safe-area-inset-top,0px) + 92px + var(--k)*20px);display:grid;grid-template-columns:1fr auto;gap:clamp(1.2rem,4vw,3rem);align-items:center;min-height:330px;margin-bottom:24vh;background:var(--card);border:2px solid var(--ink);border-radius:20px;padding:clamp(1.4rem,3.5vw,2.6rem);transform-origin:50% 0;will-change:transform}
.ad-card:last-child{margin-bottom:0}
.ad-card .when{display:inline-block;font-weight:700;font-size:.9rem;color:var(--violet);margin-bottom:.4rem}
.ad-card h3{margin:0 0 .7rem;font-family:"Anybody",sans-serif;font-variation-settings:"wdth" 112,"wght" 860;font-size:clamp(1.9rem,4.5vw,3.2rem);line-height:.98}
.ad-card p{margin:0;max-width:44ch;color:var(--muted);font-size:1.05rem}
.phone{width:170px;aspect-ratio:9/16;border:3px solid var(--ink);border-radius:28px;background:var(--violet-bg);position:relative;overflow:hidden;display:grid;place-items:center}
.phone::before{content:"";position:absolute;top:10px;left:50%;width:46px;height:6px;border-radius:3px;background:var(--ink);transform:translateX(-50%)}
.phone .ph-t{font-family:"Anybody",sans-serif;font-variation-settings:"wdth" 70,"wght" 900;font-size:2.4rem;color:var(--violet)}
.phone .ph-bar{position:absolute;left:12px;right:12px;bottom:16px;height:6px;border-radius:3px;background:color-mix(in srgb,var(--ink) 18%,transparent)}
.phone .ph-bar i{position:absolute;top:0;bottom:0;border-radius:3px;background:var(--violet)}
@media (max-width:640px){.ad-card{grid-template-columns:1fr}.phone{width:120px;justify-self:start}}

/* ---------- newsletter ---------- */
.news-box{position:relative;border:2px solid var(--ink);border-radius:20px;background:var(--card);padding:clamp(1.6rem,5vw,3.5rem);box-shadow:12px 12px 0 var(--ink);overflow:hidden}
.news-form{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem;max-width:560px}
.news-form .fld{flex:1 1 240px;display:grid;gap:.3rem}
.news-form label{font-weight:600;font-size:.95rem}
.news-form input{min-height:52px;border:2px solid var(--ink);border-radius:999px;padding:0 1.2rem;font:inherit;background:var(--paper);color:var(--ink)}
.news-form .btn{align-self:end}
.news-msg{margin:1rem 0 0;font-weight:600;min-height:1.6em}
.sent{position:absolute;right:clamp(1rem,5vw,3rem);top:clamp(1rem,4vw,2.5rem);width:150px;height:150px;border-radius:50%;border:4px solid var(--green);color:var(--green);display:grid;place-items:center;text-align:center;font-family:"Anybody",sans-serif;font-variation-settings:"wdth" 72,"wght" 900;font-size:1.3rem;line-height:1;transform:rotate(-14deg) scale(2.5);opacity:0;pointer-events:none}
.sent.show{animation:sentIn .5s cubic-bezier(.3,1.6,.5,1) forwards}
@keyframes sentIn{to{opacity:1;transform:rotate(-14deg) scale(1)}}
@media (max-width:640px){.sent{width:110px;height:110px;font-size:1rem;top:auto;bottom:1rem}}

/* ---------- footer ---------- */
.foot-site{background:var(--ink);color:var(--paper);padding:3.5rem 0 2.5rem}
.foot-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem;align-items:flex-end}
.foot-site .logo{font-size:2rem}
.foot-links{display:flex;flex-wrap:wrap;gap:.3rem 1.2rem;list-style:none;margin:0;padding:0}
.foot-links a{text-decoration:none;opacity:.85;display:inline-block;padding:.5rem 0}
.foot-links a:hover{opacity:1;text-decoration:underline}
.foot-bc{font-family:"Libre Barcode 128 Text",monospace;font-size:3.6rem;line-height:1;margin-top:2rem;opacity:.9}

/* ---------- dudas (artículos) ---------- */
.dudas{padding:clamp(4.5rem,10vw,8rem) 0 clamp(2rem,5vw,4rem)}
.dudas-head{margin-bottom:clamp(2rem,5vw,3.5rem)}
.dudas-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(2rem,4vw,4rem);align-items:start}
.toc{position:sticky;top:calc(env(safe-area-inset-top,0px) + 96px)}
.toc ol{position:relative;list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.toc a{display:grid;grid-template-columns:2rem 1fr;gap:.35rem .6rem;align-items:center;min-height:44px;padding:.7rem .8rem;border-radius:12px;border:2px solid transparent;text-decoration:none;font-weight:600;line-height:1.25;transition:background .3s,border-color .3s,transform .3s}
.toc a:hover{transform:translateX(4px)}
.toc a.active{background:var(--card);border-color:var(--ink)}
.toc-n{font-family:"Anybody",sans-serif;font-variation-settings:"wdth" 60,"wght" 900;font-size:1.6rem;line-height:1}
.toc-bar{grid-column:2;display:block;height:4px;border-radius:2px;background:var(--line);overflow:hidden}
.toc-bar b{display:block;height:100%;background:var(--ink);transform-origin:left;transform:scaleX(0)}
.art{--acc:var(--blue);background:var(--card);border:2px solid var(--ink);border-radius:20px;padding:clamp(1.4rem,4vw,3rem);margin-bottom:clamp(2.2rem,5vw,4rem);box-shadow:12px 12px 0 var(--acc);max-width:800px}
.art .cat{display:inline-block;font-size:.85rem;font-weight:700;padding:.22rem .7rem;border-radius:4px;background:var(--acc);color:var(--on-accent)}
.art-title{font-family:"Anybody",sans-serif;font-variation-settings:"wdth" 100,"wght" 860;font-size:clamp(1.9rem,4.2vw,3rem);line-height:1;margin:.8rem 0 .8rem;letter-spacing:-.01em}
.art-meta{color:var(--muted);margin:0}
.short{margin:1.6rem 0 0;padding:1.1rem 1.3rem;border-radius:12px;background:color-mix(in srgb,var(--acc) 12%,var(--card));border:2px solid var(--acc)}
.short b{display:block;margin-bottom:.25rem}
.short p{margin:0}
.art h4{font-family:"Anybody",sans-serif;font-variation-settings:"wdth" 104,"wght" 820;font-size:clamp(1.3rem,2.4vw,1.6rem);line-height:1.1;margin:2.4rem 0 .9rem}
.art p,.art li{max-width:66ch}
.steps{list-style:none;padding:0;margin:0;counter-reset:st;display:grid;gap:1.15rem}
.steps>li{counter-increment:st;display:grid;grid-template-columns:2.8rem 1fr;gap:.9rem;align-items:start}
.steps>li::before{content:counter(st);font-family:"Anybody",sans-serif;font-variation-settings:"wdth" 60,"wght" 900;font-size:2.4rem;line-height:.95;color:var(--acc)}
.steps h5{margin:0 0 .2rem;font-size:1.08rem}
.steps p{margin:0;color:var(--muted)}
.path{font-weight:700;color:var(--ink);background:color-mix(in srgb,var(--ink) 7%,transparent);padding:.05rem .4rem;border-radius:4px}
.art code{font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:.9em;background:color-mix(in srgb,var(--ink) 8%,transparent);padding:.05rem .35rem;border-radius:4px}
.callout{margin-top:1.8rem;padding:1rem 1.2rem;border-radius:12px;border:2px dashed var(--orange)}
.callout b{color:var(--orange)}
.callout p{margin:.2rem 0 0}
.legal-note{font-size:.92rem;color:var(--muted);border-left:4px solid var(--steel);padding:.3rem 0 .3rem .9rem;margin:1.2rem 0 0}
.plain{margin:0;padding-left:1.2rem;display:grid;gap:.45rem}
.plain li::marker{color:var(--acc)}
/* checklist */
.todo-prog{display:flex;align-items:center;gap:1rem;font-weight:700;margin:0 0 1rem}
.meter{flex:1;height:12px;border-radius:6px;background:var(--line);overflow:hidden}
.meter b{display:block;height:100%;background:var(--acc);transform-origin:left;transform:scaleX(0);transition:transform .55s cubic-bezier(.3,1.3,.5,1)}
.todo{display:grid;gap:.6rem}
.art .check[aria-pressed="true"]{background:var(--acc);border-color:var(--acc)}
.todo-done{margin:.9rem 0 0;font-weight:700;color:var(--green);min-height:1.6em}
/* decisión */
.decide{display:flex;flex-wrap:wrap;gap:.6rem}
.answer{margin-top:1rem;padding:1.1rem 1.3rem;border-radius:12px;border:2px solid var(--ink);background:color-mix(in srgb,var(--acc) 10%,var(--card))}
.answer[hidden]{display:none}
.answer p{margin:0}
.answer.anim{animation:popIn .45s cubic-bezier(.3,1.5,.5,1)}
@keyframes popIn{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
/* acordeón */
.acc details{border:2px solid var(--ink);border-radius:12px;background:var(--card);margin-bottom:.6rem;overflow:hidden}
.acc summary{cursor:pointer;list-style:none;min-height:54px;padding:.9rem 1.1rem;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:"+";font-family:"Anybody",sans-serif;font-variation-settings:"wght" 700;font-size:1.7rem;line-height:1;transition:transform .3s}
.acc details[open] summary::after{transform:rotate(45deg)}
.acc details[open]{box-shadow:5px 5px 0 var(--acc)}
.acc .acc-body{padding:0 1.1rem 1.1rem;color:var(--muted)}
.acc .acc-body p{margin:0}
.acc .acc-body p+p{margin-top:.55rem}
.acc details[open] .acc-body{animation:popIn .4s ease}
/* pestañas */
.tabs{display:flex;flex-wrap:wrap;gap:.4rem;border-bottom:2px solid var(--ink)}
.tab{min-height:46px;padding:0 1.1rem;border:2px solid var(--ink);border-bottom:none;border-radius:12px 12px 0 0;background:transparent;color:var(--ink);font:inherit;font-weight:700;cursor:pointer;margin-bottom:-2px;transition:background .2s,color .2s}
.tab[aria-selected="true"]{background:var(--acc);color:var(--on-accent);border-color:var(--acc)}
.tabpanel{padding-top:1.3rem}
.tabpanel.anim{animation:popIn .45s ease}
/* dónde mirar / señales */
.where{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.8rem}
.where div{border:2px solid var(--ink);border-radius:12px;padding:1rem 1.1rem;background:var(--card);transition:transform .25s,box-shadow .25s}
.where div:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--acc)}
.where b{display:block;margin-bottom:.25rem}
.where p{margin:0;color:var(--muted);font-size:.95rem}
.signals{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.sig{border:2px solid;border-radius:12px;padding:1rem 1.2rem}
.sig h5{margin:0 0 .5rem;font-size:1.05rem}
.sig.ok{border-color:var(--green)}.sig.ok h5{color:var(--green)}
.sig.bad{border-color:var(--orange)}.sig.bad h5{color:var(--orange)}
.sig ul{margin:0;padding-left:1.1rem;display:grid;gap:.35rem;color:var(--muted)}
@media (max-width:640px){.signals{grid-template-columns:1fr}}
/* ventana */
.win{border:2px solid var(--ink);border-radius:14px;padding:1.2rem 1.3rem;display:grid;gap:1rem}
.win .field label{margin-bottom:.1rem}
.win .field output{color:var(--acc)}
.art input[type=range]{accent-color:var(--acc)}
.win-state{display:flex;align-items:center;gap:1rem;padding:.9rem 1.1rem;border-radius:12px;background:var(--st,var(--green));color:var(--on-accent);transition:background .4s}
.win-state b{font-family:"Anybody",sans-serif;font-variation-settings:"wdth" 80,"wght" 900;font-size:1.6rem;line-height:1;white-space:nowrap}
.win-state span{font-weight:600}
@media (max-width:980px){.nav a:not(.sub-btn){display:none}}
@media (max-width:900px){
  .dudas-layout{grid-template-columns:minmax(0,1fr)}
  .toc{top:calc(env(safe-area-inset-top,0px) + 66px);z-index:20;margin:0 calc(-1*clamp(1.1rem,4vw,2.5rem));padding:.5rem clamp(1.1rem,4vw,2.5rem);background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
  .toc ol{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;scrollbar-width:none}
  .toc a{grid-template-columns:auto auto;padding:.45rem .8rem}
  .toc-bar{display:none}
  .toc-long{display:none}
}
@media (min-width:901px){.toc-short{display:none}}

/* ---------- guías para principiantes ---------- */
.pills{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 0}
.pill{font-size:.88rem;font-weight:700;padding:.3rem .85rem;border-radius:999px;border:2px solid var(--ink)}
.explain{margin-top:1.4rem;display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1.2rem 1.3rem;border-radius:14px;background:color-mix(in srgb,var(--tape) 20%,var(--card));border:2px solid var(--ink)}
.explain .ico{width:46px;height:46px;border-radius:50%;background:var(--tape);color:var(--tape-ink);display:grid;place-items:center;font-family:"Anybody",sans-serif;font-variation-settings:"wght" 900;font-size:1.6rem;line-height:1}
.explain h5{margin:.35rem 0 .45rem;font-size:1.15rem}
.explain p{margin:0 0 .6rem}.explain p:last-child{margin:0}
.flow{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:.9rem;margin-top:1rem}
.flow-step{position:relative;text-align:center;padding:1.1rem .7rem;border:2px solid var(--ink);border-radius:12px;background:var(--card);font-weight:600;font-size:.93rem;line-height:1.3}
.flow-step .fi{display:grid;place-items:center;width:46px;height:46px;margin:0 auto .6rem;border-radius:50%;background:var(--acc);color:var(--on-accent)}
.flow-step .fi svg{width:24px;height:24px}
.flow-step:not(:last-child)::after{content:"";position:absolute;right:-.95rem;top:50%;width:.95rem;height:2px;background:var(--ink)}
.flow-step.hot{background:var(--tape);color:var(--tape-ink)}
.flow-step .tag{position:absolute;top:-.85rem;left:50%;transform:translateX(-50%) rotate(-3deg);background:var(--ink);color:var(--paper);font-size:.78rem;font-weight:700;padding:.15rem .6rem;border-radius:4px;white-space:nowrap}
@media (max-width:700px){
  .flow{grid-template-columns:1fr}
  .flow-step{display:flex;align-items:center;gap:.9rem;text-align:left}
  .flow-step .fi{margin:0;flex:none}
  .flow-step:not(:last-child)::after{right:auto;left:calc(.7rem + 22px);top:100%;width:2px;height:.95rem}
  .flow-step .tag{left:auto;right:.6rem;transform:rotate(-3deg)}
}
.do{margin:.7rem 0 0;padding-left:1.3rem;display:grid;gap:.45rem}
.do li::marker{color:var(--acc);font-weight:800}
.steps .do li{color:var(--ink)}
.steps p+p{margin-top:.5rem}
.ok-tip{margin-top:.8rem!important;padding:.6rem .85rem;border-radius:8px;background:color-mix(in srgb,var(--green) 12%,var(--card));border-left:4px solid var(--green);color:var(--ink)!important;font-size:.96rem}
.gloss{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.75rem}
.term{perspective:900px;min-height:160px;border:none;background:none;padding:0;font:inherit;color:var(--ink);text-align:left;cursor:pointer;border-radius:12px}
.term-in{position:relative;display:block;width:100%;height:100%;min-height:160px;transition:transform .65s cubic-bezier(.3,1.35,.5,1);transform-style:preserve-3d}
.term[aria-pressed="true"] .term-in{transform:rotateY(180deg)}
.term .f,.term .b{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:1rem;border:2px solid var(--ink);border-radius:12px;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.term .f{background:var(--card);font-family:"Anybody",sans-serif;font-variation-settings:"wdth" 95,"wght" 820;font-size:1.2rem;line-height:1.1}
.term .f small{font-family:"Schibsted Grotesk",sans-serif;font-variation-settings:normal;font-weight:600;font-size:.8rem;color:var(--muted);margin-top:.5rem}
.term .b{background:var(--acc);color:var(--on-accent);transform:rotateY(180deg);font-size:.93rem;line-height:1.38;font-weight:500}
.term:hover .f{box-shadow:4px 4px 0 var(--acc)}

/* ---------- niveles ---------- */
.lvl-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1.8rem;max-width:980px}
.lvl{--lc:var(--green);--lt:var(--on-accent);position:relative;display:grid;align-content:start;gap:.3rem;min-height:96px;padding:1.1rem 1.2rem;border:2px solid var(--ink);border-radius:16px;background:var(--card);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:transform .25s,box-shadow .25s,background .35s,color .35s}
.lvl[data-lvl="2"]{--lc:var(--tape);--lt:var(--tape-ink)}
.lvl[data-lvl="3"]{--lc:var(--ink);--lt:var(--paper)}
.lvl b{font-family:"Anybody",sans-serif;font-variation-settings:"wdth" 110,"wght" 860;font-size:clamp(1.05rem,2.2vw,1.45rem);line-height:1;padding-right:2.4rem}
.lvl small{color:var(--muted);font-size:.88rem;font-weight:600;line-height:1.3}
.lvl:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--lc)}
.lvl[aria-pressed="true"]{background:var(--lc);color:var(--lt);box-shadow:6px 6px 0 var(--ink)}
.lvl[aria-pressed="true"] small{color:inherit;opacity:.85}
.lvl .bars{position:absolute;top:1rem;right:1rem;display:flex;align-items:flex-end;gap:3px}
.lvl .bars i{display:block;width:6px;border-radius:2px;background:currentColor;opacity:.22}
.lvl .bars i:nth-child(1){height:8px}.lvl .bars i:nth-child(2){height:13px}.lvl .bars i:nth-child(3){height:18px}
.lvl .bars i.on{opacity:1}
.lvl .soon{justify-self:start;margin-top:.2rem;font-size:.75rem;font-weight:700;padding:.12rem .5rem;border-radius:4px;background:var(--tape);color:var(--tape-ink)}
.toc-lvls{display:flex;gap:.3rem;margin-bottom:.9rem}
.toc-lvls button{flex:1;min-height:40px;padding:0 .5rem;border:2px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);font:inherit;font-weight:700;font-size:.82rem;cursor:pointer;white-space:nowrap}
.toc-lvls button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.toc-empty{padding:.6rem .8rem;color:var(--muted);font-weight:600}
.level[hidden]{display:none}
.level.anim{animation:lvlIn .65s cubic-bezier(.2,.9,.25,1.1)}
@keyframes lvlIn{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:none}}
.next-lvl{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:800px;margin-bottom:3rem;padding:1.4rem 1.6rem;border:2px dashed var(--ink);border-radius:18px}
.next-lvl p{margin:0;max-width:40ch}
.soon-box{max-width:800px;margin-bottom:3rem;padding:clamp(1.4rem,4vw,3rem);border:2px solid var(--ink);border-radius:20px;background:var(--card);box-shadow:12px 12px 0 var(--violet)}
.locked{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem;margin-top:1.4rem}
.lock-card{display:flex;align-items:center;gap:.7rem;padding:.9rem 1rem;border:2px solid var(--ink);border-radius:12px;font-weight:600;line-height:1.3}
.lock-card svg{flex:none;width:22px;height:22px;color:var(--violet)}
/* herramientas */
.struct{display:grid;gap:.5rem;margin-top:.8rem}
.st-row{display:grid;grid-template-columns:4.5rem 1fr;gap:.8rem;align-items:start;padding:.7rem .9rem;border-radius:10px;background:color-mix(in srgb,var(--acc) 10%,var(--card));border-left:4px solid var(--acc)}
.st-t{font-family:"Anybody",sans-serif;font-variation-settings:"wdth" 80,"wght" 850;color:var(--acc)}
.tool{display:grid;gap:.9rem;padding:1.2rem 1.3rem;border:2px solid var(--ink);border-radius:14px;background:var(--card)}
.tool label{display:block;font-weight:600;margin-bottom:.3rem}
.tool input[type=text],.tool select,.tool textarea{width:100%;min-height:48px;padding:.6rem .9rem;border:2px solid var(--ink);border-radius:10px;font:inherit;background:var(--paper);color:var(--ink)}
.tool textarea{min-height:230px;resize:vertical;line-height:1.5}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
@media (max-width:560px){.grid2{grid-template-columns:1fr}}
.out-list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.out-list li{display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding:.7rem .9rem;border-radius:10px;border:1.5px solid var(--acc);background:color-mix(in srgb,var(--acc) 9%,var(--card));font-weight:600;line-height:1.35;animation:popIn .4s both;animation-delay:calc(var(--i)*60ms)}
.out-list .cnt{font-size:.8rem;color:var(--muted);white-space:nowrap}
.out-list .cnt.over{color:var(--orange)}
.copy{flex:none;min-height:40px;padding:0 .9rem;border:2px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);font:inherit;font-weight:700;font-size:.85rem;cursor:pointer}
.safe-wrap,.pp-wrap{display:grid;grid-template-columns:auto 1fr;gap:1.6rem;align-items:center}
@media (max-width:620px){.safe-wrap,.pp-wrap{grid-template-columns:1fr;justify-items:center}}
.safe-phone{position:relative;width:200px;aspect-ratio:9/16;border:3px solid var(--ink);border-radius:26px;overflow:hidden;background:linear-gradient(160deg,color-mix(in srgb,var(--acc) 35%,var(--card)),var(--card))}
.safe-zone{position:absolute;left:6%;right:20%;top:12%;bottom:24%;display:grid;place-items:center;padding:.4rem;border:2px dashed var(--green);border-radius:8px;background:color-mix(in srgb,var(--green) 16%,transparent);color:var(--green);font-weight:700;font-size:.8rem;text-align:center}
.ui{position:absolute;transition:opacity .4s,transform .4s}
.ui-top{left:22%;right:22%;top:4%;height:4.5%;border-radius:4px;background:color-mix(in srgb,var(--ink) 55%,transparent)}
.ui-right{right:4%;bottom:24%;width:12%;display:flex;flex-direction:column;gap:9px}
.ui-right i{display:block;width:100%;aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--ink) 55%,transparent)}
.ui-bottom{left:4%;right:22%;bottom:4%;height:16%;border-radius:6px;background:color-mix(in srgb,var(--ink) 55%,transparent)}
.safe-phone:not(.show-ui) .ui{opacity:0;transform:scale(.85)}
.week-wrap{overflow-x:auto}
.week{display:grid;grid-template-columns:repeat(7,minmax(112px,1fr));gap:.5rem}
.day{padding:.6rem;border:2px solid var(--ink);border-radius:10px;background:var(--paper)}
.day h6{margin:0 0 .45rem;font-size:.9rem}
.day span{display:block;margin-bottom:.3rem;padding:.3rem .45rem;border-radius:6px;background:color-mix(in srgb,var(--acc) 15%,var(--card));font-size:.8rem;font-weight:600;line-height:1.25;animation:popIn .35s both}
.pp-phone{position:relative;display:flex;flex-direction:column;gap:.35rem;width:210px;aspect-ratio:9/19;padding:.5rem .5rem 3.2rem;border:3px solid var(--ink);border-radius:28px;background:var(--card)}
.zone{display:grid;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--ink) 9%,transparent);color:var(--muted);font-size:.72rem;font-weight:700;transition:background .3s,color .3s,transform .3s,box-shadow .3s}
.zone.cta{position:absolute;left:.5rem;right:.5rem;bottom:.5rem;height:2.3rem;background:var(--ink);color:var(--paper)}
.zone.hl{background:var(--acc);color:var(--on-accent);transform:scale(1.05);box-shadow:0 0 0 3px var(--ink)}
.pp-list{display:grid;gap:.35rem;width:100%}
.pp-item{display:grid;grid-template-columns:2rem 1fr;gap:.6rem;align-items:start;width:100%;padding:.6rem .7rem;border:2px solid transparent;border-radius:10px;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer;min-height:44px}
.pp-item b{font-family:"Anybody",sans-serif;font-variation-settings:"wdth" 60,"wght" 900;font-size:1.5rem;line-height:1;color:var(--acc)}
.pp-item .pp-d{display:none;color:var(--muted);font-size:.93rem;margin-top:.2rem}
.pp-item[aria-pressed="true"]{border-color:var(--ink);background:var(--card)}
.pp-item[aria-pressed="true"] .pp-d{display:block}
.tbl-wrap{overflow-x:auto;border:2px solid var(--ink);border-radius:12px}
.tbl-wrap table{width:100%;min-width:520px;border-collapse:collapse;font-size:.95rem}
.tbl-wrap th,.tbl-wrap td{padding:.7rem .9rem;border-bottom:1.5px solid var(--line);text-align:left;vertical-align:top}
.tbl-wrap th{background:color-mix(in srgb,var(--acc) 14%,var(--card))}
.tbl-wrap tr:last-child td{border-bottom:none}
.tbl-wrap td:first-child{font-weight:700}
@media (max-width:640px){.lvl-switch{gap:.5rem}.lvl{min-height:74px;padding:.8rem .7rem}.lvl small{display:none}.lvl b{padding-right:0;margin-top:1.1rem}.lvl .bars{top:.7rem;right:auto;left:.7rem}.lvl .soon{font-size:.68rem}}
@media (max-width:900px){.toc{display:grid;gap:.45rem}.toc-lvls{margin-bottom:0}}

/* ---------- buscador ---------- */
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.search-trigger{flex:1;max-width:340px;display:flex;align-items:center;gap:.6rem;min-height:44px;padding:0 .9rem;border:2px solid var(--ink);border-radius:999px;background:var(--card);color:var(--muted);font:inherit;font-size:.95rem;cursor:pointer;transition:transform .2s,box-shadow .2s}
.search-trigger:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--tape)}
.search-trigger svg{width:20px;height:20px;flex:none;color:var(--ink)}
.search-trigger .st-text{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-trigger kbd{font:inherit;font-size:.8rem;font-weight:700;padding:.05rem .45rem;border:1.5px solid var(--line);border-radius:5px;color:var(--muted)}
@media (max-width:700px){.search-trigger{flex:none;width:44px;padding:0;justify-content:center;margin-left:auto}.search-trigger .st-text,.search-trigger kbd{display:none}.head-row{gap:.5rem}}
.hero-search{display:flex;align-items:center;gap:1rem;width:100%;max-width:520px;margin-top:1.4rem;padding:1rem 1.2rem;border:2px solid var(--ink);border-radius:16px;background:var(--card);color:var(--ink);font:inherit;text-align:left;cursor:pointer;box-shadow:6px 6px 0 var(--ink);transition:transform .2s,box-shadow .2s}
.hero-search:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--ink)}
.hero-search svg{width:28px;height:28px;flex:none}
.hero-search b{display:block;font-size:1.05rem}
.hero-search small{display:block;color:var(--muted);font-size:.9rem}
.search-ov{position:fixed;inset:0;z-index:200;display:flex;justify-content:center;align-items:flex-start;padding:calc(env(safe-area-inset-top,0px) + 4vh) 1rem calc(env(safe-area-inset-bottom,0px) + 1rem);background:color-mix(in srgb,var(--ink) 55%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.search-ov[hidden]{display:none}
.search-ov.anim .search-box{animation:popIn .35s cubic-bezier(.3,1.4,.5,1)}
.search-box{width:100%;max-width:680px;max-height:100%;display:flex;flex-direction:column;background:var(--card);border:2px solid var(--ink);border-radius:20px;box-shadow:10px 10px 0 var(--tape);overflow:hidden}
.search-in{display:flex;align-items:center;gap:.7rem;padding:.9rem 1rem;border-bottom:2px solid var(--ink)}
.search-in svg{width:24px;height:24px;flex:none}
.search-in input{flex:1;min-width:0;min-height:44px;border:none;outline:none;background:transparent;color:var(--ink);font:inherit;font-size:1.15rem}
.search-in input::-webkit-search-cancel-button{display:none}
.search-close{min-height:40px;padding:0 .8rem;border:2px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);font:inherit;font-weight:700;font-size:.85rem;cursor:pointer}
.search-suggest{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;padding:.9rem 1rem;font-size:.9rem;color:var(--muted)}
.search-suggest[hidden]{display:none}
.search-suggest button{min-height:38px;padding:0 .8rem;border:1.5px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);font:inherit;font-size:.88rem;font-weight:600;cursor:pointer}
.search-suggest button:hover{background:var(--tape);color:var(--tape-ink)}
.search-results{list-style:none;margin:0;padding:.5rem;overflow-y:auto}
.search-results a{display:block;padding:.8rem .9rem;border-radius:12px;text-decoration:none;color:var(--ink);border:2px solid transparent;animation:popIn .3s both;animation-delay:calc(var(--i)*40ms)}
.search-results a[aria-selected="true"],.search-results a:hover{border-color:var(--ink);background:color-mix(in srgb,var(--tape) 18%,var(--card))}
.sr-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.3rem}
.sr-tags span{font-size:.75rem;font-weight:700;padding:.1rem .5rem;border-radius:4px;background:color-mix(in srgb,var(--ink) 9%,transparent)}
.sr-tags .lv1{background:var(--green);color:var(--on-accent)}.sr-tags .lv2{background:var(--tape);color:var(--tape-ink)}.sr-tags .lv3{background:var(--ink);color:var(--paper)}
.sr-title{display:block;font-weight:700;line-height:1.25}
.sr-snip{display:block;margin-top:.25rem;color:var(--muted);font-size:.9rem;line-height:1.4}
.search-results mark,.sr-title mark{background:var(--tape);color:var(--tape-ink);border-radius:3px;padding:0 .1em}
.search-empty{margin:0;padding:1rem 1.2rem 1.4rem;color:var(--muted)}
.search-empty[hidden]{display:none}
.flash{animation:flash 1.6s ease}
@keyframes flash{0%,100%{box-shadow:12px 12px 0 var(--acc,var(--tape))}30%{box-shadow:0 0 0 8px var(--tape),12px 12px 0 var(--acc,var(--tape))}}

/* ---------- producto ganador ---------- */
.ganador{color:var(--paper)}
.gan-week{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 1rem;padding:.35rem .9rem;border-radius:999px;background:var(--tape);color:var(--tape-ink);font-weight:700;font-size:.92rem}
.gan-week svg{width:18px;height:18px}
.gan-sub{max-width:52ch;margin:0;font-size:1.12rem;opacity:.8}
.gan-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(1.6rem,4vw,3.5rem);align-items:center;margin-top:2.6rem}
.gan-visual{position:relative;aspect-ratio:1/0.95;border:2px solid var(--paper);border-radius:24px;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--orange) 45%,transparent),transparent 65%),var(--card);display:grid;place-items:center;overflow:hidden}
.gan-svg{width:82%;height:auto}
.scrib{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 6s ease-in-out infinite}
.s2{animation-delay:.25s}.s3{animation-delay:.5s}.s4{animation-delay:.75s}
@keyframes draw{0%{stroke-dashoffset:1;opacity:1}40%{stroke-dashoffset:0;opacity:1}72%{stroke-dashoffset:0;opacity:1}76%{stroke-dashoffset:0;opacity:0}100%{stroke-dashoffset:1;opacity:0}}
.flash-scr{opacity:0;animation:flashScr 6s ease-in-out infinite}
@keyframes flashScr{0%,72%{opacity:0}75%{opacity:.35}82%,100%{opacity:0}}
.erase-btn{transform-box:fill-box;transform-origin:center;animation:press 6s ease-in-out infinite}
@keyframes press{0%,70%{transform:scale(1)}73%{transform:scale(.7)}78%,100%{transform:scale(1)}}
.pen{transform-box:view-box;animation:penMove 6s ease-in-out infinite}
@keyframes penMove{0%{transform:translate(-40px,30px)}20%{transform:translate(-20px,10px)}40%{transform:translate(-50px,90px)}60%,100%{transform:translate(0,0)}}
.gan-badge{position:absolute;left:1rem;bottom:1rem;padding:.4rem .75rem;border-radius:8px;background:var(--tape);color:var(--tape-ink);font-weight:800;font-size:.9rem;transform:rotate(-4deg)}
.gan-comp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-bottom:1.3rem}
.gan-comp div{padding:.7rem .9rem;border-radius:12px;background:color-mix(in srgb,var(--paper) 10%,transparent)}
.gan-comp small{display:block;font-size:.78rem;opacity:.75;font-weight:600;line-height:1.25}
.gan-comp b{display:block;font-family:"Anybody",sans-serif;font-variation-settings:"wdth" 80,"wght" 900;font-size:1.5rem;line-height:1.1;margin-top:.2rem;color:var(--tape)}
.gan-comp em{display:block;font-style:normal;font-size:.75rem;opacity:.75}
@media (max-width:480px){.gan-comp{grid-template-columns:1fr}}
.months span.peak{background:var(--tape);color:var(--tape-ink)}
.months span.on:not(.peak){background:color-mix(in srgb,var(--orange) 55%,transparent)}
.gan-stamp{position:absolute;right:1rem;top:1rem;padding:.5rem .8rem;border:3px solid var(--green);border-radius:10px;color:var(--green);background:var(--card);font-family:"Anybody",sans-serif;font-variation-settings:"wdth" 80,"wght" 900;font-size:1.05rem;transform:rotate(8deg)}
.gan-name{margin:0 0 .8rem;font-family:"Anybody",sans-serif;font-variation-settings:"wdth" 100,"wght" 860;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1}
.gan-info>p{margin:0 0 1.4rem;opacity:.85;max-width:50ch}
.gan-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-bottom:1.3rem}
.gan-stats div{padding:.9rem 1rem;border:2px solid var(--paper);border-radius:14px}
.gan-stats small{display:block;font-size:.82rem;opacity:.75;font-weight:600}
.gan-stats b{display:block;font-family:"Anybody",sans-serif;font-variation-settings:"wdth" 80,"wght" 900;font-size:clamp(1.5rem,3.2vw,2.2rem);line-height:1.05;margin-top:.2rem}
.gan-stats .hl{background:var(--green);border-color:var(--green);color:var(--on-accent)}
.gan-stats em{display:block;font-style:normal;font-size:.8rem;font-weight:700;margin-top:.2rem}
.gan-season{margin-bottom:1.5rem}
.gan-season small{display:block;font-size:.82rem;opacity:.75;font-weight:600;margin-bottom:.4rem}
.months{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}
.months span{text-align:center;font-size:.78rem;font-weight:700;padding:.4rem 0;border-radius:6px;background:color-mix(in srgb,var(--paper) 12%,transparent)}
.months span.on{background:var(--orange);color:var(--on-accent)}
.months span.now{box-shadow:0 0 0 2px var(--tape)}
.ganador .btn{border-color:var(--paper);color:var(--paper)}
.ganador .btn.primary{background:var(--paper);color:var(--ink)}
.ganador .btn:hover{box-shadow:4px 4px 0 var(--tape)}
.gan-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2.6rem}
.gan-card{--acc:var(--orange);padding:1.3rem 1.4rem;border:2px solid var(--paper);border-radius:16px;background:var(--card);color:var(--ink)}
.gan-card h4{margin:0 0 .8rem;font-family:"Anybody",sans-serif;font-variation-settings:"wdth" 104,"wght" 840;font-size:1.3rem}
.gan-card ol,.gan-card ul{margin:0;padding-left:1.2rem;display:grid;gap:.6rem;font-size:.97rem}
.gan-card li::marker{color:var(--orange);font-weight:800}
.gan-card .check{min-height:50px;font-size:.93rem}
.gan-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.8rem}
.gan-fine{margin:0;max-width:60ch;font-size:.85rem;opacity:.7}
.gan-next{margin:0;padding:.5rem 1rem;border:2px dashed var(--paper);border-radius:999px;font-weight:600}
.gan-next b{color:var(--tape)}
@media (max-width:900px){.gan-grid,.gan-cols{grid-template-columns:1fr}}
@media (max-width:480px){.gan-stats{grid-template-columns:1fr 1fr}.gan-stats .hl{grid-column:span 2}}

/* galería del producto */
.gan-gal{display:grid;gap:.7rem}
.gal-main{position:relative;border:2px solid var(--paper);border-radius:24px;overflow:hidden;background:#fff}
.gal-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;outline:none}
.gal-track::-webkit-scrollbar{display:none}
.gal-track:focus-visible{box-shadow:inset 0 0 0 4px var(--tape)}
.gal-slide{flex:0 0 100%;margin:0;aspect-ratio:1/0.95;scroll-snap-align:center;display:grid;place-items:center;background:#fff}
.gal-anim{background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--orange) 45%,transparent),transparent 65%),var(--card)}
.gal-anim svg{width:82%;height:auto}
.gal-zoom{width:100%;height:100%;padding:6%;border:none;background:none;cursor:zoom-in;display:grid;place-items:center}
.gal-zoom img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .5s cubic-bezier(.2,.9,.25,1)}
.gal-zoom:hover img{transform:scale(1.05) rotate(-1deg)}
.gal-arrow{position:absolute;top:50%;width:44px;height:44px;margin-top:-22px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--card);color:var(--ink);cursor:pointer;transition:transform .2s,opacity .2s;z-index:2}
.gal-arrow svg{width:20px;height:20px}
.gal-arrow.prev{left:.7rem}.gal-arrow.next{right:.7rem}
.gal-arrow:hover{transform:scale(1.1)}
.gal-arrow[disabled]{opacity:0;pointer-events:none}
.gal-count{position:absolute;left:50%;bottom:.8rem;transform:translateX(-50%);padding:.2rem .7rem;border-radius:999px;background:var(--ink);color:var(--paper);font-size:.82rem;font-weight:700;z-index:2}
.gan-gal .gan-stamp,.gan-gal .gan-badge{z-index:2;pointer-events:none}
.gan-gal .gan-badge{bottom:2.8rem}
.gal-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;max-width:360px;margin:0 auto;width:100%}
.gal-th{aspect-ratio:1;padding:.25rem;border:2px solid color-mix(in srgb,var(--paper) 30%,transparent);border-radius:12px;background:#fff;color:var(--ink);cursor:pointer;display:grid;place-items:center;transition:border-color .25s,transform .25s;min-height:44px}

.gal-th svg{width:55%;height:55%;color:var(--orange)}
.gal-th img{width:100%;height:100%;object-fit:contain}
.gal-th[aria-pressed="true"]{border-color:var(--tape);transform:translateY(-3px)}
.gal-hint{margin:0;font-size:.82rem;opacity:.65;text-align:center}
.lightbox{position:fixed;inset:0;z-index:250;display:grid;place-items:center;padding:calc(env(safe-area-inset-top,0px) + 3.5rem) 1rem calc(env(safe-area-inset-bottom,0px) + 2.5rem);background:color-mix(in srgb,#0b0c0f 88%,transparent);overflow:hidden}
.lightbox[hidden]{display:none}
.lightbox img{max-width:min(92vw,900px);max-height:100%;object-fit:contain;border-radius:14px;background:#fff;cursor:zoom-in;transition:transform .4s cubic-bezier(.2,.9,.25,1);animation:popIn .35s cubic-bezier(.3,1.4,.5,1)}
.lightbox img.zoomed{transform:scale(2.2);cursor:zoom-out}
.lb-close{position:absolute;top:calc(env(safe-area-inset-top,0px) + .8rem);right:1rem;min-height:44px;padding:0 1.1rem;border:2px solid #fff;border-radius:999px;background:transparent;color:#fff;font:inherit;font-weight:700;cursor:pointer}
.lb-tip{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + .6rem);left:0;right:0;margin:0;text-align:center;color:#fff;opacity:.7;font-size:.88rem}

/* ---------- ajustes de legibilidad (móvil y ordenador) ---------- */
h1,h2,h3,h4,h5,.lvl b,.gan-name,.post h3,.stop h3{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
.hero-title{font-size:clamp(2.1rem,10.4vw,7.6rem)}
.ship-label{max-width:min(430px,calc(100% - 18px))}
@media (max-width:640px){
  .art-title{font-size:clamp(1.55rem,7vw,2.2rem)}
  .h2{font-size:clamp(1.9rem,9vw,2.6rem)}
  .gan-name{font-size:clamp(1.6rem,7.5vw,2.2rem)}
  .lvl b{font-size:clamp(.92rem,4.3vw,1.1rem);font-variation-settings:"wdth" 75,"wght" 860;hyphens:none}
  .manifesto p{font-size:clamp(1.6rem,7.4vw,2.4rem)}
  .profit{font-size:clamp(2.4rem,12vw,3.4rem)}
  .score{font-size:2.8rem}
  .stamp{width:92px;height:92px;font-size:.78rem;top:-52px;right:-2px}
  .lbl-top span{font-size:.78rem}
  .gan-stamp{font-size:.9rem;padding:.4rem .6rem}
  .gan-badge{font-size:.8rem}
  .tape{font-size:1rem}
  .ad-card h3{font-size:clamp(1.6rem,7.5vw,2.2rem)}
}
@media (max-width:380px){
  .wrap{padding:0 .95rem}
  .lvl{padding:.75rem .5rem}
  .lvl b{font-size:.88rem}
  .lvl .soon{font-size:.6rem;padding:.1rem .35rem}
}
@media (max-width:350px){
  .lvl .soon{display:none}
  .art{padding:1.15rem}
  .gan-stats b{font-size:1.35rem}
}

.nav a{white-space:nowrap}
.ganador,.manifesto{background:var(--ink)}
.stamp{top:-64px;right:-34px}
.lbl-top{padding-right:4.2rem}
@media (max-width:640px){.stamp{top:-58px;right:-4px}.lbl-top span{visibility:hidden}}
@media (max-width:1100px){.nav a:not(.sub-btn){display:none}}

.term .f{overflow-wrap:anywhere;hyphens:auto;-webkit-hyphens:auto;font-size:clamp(1rem,1.5vw,1.2rem)}
.term .b{overflow-wrap:break-word;hyphens:auto}

/* ---------- reveal ---------- */
.js .rv{opacity:0;transition:opacity .8s ease,transform .9s cubic-bezier(.2,.9,.25,1.15),clip-path 1s cubic-bezier(.7,0,.2,1);transition-delay:var(--d,0ms)}
.js .rv-rise{transform:translateY(70px)}
.js .rv-label{transform:translateY(-50px) rotate(var(--r,-9deg)) scale(1.14)}
.js .rv-wipe{clip-path:inset(0 100% 0 0)}
.js .rv-pop{transform:scale(.55) rotate(-12deg)}
.js .rv-left{transform:translateX(-90px) rotate(-3deg)}
.js .rv.in{opacity:1;transform:none;clip-path:inset(0 0 0 0)}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js .char,.js .rv,.js .stamp{opacity:1!important;transform:none!important;clip-path:none!important}
  .stamp{transform:rotate(14deg)!important}
  .manifesto{height:auto}.manifesto-sticky{position:static;height:auto;padding:6rem 0}
  .mw{opacity:1}
  .scrib{stroke-dashoffset:0!important;opacity:1!important}.flash-scr{opacity:0!important}
}

/* ---------- web multipágina ---------- */
.post .lvl-tag,.lvl-tag{display:inline-block;font-size:.75rem;font-weight:800;padding:.15rem .55rem;border-radius:4px}
.lvl-tag.lv1{background:var(--green);color:var(--on-accent)}
.lvl-tag.lv2{background:var(--tape);color:var(--tape-ink)}
.lvl-tag.lv3{background:var(--ink);color:var(--paper)}
.sema{display:grid;gap:.8rem}
.sm{padding:1rem 1.2rem;border-radius:12px;border:2px solid;border-left-width:10px}
.sm h5{margin:0 0 .5rem;font-size:1.05rem}
.sm ul{margin:0;padding-left:1.1rem;display:grid;gap:.35rem;color:var(--muted)}
.sm.red{border-color:#D93A2B}.sm.red h5{color:#D93A2B}
.sm.yel{border-color:#E0A800}.sm.yel h5{color:#A87C00}
.sm.grn{border-color:var(--green)}.sm.grn h5{color:var(--green)}
:root[data-theme="dark"] .sm.yel h5{color:#FFC93C}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .sm.yel h5{color:#FFC93C}}
.real-out{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
.real-out div{padding:.8rem .9rem;border:2px solid var(--ink);border-radius:12px}
.real-out small{display:block;font-size:.8rem;color:var(--muted);font-weight:600}
.real-out b{display:block;font-family:"Anybody",sans-serif;font-variation-settings:"wdth" 80,"wght" 900;font-size:clamp(1.3rem,3vw,1.8rem);line-height:1.1;margin-top:.2rem}
.real-out .hl{background:var(--acc);border-color:var(--acc);color:var(--on-accent)}
.real-out .hl small{color:inherit;opacity:.85}
.real-out .neg b{color:var(--orange)}
@media (max-width:520px){.real-out{grid-template-columns:1fr}}
.art-page{padding:clamp(1.5rem,4vw,3rem) 0 clamp(3rem,7vw,5rem)}
.art-wrap{max-width:880px}
.art-page .art{margin-left:auto;margin-right:auto}
.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;list-style:none;margin:0 0 1.4rem;padding:0;font-size:.9rem;font-weight:600}
.crumbs li+li::before{content:"›";margin-right:.4rem;color:var(--muted)}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--ink);text-decoration:underline}
.art-cta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:800px;margin:0 auto 2rem;padding:1.3rem 1.5rem;border:2px solid var(--ink);border-radius:18px;background:var(--tape);color:var(--tape-ink)}
.art-cta p{margin:.2rem 0 0;font-size:.95rem}
.art-cta .btn.primary{background:var(--ink);color:var(--paper)}
.prevnext{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:800px;margin:0 auto 2.5rem}
.pn{display:block;padding:1.1rem 1.2rem;border:2px solid var(--ink);border-radius:16px;background:var(--card);color:var(--ink);text-decoration:none;transition:transform .2s,box-shadow .2s}
.pn:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--ink)}
.pn small{display:block;color:var(--muted);font-weight:600;font-size:.85rem}
.pn b{display:block;margin-top:.25rem;line-height:1.25}
.pn.next{text-align:right}
@media (max-width:600px){.prevnext{grid-template-columns:1fr}.pn.next{text-align:left}}
.more{max-width:800px;margin:0 auto}
.more h2{font-family:"Anybody",sans-serif;font-variation-settings:"wdth" 104,"wght" 840;font-size:clamp(1.4rem,3vw,1.9rem);margin:0 0 1rem}
.more ul{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.more a{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;padding:.85rem 1rem;border:2px solid var(--ink);border-radius:12px;background:var(--card);color:var(--ink);text-decoration:none;font-weight:600;line-height:1.3;transition:transform .2s}
.more a:hover{transform:translateX(5px)}
.more .cat{font-size:.75rem;font-weight:800;padding:.15rem .55rem;border-radius:4px;background:var(--acc);color:var(--on-accent)}
.art-body .art{margin-bottom:2rem}
.art code{overflow-wrap:anywhere;word-break:break-word}
.out-list li>span:first-child{min-width:0;overflow-wrap:anywhere}
.st-row{grid-template-columns:minmax(4.5rem,auto) 1fr}


/* páginas legales y formularios */
.legal-doc{max-width:800px;margin:0 auto 2.5rem;padding:clamp(1.4rem,4vw,3rem);border:2px solid var(--ink);border-radius:20px;background:var(--card);box-shadow:12px 12px 0 var(--steel)}
.legal-doc h1{font-family:"Anybody",sans-serif;font-variation-settings:"wdth" 100,"wght" 860;font-size:clamp(1.9rem,5vw,3rem);line-height:1;margin:0 0 .6rem}
.legal-doc h2{font-family:"Anybody",sans-serif;font-variation-settings:"wdth" 104,"wght" 820;font-size:clamp(1.2rem,2.6vw,1.5rem);margin:2rem 0 .6rem}
.legal-doc p,.legal-doc li{max-width:68ch}
.legal-doc ul{padding-left:1.2rem;display:grid;gap:.4rem}
.legal-doc .upd{color:var(--muted);font-size:.92rem;margin:0}
.legal-doc table{width:100%;border-collapse:collapse;font-size:.93rem;min-width:480px}
.legal-doc th,.legal-doc td{padding:.6rem .7rem;border-bottom:1.5px solid var(--line);text-align:left;vertical-align:top}
.fill{background:var(--tape);color:var(--tape-ink);padding:0 .3em;border-radius:4px;font-weight:700}
.consent{display:flex;align-items:flex-start;gap:.6rem;font-size:.9rem;line-height:1.4;flex-basis:100%;cursor:pointer}
.consent input{width:20px;height:20px;margin-top:.1rem;accent-color:var(--ink);flex:none}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.contact-form{display:grid;gap:1rem;margin-top:1.2rem}
.contact-form label{display:block;font-weight:600;margin-bottom:.3rem}
.contact-form input[type=text],.contact-form input[type=email],.contact-form textarea{width:100%;min-height:48px;padding:.6rem .9rem;border:2px solid var(--ink);border-radius:10px;font:inherit;background:var(--paper);color:var(--ink)}
.contact-form textarea{min-height:160px;resize:vertical}
.form-msg{margin:0;font-weight:600;min-height:1.5em}
.foot-store{color:var(--tape);font-weight:700;text-decoration:none}
.foot-store:hover{text-decoration:underline}