/* EasyBiz · web (18-10-2026, marca negro + amarillo desde el 22-10). Tokens en MARCA.md. Sin cursiva en ningún sitio. */
:root{
  --acc-rgb:245,197,24;--acc2-rgb:224,168,0;--bg-rgb:5,6,8;--lum-rgb:255,255,255;--ff-head:var(--ff);
  /* EasyBiz · marca vigente (portal v3 + pitch): negro + amarillo. Ver MARCA.md */
  --bg:#050608;--bg-2:#08090c;--s1:#0C0E12;--s2:#111419;--s3:#171a21;
  --ink:#F2F4F8;--ink-2:#A9B0BE;--ink-3:#6B7383;
  --o9:#9A7400;--o6:#E0A800;--o4:#F5C518;--o2:#FFD84D;--o1:#FFE47A;
  --wash:rgba(var(--acc-rgb),.10);--wash-2:rgba(var(--acc-rgb),.18);--sobre-oro:#050608;
  --linea-1:rgba(var(--lum-rgb),.075);--linea-2:rgba(var(--lum-rgb),.13);--linea-3:rgba(var(--lum-rgb),.22);
  --glass:linear-gradient(180deg,rgba(var(--lum-rgb),.055),rgba(var(--lum-rgb),.015));
  --sombra:inset 0 1px 0 rgba(var(--lum-rgb),.06),0 18px 40px rgba(0,0,0,.45);
  --brillo:0 0 0 1px rgba(var(--acc-rgb),.4),0 10px 30px rgba(var(--acc2-rgb),.4);
  /* nombres semánticos de siempre, apuntando a la marca nueva */
  --tinta:var(--ink);--lienzo:var(--bg);--papel:var(--s1);--hondo:var(--s2);--gris:var(--ink-2);--gris-2:var(--ink-3);--linea:var(--linea-1);
  --caja:var(--o4);--caja-h:var(--o2);--caja-claro:var(--o4);--marcador:var(--o4);--corte:#E5677A;--corte-claro:#E5677A;--sube:#5BD69A;--niebla:var(--ink-2);
  --tinta-2:var(--s2);--linea-d:var(--linea-1);
  --r:20px;--rs:10px;--e:cubic-bezier(.2,.75,.2,1);--w:1200px;--g:24px;
  --ff:'Inter Tight',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
}
*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
[hidden]{display:none!important}
em,i,cite,dfn,address{font-style:normal}
html{-webkit-text-size-adjust:100%;scroll-padding-top:84px}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{background:var(--lienzo);color:var(--tinta);font:400 17px/1.6 var(--ff);-webkit-font-smoothing:antialiased;overflow-x:hidden;text-rendering:optimizeLegibility}
a{color:inherit}
img,svg{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
::selection{background:var(--marcador);color:var(--sobre-oro)}
:focus-visible{outline:3px solid var(--caja);outline-offset:3px;border-radius:4px}
.dark :focus-visible{outline-color:var(--caja-claro)}
.tab{font-variant-numeric:tabular-nums}
mark{background:var(--marcador);color:var(--sobre-oro);padding:.05em .25em;border-radius:3px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.wrap{max-width:var(--w);margin:0 auto;padding:0 var(--g)}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--hondo);color:var(--tinta);padding:10px 14px;border-radius:var(--rs);text-decoration:none}
.skip:focus{top:12px}

/* ---------- botones ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border-radius:var(--rs);font-weight:600;font-size:16px;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .25s var(--e);white-space:nowrap}
.btn:active{transform:translateY(1px)}
.btn-p{background:var(--caja);color:var(--sobre-oro)}
.btn-p:hover{background:var(--caja-h)}
.btn-s{background:var(--papel);border-color:var(--linea);color:var(--tinta)}
.btn-s:hover{border-color:var(--tinta)}
.btn-g{border-color:var(--linea-d);color:var(--tinta)}
.btn-g:hover{border-color:var(--tinta)}
.dark .btn-p{background:var(--caja-claro);color:var(--sobre-oro)}
.dark .btn-p:hover{background:var(--o2)}
.btn-sm{min-height:42px;padding:0 16px;font-size:15px}
.btn-lg{min-height:56px;padding:0 28px;font-size:17px}
.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}
.ic .fill{fill:currentColor;stroke:none}

/* ---------- cabecera ---------- */
.top{position:sticky;top:0;z-index:50;background:rgba(var(--bg-rgb),.78);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border-bottom:1px solid transparent;transition:border-color .3s}
.top.sc{border-color:var(--linea)}
.bar{display:flex;align-items:center;gap:16px;height:70px}
.logo img{height:26px;width:auto}
.nav{display:none;gap:2px;margin-left:auto}
.nav a{padding:8px 12px;border-radius:var(--rs);font-size:15px;font-weight:500;color:var(--gris);text-decoration:none;transition:color .2s,background .2s}
.nav a:hover{color:var(--tinta);background:rgba(var(--lum-rgb),.05)}
.bar .btn-sm{margin-left:auto}
.burger{width:44px;height:44px;border:1px solid var(--linea);border-radius:var(--rs);background:var(--papel);position:relative;cursor:pointer;flex:none}
.burger i{position:absolute;left:13px;right:13px;height:2px;background:var(--hondo);border-radius:2px;transition:transform .3s var(--e)}
.burger i:first-child{top:17px}.burger i:last-child{top:25px}
.burger[aria-expanded="true"] i:first-child{transform:translateY(4px) rotate(45deg)}
.burger[aria-expanded="true"] i:last-child{transform:translateY(-4px) rotate(-45deg)}
.menu{border-top:1px solid var(--linea);background:var(--lienzo);padding:8px var(--g) 20px}
.menu a{display:block;padding:14px 0;border-bottom:1px solid var(--linea);font-size:20px;font-weight:600;text-decoration:none}
@media (max-width:520px){.bar .btn-sm{display:none}.burger{margin-left:auto}}
@media (min-width:1000px){.nav{display:flex}.bar .btn-sm{margin-left:12px}.burger,.menu{display:none!important}}

.cat{font-weight:600;color:var(--caja);font-size:16px;margin-bottom:18px;display:flex;align-items:flex-start;gap:10px}
.cat::before{content:"";width:10px;height:10px;background:var(--caja);flex:none;margin-top:.5em}
.dark .cat{color:var(--caja-claro)}
.dark .cat::before{background:var(--caja-claro)}

/* ---------- realidades (dos opciones de entrada) ---------- */
.realidad-band{background:var(--lienzo);padding:28px 0 40px;border-bottom:1px solid var(--linea)}
.realidad-q{font-weight:600;font-size:clamp(20px,2.4vw,28px);letter-spacing:-.02em;margin-bottom:18px}
.realidad-pair{display:grid;gap:12px}
.realidad{font:inherit;text-align:left;cursor:pointer;background:var(--papel);color:var(--tinta);border:1px solid var(--linea);border-radius:var(--r);padding:20px 22px;display:grid;gap:6px;transition:border-color .25s,background .25s,transform .25s var(--e)}
.realidad-t{font-weight:600;font-size:clamp(19px,2.2vw,26px);letter-spacing:-.02em;line-height:1.1}
.realidad-s{font-size:15.5px;color:var(--gris);line-height:1.5;max-width:62ch}
.realidad:hover{transform:translateY(-2px);border-color:var(--tinta)}
.realidad.on{border:2px solid var(--caja);padding:19px 21px}
@media (min-width:800px){.realidad-pair{grid-template-columns:1fr 1fr;gap:16px}}
@media (max-width:520px){.realidad{padding:16px 18px}.realidad.on{padding:15px 17px}}

/* ---------- intro (estilo lorea, oscuro, centrado) ---------- */
.intro{padding:88px 0 104px;text-align:left}
.intro .cat{justify-content:flex-start}
.intro h1{max-width:22ch}
.intro .hl{font-style:normal;background-image:linear-gradient(var(--marcador),var(--marcador));background-repeat:no-repeat;background-size:0% 88%;background-position:0 62%}
.js .intro .hl{transition:background-size 1s var(--e) .8s}
.js.ready .intro .hl{background-size:100% 88%}
.intro .lead{margin-top:24px;color:var(--niebla);max-width:58ch}
.intro .acts{margin-top:36px}
.intro .nota{color:var(--niebla);margin-top:22px}
@media (min-width:1000px){.intro{padding:120px 0 140px}}

/* el registro: la pieza memorable */
.registro{background:var(--papel);border:1px solid var(--linea);border-radius:var(--r);box-shadow:0 30px 60px -36px rgba(0,0,0,.55);overflow:hidden}
.reg-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--linea);font-size:14px;color:var(--gris)}
.reg-head b{color:var(--tinta);font-weight:700}
.ej{font-size:12.5px;font-weight:500;color:var(--gris);border:1px solid var(--linea);border-radius:999px;padding:2px 10px;white-space:nowrap}
.reg-rows{list-style:none}
.reg-rows li{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:start;padding:15px 20px;border-bottom:1px solid var(--linea);font-size:15px;line-height:1.45}
.reg-rows .d{font-weight:700;font-variant-numeric:tabular-nums;color:var(--gris)}
.reg-rows .t{color:var(--tinta)}
.reg-rows li.dec{background:var(--wash)}
.reg-rows li.dec .t{font-weight:600}
.st{display:inline-block;font-size:12.5px;font-weight:600;line-height:1;padding:6px 10px;border-radius:999px;background:var(--lienzo);color:var(--gris);white-space:nowrap}
.st-on{background:rgba(var(--lum-rgb),.06);color:var(--tinta)}
.st-up{background:var(--wash);color:var(--caja)}
.st-cut{background:rgba(229,103,122,.12);color:var(--corte)}
.reg-foot{display:flex;align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:600;color:var(--tinta);flex-wrap:wrap}
.reg-foot i{width:18px;height:1px;background:var(--gris-2)}
@media (max-width:520px){.reg-rows li{grid-template-columns:38px 1fr;padding:14px 16px}.reg-rows .st{grid-column:2;justify-self:start}.reg-head,.reg-foot{padding-left:16px;padding-right:16px}}

/* secuencia de carga (un solo momento) */
.js .ld{opacity:0;transform:translateY(14px);transition:opacity .8s var(--e),transform .8s var(--e);transition-delay:calc(var(--i)*90ms)}
.js.ready .ld{opacity:1;transform:none}
.js .reg-rows li{opacity:0;transform:translateX(-8px);transition:opacity .5s var(--e),transform .5s var(--e),background .6s}
.js .reg-rows li.in{opacity:1;transform:none}
.js .reg-rows li.dec{background:var(--papel)}
.js .reg-rows li.dec.marked{background:var(--wash)}
.js .reg-rows li.dec mark{background-size:0% 100%;background-image:linear-gradient(var(--marcador),var(--marcador));background-repeat:no-repeat;background-color:transparent;transition:background-size .9s var(--e)}
.js .reg-rows li.dec.marked mark{background-size:100% 100%}

/* ---------- secciones ---------- */
.sec{padding:88px 0}
.sec.alt{background:var(--papel);border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.dark{background:var(--hondo);color:var(--tinta)}
h2{font-weight:600;font-size:clamp(32px,4.6vw,54px);line-height:1.04;letter-spacing:-.035em;text-wrap:balance}
h3{font-weight:700;font-size:21px;line-height:1.25;letter-spacing:-.015em}
.max{max-width:20ch}
.max2{max-width:60ch}
.lead{font-size:clamp(18px,1.5vw,20px);color:var(--gris);margin-top:20px;max-width:60ch}
.dark .lead,.dark p{color:var(--niebla)}
.dark h2,.dark h3{color:var(--tinta)}
.sec p+p{margin-top:16px}
@media (min-width:1000px){.sec{padding:120px 0}}

/* reveal */
.js .rv{opacity:0;transform:translateY(18px);transition:opacity .7s var(--e),transform .7s var(--e)}
.js .rv.in{opacity:1;transform:none}

/* problema */
.split{display:grid;gap:40px}
.split > div > p:not(.lead){color:var(--gris);max-width:58ch;margin-top:16px}
@media (min-width:1000px){.split{grid-template-columns:1fr 1fr;gap:64px;align-items:start}}
.facturas{background:var(--papel);border:1px solid var(--linea);border-radius:var(--r);overflow:hidden;font-size:15.5px}
.fr{display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:12px;padding:14px 20px;border-bottom:1px solid var(--linea);transition:background .2s}
.fr:last-child{border-bottom:0}
.fr:not(.fr-h):hover{background:var(--lienzo)}
.fr-h{font-size:13.5px;font-weight:600;color:var(--gris)}
.fr .no{color:var(--corte);font-weight:600}
.fr-t{background:var(--hondo);color:var(--tinta);font-weight:600}
.fr-t:hover{background:var(--hondo)!important}
@media (max-width:520px){.fr{padding:12px 14px;gap:8px;font-size:14.5px}}
.frase{font-weight:600;font-size:clamp(26px,3.4vw,40px);letter-spacing:-.03em;line-height:1.1;margin-top:64px;padding-top:28px;border-top:2px solid var(--tinta);max-width:24ch}

/* la nueva forma */
.ecuacion{display:grid;gap:0;margin-top:56px;border-top:1px solid var(--linea-d)}
.eq{display:grid;grid-template-columns:48px 1fr;column-gap:16px;padding:24px 0;border-bottom:1px solid var(--linea-d)}
.eq-n{grid-row:span 2;width:36px;height:36px;border-radius:50%;border:1px solid var(--caja-claro);color:var(--caja-claro);display:grid;place-items:center;font-weight:700;font-size:15px}
.eq b{font-size:clamp(26px,3vw,36px);font-weight:600;letter-spacing:-.03em;line-height:1.1;color:var(--tinta)}
.eq span:last-child{color:var(--niebla);margin-top:6px}
@media (min-width:1000px){.ecuacion{grid-template-columns:repeat(3,1fr);border-top:0}.eq{border-bottom:0;border-left:1px solid var(--linea-d);padding:8px 28px 8px 24px}.eq:first-child{border-left:0;padding-left:0}}
.por-que{display:grid;margin-top:56px;border-top:1px solid var(--linea-d)}
.pq{padding:28px 0;border-bottom:1px solid var(--linea-d)}
.pq h3{color:var(--tinta);font-size:22px}
.pq p{color:var(--niebla);margin-top:10px;max-width:52ch;font-size:16px}
@media (min-width:1000px){.por-que{grid-template-columns:repeat(3,1fr);border-top:0}.pq{border-bottom:0;border-left:1px solid var(--linea-d);padding:8px 28px 8px 24px}.pq:first-child{border-left:0;padding-left:0}.pq+.pq{margin-left:0}}
.creencias{display:grid;gap:12px;margin-top:64px}
.cr{padding:22px 0;border-top:1px solid var(--linea-d)}
.cr .old{color:var(--niebla);text-decoration:line-through;text-decoration-color:var(--corte-claro);text-decoration-thickness:2px;font-size:16px}
.cr .new{color:var(--tinta)!important;font-size:18px;font-weight:500;margin-top:10px!important;max-width:44ch}
@media (min-width:1000px){.creencias{grid-template-columns:repeat(3,1fr);gap:32px}}

/* el sistema */
.piezas{display:grid;gap:40px;margin-top:52px}
@media (min-width:1000px){.piezas{grid-template-columns:.85fr 1.15fr;gap:48px;align-items:start}.portal{position:sticky;top:100px}}
.pz-list{list-style:none;border-top:1px solid var(--linea)}
.pz{display:grid;grid-template-columns:40px 1fr;gap:14px;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--linea);padding:20px 4px;cursor:pointer;color:var(--gris);font-size:15.5px;line-height:1.55;transition:background .25s}
.pz b{display:block;color:var(--tinta);font-size:19px;font-weight:700;margin-bottom:4px;letter-spacing:-.01em}
.pz-n{width:32px;height:32px;border-radius:50%;border:1px solid var(--linea);display:grid;place-items:center;font-weight:700;font-size:14px;color:var(--tinta);transition:background .25s,color .25s,border-color .25s}
.pz:hover{background:rgba(var(--lum-rgb),.03)}
.pz.on .pz-n{background:var(--caja);border-color:var(--caja);color:var(--sobre-oro)}

/* maqueta del portal */
.portal{background:var(--papel);border:1px solid var(--linea);border-radius:var(--r);box-shadow:0 30px 60px -36px rgba(0,0,0,.55);overflow:hidden;font-size:14px}
.pt-bar{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid var(--linea);background:var(--lienzo)}
.pt-bar i{width:10px;height:10px;border-radius:50%;background:var(--linea)}
.pt-bar span{margin-left:10px;font-weight:600;font-size:13.5px}
.pt-bar .ej{margin-left:auto}
.pt-body{display:grid;grid-template-columns:132px 1fr}
.pt-side{border-right:1px solid var(--linea);padding:14px 10px;display:flex;flex-direction:column;gap:2px}
.pt-side span{padding:8px 10px;border-radius:6px;color:var(--gris);font-size:13.5px}
.pt-side span.on{background:var(--lienzo);color:var(--tinta);font-weight:600}
.pt-main{padding:18px;display:grid;gap:16px;min-width:0}
.pt-main small{display:block;font-size:12.5px;color:var(--gris);font-weight:500;margin-bottom:8px}
.pt-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pt-kpis>div{border:1px solid var(--linea);border-radius:10px;padding:12px}
.pt-kpis small{margin-bottom:4px}
.pt-kpis b{font-size:24px;font-weight:600;letter-spacing:-.02em;display:block;line-height:1.1}
.pt-kpis span{font-size:12px;color:var(--gris)}
.pt-kpis span.up{color:var(--caja);font-weight:600}
.pt-lead,.pt-tests{border:1px solid var(--linea);border-radius:10px;padding:14px}
.camino{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;position:relative}
.camino li{position:relative;padding-top:18px}
.camino li::before{content:"";position:absolute;top:4px;left:0;width:10px;height:10px;border-radius:50%;background:var(--papel);border:2px solid var(--tinta)}
.camino li:not(:last-child)::after{content:"";position:absolute;top:9px;left:14px;right:-4px;height:2px;background:var(--linea)}
.camino li.ok::before{background:var(--caja);border-color:var(--caja)}
.camino b{display:block;font-size:13.5px}
.camino span{font-size:12px;color:var(--gris);line-height:1.35;display:block}
.js .camino li::after{transform:scaleX(0);transform-origin:left;transition:transform .6s var(--e);transition-delay:calc(var(--k,0)*.25s)}
.js .portal.in .camino li::after{transform:none}
.tr{display:grid;grid-template-columns:1fr 70px 88px;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--linea);font-size:13px}
.tr-h{border-top:0;padding-top:0;font-size:12px;color:var(--gris);font-weight:500}
.tr .st{justify-self:start;font-size:11.5px;padding:5px 8px}
.portal.f-fugas .pt-lead,.portal.f-funnel .pt-lead,.portal.f-portal .pt-kpis,.portal.f-ads .pt-tests,.portal.f-contenido .pt-tests{outline:2px solid var(--caja);outline-offset:-1px}
.pt-lead,.pt-tests,.pt-kpis{transition:outline-color .3s;outline:2px solid transparent;outline-offset:-1px;border-radius:10px}
@media (max-width:620px){.pt-body{grid-template-columns:1fr}.pt-side{display:none}.pt-kpis{grid-template-columns:1fr 1fr 1fr;gap:6px}.pt-kpis>div{padding:9px}.pt-kpis b{font-size:18px}.pt-kpis span{display:none}.pt-main{padding:12px}.camino{grid-template-columns:1fr 1fr;row-gap:14px}.camino li:nth-child(2)::after{display:none}.tr{grid-template-columns:1fr 78px}.tr span:nth-child(2){display:none}}

/* qué incluye */
.mes{display:grid;grid-template-columns:1fr;gap:0;margin-top:52px;border-top:1px solid var(--linea)}
.m{display:grid;grid-template-columns:84px 1fr;gap:16px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--linea)}
.m b{font-size:clamp(44px,5vw,60px);font-weight:600;letter-spacing:-.04em;line-height:1;color:var(--tinta)}
.m span{color:var(--gris);font-size:16px}
@media (max-width:520px){.m{grid-template-columns:64px 1fr;gap:12px}.m b{font-size:40px}}
@media (min-width:760px){.mes{grid-template-columns:1fr 1fr;column-gap:48px}}
@media (min-width:1100px){.mes{grid-template-columns:repeat(3,1fr)}}
.mes-extra{display:grid;gap:40px;margin-top:48px}
@media (min-width:1000px){.mes-extra{grid-template-columns:1.2fr .8fr;gap:64px}}
.lista{list-style:none;display:grid;gap:14px}
.lista li{position:relative;padding-left:26px;color:var(--gris);max-width:62ch}
.lista li::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:10px;background:var(--caja)}
.tiempo{background:var(--lienzo);border-radius:var(--r);padding:28px}
.tiempo-n{font-weight:600;font-size:28px;letter-spacing:-.03em;color:var(--tinta)}
.tiempo-n b{font-size:64px;line-height:1;margin-right:6px}
.tiempo p{color:var(--gris)}
.tiempo .fuera{font-size:14.5px;border-top:1px solid var(--linea);padding-top:16px;margin-top:20px}
.tiempo .fuera b{color:var(--tinta)}

/* para quién */
.quien{display:grid;gap:20px;margin-top:48px}
@media (min-width:900px){.quien{grid-template-columns:1fr 1fr;gap:28px}}
.q{border-radius:var(--r);padding:28px}
.q-si{background:var(--papel);border:2px solid var(--caja)}
.q-no{background:transparent;border:1px solid var(--linea)}
.q h3{margin-bottom:18px}
.q ul{list-style:none;display:grid;gap:14px}
.q li{position:relative;padding-left:30px;color:var(--gris)}
.q li::before{position:absolute;left:0;top:0;font-weight:600;font-size:17px}
.q-si li::before{content:"✓";color:var(--caja)}
.q-no li::before{content:"✕";color:var(--corte)}

/* gantt 14 días */
.gantt{margin-top:52px;--cols:14}
.g-scale{display:none}
.g-row{display:grid;gap:10px;padding:16px 0;border-top:1px solid var(--linea)}
.g-l{font-size:15.5px;color:var(--gris)}
.g-l b{display:block;color:var(--tinta);font-size:15px;font-weight:700}
.g-t{position:relative;height:12px;background:var(--lienzo);border-radius:999px}
.g-t i{position:absolute;top:0;bottom:0;left:calc(var(--a)/14*100%);width:calc((var(--b) - var(--a))/14*100%);background:var(--hondo);border-radius:999px;transform-origin:left;transition:transform .8s var(--e)}
.g-fin .g-t i{background:var(--caja)}
.js .gantt .g-t i{transform:scaleX(0)}
.js .gantt.in .g-t i{transform:none}
.js .gantt.in .g-row:nth-child(3) i{transition-delay:.1s}.js .gantt.in .g-row:nth-child(4) i{transition-delay:.2s}.js .gantt.in .g-row:nth-child(5) i{transition-delay:.3s}.js .gantt.in .g-row:nth-child(6) i{transition-delay:.4s}.js .gantt.in .g-row:nth-child(7) i{transition-delay:.5s}.js .gantt.in .g-row:nth-child(8) i{transition-delay:.7s}
@media (min-width:900px){
  .g-scale{display:grid;grid-template-columns:340px 1fr;column-gap:28px;font-size:13px;color:var(--gris);font-weight:600;padding-bottom:10px}
  .g-ticks{position:relative;height:20px}
  .g-ticks span{position:absolute;top:0;left:calc(var(--d)/14*100%);transform:translateX(-50%);white-space:nowrap}
  .g-ticks span:first-child{transform:none}.g-ticks span:last-child{transform:translateX(-100%)}
  .g-row{grid-template-columns:340px 1fr;gap:28px;align-items:center;padding:14px 0}
  .g-t{background:repeating-linear-gradient(90deg,var(--lienzo) 0 calc(100%/14 - 2px),var(--papel) calc(100%/14 - 2px) calc(100%/14));height:14px}
}
.despues{margin-top:32px;padding:20px 24px;border-radius:var(--r);background:var(--lienzo);color:var(--gris);max-width:none!important}
.despues b{color:var(--tinta)}

/* prueba */
.casos{display:grid;gap:16px;margin-top:48px}
@media (min-width:900px){.casos{grid-template-columns:1fr 1fr 1.3fr}}
.caso{border:1px dashed var(--linea-3);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;gap:10px;color:var(--gris)}
.caso h3{color:var(--tinta)}
.pend{font-size:13px;font-weight:600;color:var(--gris);display:flex;align-items:center;gap:8px}
.pend::before{content:"";width:8px;height:8px;border-radius:50%;border:2px solid var(--gris-2)}
.caso-cero{border:1px solid var(--tinta);background:var(--papel)}
.pend-ok{color:var(--caja)}.pend-ok::before{border-color:var(--caja);background:var(--caja)}
.caso .btn{align-self:flex-start;margin-top:auto}
.fundador{margin-top:64px;padding-left:24px;border-left:4px solid var(--caja);max-width:760px}
.fundador p{font-size:clamp(20px,2.2vw,26px);font-weight:500;line-height:1.4;letter-spacing:-.01em;color:var(--tinta)}
.fundador footer{margin-top:14px;font-size:15px;color:var(--gris)}

/* garantía */
.garantia{display:grid;gap:44px}
@media (min-width:1000px){.garantia{grid-template-columns:1fr 1fr;gap:64px;align-items:start}}
.precio{margin-top:36px;padding-top:24px;border-top:1px solid var(--linea-d)}
.precio p{margin-top:10px}
.clausula{background:var(--papel);color:var(--tinta);border-radius:var(--r);padding:28px;font-size:15.5px;line-height:1.6}
.clausula p{color:var(--tinta)!important}
.clausula p+p{margin-top:14px}
.cl-t{font-weight:700;font-size:14px;color:var(--gris)!important;padding-bottom:14px;border-bottom:1px solid var(--linea)}
.js .cl-mark mark{background-size:0% 100%;background-image:linear-gradient(var(--marcador),var(--marcador));background-repeat:no-repeat;background-color:transparent;transition:background-size 1.1s var(--e) .4s}
.js .clausula.in .cl-mark mark{background-size:100% 100%}

/* faq */
.faq-wrap{display:grid;gap:40px}
@media (min-width:1000px){.faq-wrap{grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}}
.faq{border-top:1px solid var(--linea)}
.faq details{border-bottom:1px solid var(--linea)}
.faq summary{list-style:none;cursor:pointer;padding:22px 44px 22px 0;font-weight:700;font-size:18px;position:relative;letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:6px;top:50%;width:12px;height:12px;border-right:2px solid var(--tinta);border-bottom:2px solid var(--tinta);transform:translateY(-70%) rotate(45deg);transition:transform .3s var(--e)}
.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq summary:hover{color:var(--caja)}
.faq details>div{padding:0 0 22px;color:var(--gris);max-width:62ch}

/* solicitud */
.sol{display:grid;gap:40px}
@media (min-width:1000px){.sol{grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}.sol-txt{position:sticky;top:100px}}
.sol-txt .lista{margin-top:28px}
.form{background:var(--lienzo);border-radius:var(--r);padding:28px;display:grid;gap:22px;border:1px solid var(--linea)}
.f{display:grid;gap:8px;border:0;min-width:0}
.f label,.f legend{font-weight:600;font-size:15.5px;line-height:1.4}
.f legend{margin-bottom:10px}
.f input,.f select,.f textarea{width:100%;background:var(--papel);border:1px solid var(--linea-3);border-radius:var(--rs);padding:12px 14px;font-size:16px;line-height:1.4;transition:border-color .2s,box-shadow .2s}
.f select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--tinta) 50%),linear-gradient(135deg,var(--tinta) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:40px}
.f input:focus,.f select:focus,.f textarea:focus{outline:none;border-color:var(--caja);box-shadow:0 0 0 3px rgba(var(--acc-rgb),.22)}
.f [aria-invalid="true"]{border-color:var(--corte)}
.ops{display:flex;flex-wrap:wrap;gap:8px}
.ops label{position:relative;font-weight:500;font-size:15px}
.ops input{position:absolute;opacity:0;width:1px;height:1px}
.ops span{display:inline-block;padding:10px 14px;border:1px solid var(--linea-3);border-radius:var(--rs);background:var(--papel);cursor:pointer;transition:border-color .2s,background .2s}
.ops label:hover span{border-color:var(--tinta)}
.ops input:checked+span{background:var(--hondo);color:var(--tinta);border-color:var(--tinta)}
.ops input:focus-visible+span{outline:3px solid var(--caja);outline-offset:2px}
.f2,.f3{display:grid;gap:22px}
@media (min-width:700px){.f2{grid-template-columns:1fr 1fr;align-items:end}.f3{grid-template-columns:1fr 1fr 1fr}}
.err{color:var(--corte);font-weight:600;font-size:15px}
.form .btn{justify-self:start}
.aviso{font-size:13.5px;color:var(--gris)}
.res{background:var(--lienzo);border-radius:var(--r);padding:32px;border:1px solid var(--linea);display:grid;gap:14px;justify-items:start}
.res p{color:var(--gris);max-width:58ch}
.res h3{font-size:26px}
#res-ok{border:2px solid var(--caja)}
@media (max-width:520px){.form,.res{padding:20px}.form .btn{justify-self:stretch}}

/* cta final + pie */
.final{padding:96px 0;text-align:left}
.final-t{font-weight:600;font-size:clamp(34px,5.4vw,68px);line-height:1.02;letter-spacing:-.04em;color:var(--tinta)!important;max-width:18ch;text-wrap:balance}
.final .acts{margin-top:40px}
.pie{border-top:1px solid var(--linea-d);padding:48px 0 calc(40px + env(safe-area-inset-bottom))}
.pie-grid{display:grid;gap:24px;font-size:15px}
.pie-grid img{height:24px;width:auto;margin-bottom:12px}
.pie-own{color:var(--tinta)!important;font-weight:500;max-width:36ch}
.pie-nav{display:flex;flex-wrap:wrap;gap:6px 20px}
.pie-nav a{color:var(--niebla);text-decoration:none}
.pie-nav a:hover{color:var(--tinta)}
.pie-c{font-size:14px}
@media (min-width:1000px){.pie-grid{grid-template-columns:1.2fr 1fr 1fr;align-items:start}.pie-c{grid-column:1/-1;border-top:1px solid var(--linea-d);padding-top:20px}}

/* transición a otras páginas (vídeo) */
.cortina{position:fixed;inset:0;z-index:200;background:var(--hondo);display:grid;place-items:center;transform:translateY(100%);transition:transform .55s var(--e);pointer-events:none}
.cortina img{width:180px;height:auto;opacity:0;transition:opacity .3s .2s}
.cortina.go{transform:none}
.cortina.go img{opacity:1}

@media (max-width:520px){:root{--g:16px}.sec{padding:72px 0}.hero{padding:36px 0 56px}.acts .btn{flex:1 1 100%}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
  .js .ld,.js .rv,.js .reg-rows li{opacity:1!important;transform:none!important}
  .js .gantt .g-t i,.js .camino li::after{transform:none!important}
  .js mark{background-size:100% 100%!important}
}

/* ==========================================================================
   Capa de marca EasyBiz (22-10-2026): negro + amarillo, Inter Tight, ondas.
   Va al final a propósito: corrige lo que en la paleta clara era «tinta de fondo».
   ========================================================================== */
body{background:var(--bg);color:var(--ink);font-family:var(--ff)}
h1,h2,.final-t,.frase,.realidad-t{letter-spacing:-.045em}
.tab,.m b,.tiempo-n,.pt-kpis b,.pr b{font-variant-numeric:tabular-nums}

/* fondos: tres alturas de negro, nunca blanco */
.sec.alt{background:var(--bg-2);border-color:var(--linea)}
.dark{background:var(--bg-2);position:relative;isolation:isolate}
.dark::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at 18% 0%,rgba(var(--acc-rgb),.09),transparent 70%)}
.realidad-band{background:var(--bg)}

/* etiquetas: mono, mayúsculas finas, en amarillo (como el pitch) */
.cat,.ceja{font:500 12px/1.4 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--o4)}
.cat::before,.ceja::before{width:7px;height:7px;border-radius:2px;background:var(--o4);margin-top:.35em;box-shadow:0 0 12px rgba(var(--acc-rgb),.7)}
.pt-tag{font:500 12px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--o4)}
.ej,.st{font-family:var(--mono);letter-spacing:.06em}

/* superficies de cristal */
.registro,.portal,.facturas,.clausula,.doc,.lead-card,.form,.form-p,.res,.tiempo,.q-si,.caso-cero,.suena button,.realidad{background:var(--glass),var(--s1);border:1px solid var(--linea-2);box-shadow:var(--sombra)}
.q-si,.realidad.on,#res-ok{border-color:rgba(var(--acc-rgb),.55)}
.realidad:hover,.suena button:hover{border-color:var(--linea-3)}
.pt-bar{background:var(--s2)}
.pt-bar i{background:var(--linea-3)}
.pt-side span.on{background:var(--wash);color:var(--o2)}
.reg-rows li.dec,.js .reg-rows li.dec.marked{background:var(--wash)}
.st-on{color:var(--ink)}
.st-up{background:rgba(91,214,154,.12);color:var(--sube)}
.pt-kpis span.up{color:var(--sube)}
.fr-t{background:var(--wash-2);color:var(--o2)}
.fr-t:hover{background:var(--wash-2)!important}
.frase{border-top-color:var(--o4)}
.fundador{border-left-color:var(--o4)}
.camino li::before{background:var(--s1);border-color:var(--linea-3)}
.camino li.ok::before{box-shadow:0 0 10px rgba(var(--acc-rgb),.6)}
.g-t{background:var(--s2)}
.g-t i{background:var(--o9)}
.g-fin .g-t i{background:var(--o4);box-shadow:0 0 14px rgba(var(--acc-rgb),.5)}
@media (min-width:900px){.g-t{background:repeating-linear-gradient(90deg,var(--s2) 0 calc(100%/14 - 2px),var(--bg) calc(100%/14 - 2px) calc(100%/14))}}
.lista li::before,.cat::before{border-radius:2px}
.f input,.f select,.f textarea,.paso input,.paso textarea{background:var(--bg);color:var(--ink)}
.f select{background:linear-gradient(45deg,transparent 50%,var(--ink-2) 50%) calc(100% - 20px) 50%/6px 6px no-repeat,linear-gradient(135deg,var(--ink-2) 50%,transparent 50%) calc(100% - 14px) 50%/6px 6px no-repeat,var(--bg);color:var(--ink)}
.f select option{background:var(--s1);color:var(--ink)}
.ops span{background:var(--bg)}
.ops input:checked+span{background:var(--o4);color:var(--sobre-oro);border-color:var(--o4)}
.ops-col input:checked+span::before{border-color:var(--o4);box-shadow:inset 0 0 0 4px var(--bg),inset 0 0 0 8px var(--o4)}
.faq summary:hover,.acc button:hover{color:var(--o2)}
.faq summary::after,.acc button::after{border-color:var(--ink-2)}
:focus-visible,.dark :focus-visible{outline-color:var(--o4)}
.bl.tot{border-top-color:var(--o4)}
.burger{background:var(--s1);border-color:var(--linea-2)}
.burger i{background:var(--ink)}
.menu{background:var(--bg)}
.nav a:hover{color:var(--ink);background:rgba(var(--lum-rgb),.05)}

/* logo: el de las ondas (PNG del portal v3) */
.logo img,.v-logo{height:28px;width:auto}
.pie-grid img,.v-pie img{height:26px;width:auto}
.doc-h img{height:16px;width:auto}
.cortina{background:var(--bg)}
.cortina img{width:200px;filter:drop-shadow(0 0 40px rgba(var(--acc-rgb),.25))}

/* botones: oro con brillo, como en el portal */
.btn{border-radius:12px;font-weight:600;letter-spacing:-.01em}
.btn-p,.dark .btn-p{background:linear-gradient(180deg,var(--o2),var(--o4) 55%,var(--o6));color:var(--sobre-oro);position:relative;overflow:hidden;box-shadow:inset 0 1px 0 rgba(var(--lum-rgb),.35),0 8px 24px -10px rgba(var(--acc2-rgb),.6);transition:box-shadow .3s var(--e),transform .25s var(--e),filter .2s}
.btn-p:hover,.dark .btn-p:hover{background:linear-gradient(180deg,var(--o1),var(--o2) 55%,var(--o4));box-shadow:var(--brillo);transform:translateY(-1px)}
.btn-p::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(var(--lum-rgb),.55),transparent);transform:skewX(-18deg);animation:destello 5.5s var(--e) infinite 2s}
@keyframes destello{0%,78%{left:-60%}100%{left:130%}}
.btn-s,.btn-g{background:rgba(var(--lum-rgb),.04);border-color:var(--linea-2);color:var(--ink)}
.btn-s:hover,.btn-g:hover{border-color:rgba(var(--acc-rgb),.6);background:var(--wash)}

/* intro: aura amarilla que respira y rejilla fina */
.intro{overflow:hidden}
.intro::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--linea-1) 1px,transparent 1px),linear-gradient(90deg,var(--linea-1) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(70% 60% at 30% 30%,#000,transparent 75%);-webkit-mask-image:radial-gradient(70% 60% at 30% 30%,#000,transparent 75%);opacity:.55}
.intro::before{background:radial-gradient(45% 55% at 22% 18%,rgba(var(--acc-rgb),.16),transparent 70%),radial-gradient(35% 40% at 85% 80%,rgba(var(--acc2-rgb),.08),transparent 70%);animation:aura 14s ease-in-out infinite alternate}
@keyframes aura{to{transform:translate3d(3%,4%,0) scale(1.06)}}
.intro .hl{background-image:linear-gradient(var(--wash-2),var(--wash-2));color:var(--o2);box-shadow:inset 0 -.12em 0 var(--o4)}
.js .intro .hl{box-shadow:inset 0 0 0 var(--o4);transition:background-size 1s var(--e) .8s,box-shadow .9s var(--e) 1.4s}
.js.ready .intro .hl{box-shadow:inset 0 -.12em 0 var(--o4)}

/* números y pasos en oro */
.eq-n,.p-n,.pz-n{border-color:rgba(var(--acc-rgb),.5);color:var(--o4)}
.m b,.tiempo-n b{background:linear-gradient(180deg,#fff 10%,#c9cdd6 60%,#8e95a3 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* aparición: un poco de desenfoque al entrar, como las diapositivas */
.js .rv{filter:blur(6px);transition:opacity .8s var(--e),transform .8s var(--e),filter .8s var(--e)}
.js .rv.in{filter:none}

@media (prefers-reduced-motion:reduce){.btn-p::after,.intro::before{animation:none}.js .rv{filter:none}}
.intro h1{font-size:clamp(40px,6vw,84px);font-weight:600;line-height:1.02;letter-spacing:-.045em;text-wrap:balance}
.ceja{font:600 15px/1.45 var(--ff);letter-spacing:0;text-transform:none}