/* Olaventas · estilos compartidos por todas las páginas. */
/* ─────────────────────────────────────────────────────────────
   Sistema de diseño: el mismo de linear.app, medido el 27/10/2026.
   Oscuro, un solo acento, cero sombras, bordes al 8 %, jerarquía
   con grises y títulos con espaciado negativo.
   ───────────────────────────────────────────────────────────── */
:root{
  --bg:#08090a; --bg-1:#0f1011; --bg-2:#141516; --bg-3:#1a1b1e;
  --text:#f7f8f8; --text-2:#8a8f98; --text-3:#62666d;
  --line:rgba(255,255,255,.08); --line-2:rgba(255,255,255,.14);
  --accent:#7170ff; --accent-soft:rgba(113,112,255,.16);
  --green:#27a644; --red:#eb5757; --yellow:#f0bf00; --teal:#00b8cc; --orange:#fc7840;
  --text-soft:#d0d6e0;
  --font:"InterVariable","Inter","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --w-med:510; --w-semi:590;
  --r-6:6px; --r-8:8px; --r-12:12px; --r-16:16px; --r-full:9999px;
  --ease:cubic-bezier(.25,.46,.45,.94); --ease-out:cubic-bezier(.19,1,.22,1);
  --max:1344px; --pad:46px; --header:72px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--text);font:400 16px/24px var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden;
  font-feature-settings:"cv01","ss03";text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
::selection{background:color-mix(in lch,var(--accent),transparent 64%)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
.wrap{max-width:calc(var(--max) + var(--pad)*2);margin:0 auto;padding:0 var(--pad)}

/* ── Cabecera ── */
header{position:fixed;inset:0 0 auto;height:var(--header);z-index:100;
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  background:rgba(8,9,10,.72);border-bottom:1px solid var(--line)}
header .wrap{height:100%;display:flex;align-items:center;gap:32px}
.logo{display:flex;align-items:center;gap:10px;font-weight:var(--w-semi);font-size:17px;letter-spacing:-.2px}
/* El logo de Olaventas (blanco, fondo transparente), ya recortado y a
   160 px, va DENTRO del archivo: así se ve aunque la página se abra suelta
   o no se suba la imagen aparte. El tamaño se cambia solo con font-size. */
.logo-mark{display:block;flex:none;font-size:36px;width:1em;height:1em;
  background:url(data:image/png;base64,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) center/contain no-repeat}
nav.menu{display:flex;gap:28px;margin-left:auto;font-size:13.5px;color:var(--text-2)}
nav.menu a{transition:color .12s var(--ease)}
nav.menu a:hover{color:var(--text)}
.sep{width:1px;height:16px;background:var(--line-2)}
.btn{white-space:nowrap;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border-radius:var(--r-full);
  font-size:13px;font-weight:var(--w-med);transition:background .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease)}
.btn-light{background:#e5e5e6;color:var(--bg)}
.btn-light:hover{background:#fff}
.btn-ghost{border:1px solid var(--line-2);color:var(--text)}
.btn-ghost:hover{background:rgba(255,255,255,.05)}
.btn-lg{height:40px;padding:0 18px;font-size:14px}

/* ── Tipografía ── */
/* Medido en linear.app a 1440 px: título 64/64, subtítulos 48/48, −2,2 % de espaciado. */
h1{font-size:64px;line-height:1;font-weight:var(--w-med);letter-spacing:-.022em}
h2{font-size:48px;line-height:1;font-weight:var(--w-med);letter-spacing:-.022em}
h3{font-size:20px;line-height:1.33;font-weight:var(--w-med);letter-spacing:-.012em}
/* El texto del héroe de Linear: 15/24, gris. El de cada sección: 24/32, gris claro. */
.lead{font-size:15px;line-height:24px;color:var(--text-2);letter-spacing:-.011em;max-width:46ch}
.svc-head .lead,.lead-lg{font-size:24px;line-height:1.33;color:var(--text-soft);letter-spacing:-.012em;max-width:30ch}
.small{font-size:13px;line-height:1.5;color:var(--text-2)}
.muted{color:var(--text-2)}
.eyebrow{font-size:13px;color:var(--text-2);display:flex;align-items:center;gap:8px}
.mono{font-family:var(--mono);font-size:12px}
.link-more{display:inline-flex;gap:6px;font-size:14px;color:var(--text-2);transition:color .12s var(--ease)}
.link-more:hover{color:var(--text)}

/* ── Héroe ── */
.hero{padding:calc(var(--header) + 96px) 0 0}
.hero .lead{margin-top:24px}
.hero-ctas{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}
.pill-new{display:inline-flex;align-items:center;gap:8px;margin-top:28px;font-size:13px;color:var(--text-2)}
.pill-new b{color:var(--text);font-weight:var(--w-med)}

/* ── Marco de "pantalla" (las maquetas del producto) ── */
.frame{border:1px solid var(--line);border-radius:var(--r-16);background:var(--bg-1);overflow:hidden;position:relative}
.frame-bar{height:40px;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--line);font-size:13px;color:var(--text-2)}
.dots{display:flex;gap:6px}.dots i{width:10px;height:10px;border-radius:50%;background:var(--bg-3);display:block}
.fade-b::after{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(transparent,var(--bg));pointer-events:none}

/* Maqueta grande del héroe: el diagnóstico */
.hero-shot{margin-top:72px;display:grid;grid-template-columns:220px 1fr;min-height:520px}
.side{border-right:1px solid var(--line);padding:14px 10px;font-size:13px}
.side .ws{display:flex;align-items:center;gap:8px;padding:6px 8px;font-weight:var(--w-med)}
.side .it{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--r-6);color:var(--text-2)}
.side .it.on{background:rgba(255,255,255,.05);color:var(--text)}
.side .grp{padding:16px 8px 6px;font-size:11.5px;color:var(--text-3)}
.ico{width:14px;height:14px;opacity:.8;flex:none}
.main{padding:28px 36px;position:relative}
.crumb{font-size:13px;color:var(--text-2);display:flex;gap:8px;align-items:center}
.main h4{font-size:22px;font-weight:var(--w-med);letter-spacing:-.015em;margin:18px 0 6px}
.err{display:grid;grid-template-columns:32px 1fr auto;gap:14px;align-items:start;padding:14px 0;border-top:1px solid var(--line)}
.err:first-of-type{border-top:0}
.num{width:24px;height:24px;border-radius:var(--r-6);display:grid;place-items:center;font-size:12px;font-weight:var(--w-semi);
  background:rgba(235,87,87,.14);color:#ff8a8a}
.err .t{font-size:14px;font-weight:var(--w-med)}
.err .d{font-size:13px;color:var(--text-2);margin-top:2px}
.tag{font-size:11.5px;padding:2px 8px;border-radius:var(--r-full);border:1px solid var(--line-2);color:var(--text-2);white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.tag i{width:6px;height:6px;border-radius:50%;display:block}
.shot-card{margin-top:18px;border:1px solid var(--line);border-radius:var(--r-12);background:var(--bg-2);padding:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.prod{border-radius:var(--r-8);background:var(--bg-3);aspect-ratio:3/4;position:relative;overflow:hidden}
.prod::before{content:"";position:absolute;inset:18% 22% 34%;border-radius:40% 40% 8px 8px;background:linear-gradient(160deg,#2a2c33,#1c1d21)}
.prod span{position:absolute;left:8px;right:8px;bottom:8px;font-size:11px;color:var(--text-2)}
.prod em{font-style:normal;color:#ff8a8a}
.ring{position:absolute;inset:-4px;border:1.5px solid #ff6b6b;border-radius:10px;pointer-events:none}

/* ── Frase de entrada (gris con resalte) ── */
.manifest{padding:168px 0 40px}
.manifest h2{color:var(--text-2);max-width:26ch}
.manifest h2 b{color:var(--text);font-weight:var(--w-med)}
.logos{display:flex;gap:44px;flex-wrap:wrap;margin-top:64px;align-items:center;color:var(--text-3);font-size:15px;font-weight:var(--w-semi);letter-spacing:-.01em}

/* ── Secciones de servicio ── */
.svc{padding:128px 0;border-top:1px solid var(--line)}
.svc-head{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end}
.svc-head h2{white-space:pre-line}
.svc-head .lead{justify-self:end}
.svc-shot{margin-top:56px}
.feat{display:grid;grid-template-columns:1fr 1fr;margin-top:56px}
.feat>div{padding:4px 32px 4px 0}
.feat>div+div{border-left:1px solid var(--line);padding-left:32px}
.feat .lbl{font-size:13px;color:var(--text-2);margin-bottom:18px}
.feat ul{list-style:none;display:grid;gap:12px}
.feat li{font-size:15px;display:flex;gap:10px;align-items:baseline}
.feat li::before{content:"+";color:var(--text-3)}

/* Web antes/después */
.ba{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ba .frame{min-height:340px}
.ba-body{padding:18px}
.ba .row{height:10px;border-radius:4px;background:var(--bg-3);margin:10px 0}
.grid-p{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.cardp{border:1px solid var(--line);border-radius:var(--r-8);padding:10px;font-size:12px}
.cardp .img{aspect-ratio:1;border-radius:6px;background:var(--bg-3);margin-bottom:8px}
.cardp b{display:block;font-weight:var(--w-med);font-size:12.5px}
.cardp .price{color:var(--text);margin-top:4px}
.wa{margin-top:16px;display:flex;align-items:center;justify-content:center;gap:8px;height:36px;border-radius:var(--r-8);font-size:13px;font-weight:var(--w-med)}
.wa.ok{background:rgba(39,166,68,.16);color:#5fd27d}
.wa.ko{border:1px dashed rgba(235,87,87,.5);color:#ff8a8a}
.score{display:flex;gap:16px;margin-top:16px}
.score div{flex:1;border:1px solid var(--line);border-radius:var(--r-8);padding:10px}
.score b{font-size:22px;font-weight:var(--w-med);letter-spacing:-.02em;display:block}
.bar-tiny{height:4px;border-radius:2px;background:var(--bg-3);margin-top:8px;overflow:hidden}
.bar-tiny i{display:block;height:100%}

/* App a la medida */
.app{display:grid;grid-template-columns:200px 1fr;min-height:430px}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.kpi{border:1px solid var(--line);border-radius:var(--r-12);padding:14px;background:var(--bg-2)}
.kpi .small{margin-bottom:6px}
.kpi b{font-size:22px;font-weight:var(--w-med);letter-spacing:-.02em}
table{width:100%;border-collapse:collapse;margin-top:16px;font-size:13px}
th{text-align:left;font-weight:400;color:var(--text-3);padding:8px 10px;border-bottom:1px solid var(--line)}
td{padding:10px;border-bottom:1px solid var(--line)}
td.r,th.r{text-align:right;font-variant-numeric:tabular-nums}

/* IA: chat de WhatsApp + tarjetas */
.ai-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:16px}
.chat{padding:18px;display:flex;flex-direction:column;gap:10px;min-height:440px}
.msg{max-width:78%;padding:9px 12px;border-radius:12px;font-size:13.5px;line-height:1.45}
.msg.in{background:var(--bg-3);align-self:flex-start;border-top-left-radius:4px}
.msg.out{background:#123a2a;color:#d8f5e4;align-self:flex-end;border-top-right-radius:4px}
.msg small{display:block;font-size:11px;opacity:.6;margin-top:4px;text-align:right}
.note-sys{align-self:center;font-size:11.5px;color:var(--text-3);border:1px solid var(--line);padding:3px 10px;border-radius:var(--r-full)}
.stack{display:grid;gap:16px}
.mini{padding:18px}
.mini h5{font-size:14px;font-weight:var(--w-med);margin:10px 0 4px}
.sizes{display:flex;gap:6px;margin-top:12px}
.sizes span{flex:1;text-align:center;font-size:12px;padding:6px 0;border:1px solid var(--line);border-radius:var(--r-6);color:var(--text-2)}
.sizes span.on{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.posts div{height:64px;border-radius:6px;background:linear-gradient(160deg,#24252b,#15161a);position:relative}
.posts div::after{content:"Programado";position:absolute;left:6px;bottom:6px;font-size:10px;color:var(--text-2)}
.week li{list-style:none;font-size:13px;color:var(--text-2);padding:6px 0;border-top:1px solid var(--line);display:flex;gap:8px}
.week li:first-child{border-top:0}
.week b{color:var(--text);font-weight:var(--w-med)}

/* Pauta: puntos animados */
.ads{padding:22px;min-height:300px;position:relative}
.ads-plot{position:relative;height:200px;margin-top:20px;border-bottom:1px solid var(--line)}
.ads-plot i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--teal);opacity:.85}
.ads-legend{position:relative;height:18px;margin-top:12px;font-size:12px;color:var(--text-2)}
.ads-legend span{position:absolute;transform:translateX(-50%);white-space:nowrap}

/* ── Cómo trabajamos ── */
.how{padding:128px 0;border-top:1px solid var(--line)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:64px;position:relative}
.steps::before{content:"";position:absolute;left:0;right:0;top:5px;height:1px;background:var(--line)}
.step{padding-right:28px;position:relative}
.step .dot{width:11px;height:11px;border-radius:50%;background:var(--bg);border:1px solid var(--line-2);position:relative}
.step:first-child .dot{border-color:var(--accent);background:var(--accent)}
.step .k{margin-top:28px;font-size:13px;color:var(--text-3)}
.step h3{margin-top:8px}
.step p{margin-top:8px;font-size:14px;color:var(--text-2);line-height:1.55}

/* Planes */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:64px}
.plan{border:1px solid var(--line);border-radius:var(--r-16);padding:24px;background:var(--bg-1);display:flex;flex-direction:column;gap:14px}
.plan.hl{border-color:rgba(113,112,255,.45);background:linear-gradient(180deg,rgba(113,112,255,.08),var(--bg-1) 60%)}
.plan .tier{font-size:13px;color:var(--text-2)}
.plan h3{font-size:24px}
.plan ul{list-style:none;display:grid;gap:9px;font-size:14px;color:var(--text-2)}
.plan li{display:flex;gap:10px}
.plan li::before{content:"✓";color:var(--text-3);font-size:12px;margin-top:2px}
.plan .ninety{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-size:13px;color:var(--text-2)}

/* ── Las tres figuras (como Fig 0.1 · 0.2 · 0.3 de Linear) ── */
.figs{display:grid;grid-template-columns:repeat(3,1fr);margin-top:96px}
.fig{position:relative;height:468px;display:flex;flex-direction:column;justify-content:flex-end;padding:0 32px;border-right:1px solid var(--line)}
.fig:first-child{padding-left:0}.fig:last-child{border-right:0;padding-right:0}
.fig .fignum{position:absolute;top:0;left:32px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);opacity:.5}
.fig:first-child .fignum{left:0}
.fig .ill{flex:1;display:grid;place-items:center;min-height:0;overflow:visible}
.fig svg{max-width:100%;height:auto;overflow:visible}
.fig h3{font-size:15px;font-weight:var(--w-med);color:var(--text-soft);letter-spacing:-.011em;line-height:24px}
.fig p{font-size:15px;line-height:24px;color:var(--text-2);letter-spacing:-.011em;max-width:368px;text-wrap:balance}
.fig .lift{transition:transform .7s cubic-bezier(.32,.72,0,1)}
.fig .edge{transition:stroke .7s cubic-bezier(.32,.72,0,1)}

/* ── Escenarios ── */
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:64px}
.case-card{border:1px solid var(--line);border-radius:var(--r-16);background:var(--bg-1);overflow:hidden;display:flex;flex-direction:column}
.case-top{padding:22px 22px 18px;border-bottom:1px solid var(--line)}
.case-top .small{display:flex;gap:8px;align-items:center}
.case-top h3{margin-top:10px;font-size:18px}
.case-body{padding:18px 22px 22px;display:grid;gap:14px;font-size:14px}
.case-body .k{font-size:12px;color:var(--text-3);margin-bottom:3px;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase}
.case-body .v{color:var(--text-soft);line-height:1.5}
.metric{display:flex;align-items:baseline;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-12);background:var(--bg-2)}
.metric b{white-space:nowrap;font-size:26px;font-weight:var(--w-med);letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.metric span{font-size:12.5px;color:var(--text-2);line-height:1.35}

/* ── Tablero interactivo del héroe ── */
.os{grid-template-columns:232px 1fr;min-height:600px}
.os .side{display:flex;flex-direction:column;gap:2px}
.os-demo{margin-left:auto;font-size:10.5px;color:var(--text-3);border:1px solid var(--line-2);border-radius:var(--r-full);padding:0 7px}
.os button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-align:left;width:100%}
.os .side button.it{transition:background .12s var(--ease),color .12s var(--ease)}
.os .side button.it:hover{background:rgba(255,255,255,.04);color:var(--text)}
.os .side .it .dotgrid{margin-right:1px}
.os-ico{width:16px;height:16px;flex:none;display:inline-grid;place-items:center;color:var(--text-2)}
.os [aria-selected=true] .os-ico{color:var(--text)}
.os-main{padding:24px 28px;min-width:0}
.os-head{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}
.os-head h4{margin:4px 0 0;font-size:20px}
.os-head .right{margin-left:auto;display:flex;gap:8px;align-items:center}
.os-seg{display:inline-flex;border:1px solid var(--line-2);border-radius:var(--r-full);padding:2px}
.os-seg button{width:auto;font-size:12px;padding:3px 10px;border-radius:var(--r-full);color:var(--text-2)}
.os-seg button[aria-selected=true]{background:rgba(255,255,255,.08);color:var(--text)}
.os-m{display:none}
.os-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}
.os-k{border:1px solid var(--line);border-radius:var(--r-12);background:var(--bg-2);padding:12px 14px;min-width:0}
.os-k .small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.os-k b{display:block;margin-top:4px;font-size:21px;font-weight:var(--w-med);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.os-k em{font-style:normal;font-size:11.5px;color:#5fd27d}
.os-k em.mal{color:#ff8a8a}
.os-row{display:grid;grid-template-columns:1.25fr 1fr;gap:12px;margin-top:12px}
.os-card{border:1px solid var(--line);border-radius:var(--r-12);padding:14px 16px;min-width:0}
.os-card h5{font-size:13px;font-weight:var(--w-med);color:var(--text-soft);display:flex;justify-content:space-between;gap:8px}
.os-card h5 span{color:var(--text-3);font-weight:400}
.os-g{width:100%;height:auto;display:block;margin-top:10px;overflow:visible}
.os-g text{font-family:var(--font);font-size:11px;fill:var(--text-3)}
.os-g .tv{fill:var(--text);font-size:12px;font-weight:var(--w-med)}
.os-g .tn{fill:var(--text-soft)}
.os-g .ej{stroke:var(--line-2);fill:none}
.os-g .gr{stroke:rgba(255,255,255,.12);stroke-dasharray:1 4;fill:none}
.os-g [data-t]{cursor:default;transition:opacity .2s,filter .2s}
.os-g [data-t]:hover,.os-g [data-t].act{filter:brightness(1.3)}
.os-g [data-t]:focus{outline:none}
.os-g .an{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.4);transition:opacity .5s var(--ease-out),transform .8s var(--ease-out),filter .2s}
.os-g .ab{transform-origin:bottom}.os-g .ai{transform-origin:left}
.os-in .os-g .an{opacity:1;transform:none}
.os-g .ln{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.3s var(--ease-out)}
.os-in .os-g .ln{stroke-dashoffset:0}
.os-g .fd{opacity:0;transition:opacity .8s var(--ease) .5s}
.os-in .os-g .fd{opacity:1}
.os-cap{margin-top:8px;min-height:19px;font-size:12px;color:var(--text-2)}
.os-cap b{color:var(--text);font-weight:var(--w-med)}
.os-table{width:100%;border-collapse:collapse;margin-top:8px;font-size:12.5px}
.os-table th{font-weight:400;color:var(--text-3);text-align:left;padding:6px 4px;border-bottom:1px solid var(--line);white-space:nowrap}
.os-table td{padding:8px 4px;border-bottom:1px solid var(--line);white-space:nowrap}
.os-table tr:last-child td{border-bottom:0}
.os-table tbody tr{transition:background .12s}
.os-table tbody tr:hover{background:rgba(255,255,255,.03)}
.os-table .r{text-align:right;font-variant-numeric:tabular-nums}
.os-pill{font-size:11px;padding:1px 7px;border-radius:var(--r-full);border:1px solid var(--line-2);color:var(--text-2)}
.os-pill.ok{color:#5fd27d;border-color:rgba(39,166,68,.35)}
.os-pill.mal{color:#ff8a8a;border-color:rgba(235,87,87,.35)}
.os-pill.ojo{color:#f0bf00;border-color:rgba(240,191,0,.35)}
.os-ia{margin-top:12px;display:flex;gap:12px;align-items:flex-start;border:1px solid rgba(113,112,255,.3);background:rgba(113,112,255,.06);border-radius:var(--r-12);padding:12px 14px;font-size:13.5px;line-height:1.5;color:var(--text-soft)}
.os-ia b{color:var(--text);font-weight:var(--w-med)}
.os-fade{animation:osIn .45s var(--ease-out)}
@keyframes osIn{from{opacity:0;filter:blur(2px);transform:translateY(6px)}to{opacity:1;filter:none;transform:none}}

/* ── Metodología: la ruta de cuatro fases ── */
.ruta{margin-top:64px}
.ruta-pasos{display:grid;grid-template-columns:repeat(4,1fr);position:relative;padding-top:30px}
.ruta-track{z-index:2;position:absolute;top:5px;left:0;right:0;height:1px;background:var(--line)}
.ruta-fill{position:absolute;left:0;top:0;height:1px;width:0;background:var(--accent);transition:width .9s var(--ease-out)}
.ruta-dot{position:absolute;top:-5px;left:0;width:11px;height:11px;border-radius:50%;background:var(--accent);
  box-shadow:0 0 0 4px rgba(113,112,255,.18);transition:left .9s var(--ease-out)}
.paso{font:inherit;color:inherit;background:none;border:0;text-align:left;cursor:pointer;padding:0 28px 0 0;position:relative;display:flex;flex-direction:column;gap:6px}
.paso::before{content:"";position:absolute;top:-30px;left:0;width:11px;height:11px;border-radius:50%;background:var(--bg);border:1px solid var(--line-2);box-sizing:border-box}
.paso .k{font-size:13px;color:var(--text-3);transition:color .3s}
.paso b{font-size:20px;line-height:1.33;font-weight:var(--w-med);letter-spacing:-.012em;color:var(--text-2);transition:color .3s}
.paso .p{font-size:14px;line-height:1.55;color:var(--text-3);transition:color .3s}
.paso[aria-selected=true] .k{color:var(--accent)}
.paso[aria-selected=true] b{color:var(--text)}
.paso[aria-selected=true] .p{color:var(--text-2)}
.paso:hover b{color:var(--text)}
.timer{display:block;height:2px;margin-top:10px;background:var(--line);border-radius:2px;overflow:hidden;opacity:0}
.timer i{display:block;height:100%;width:100%;background:var(--accent);transform-origin:left;transform:scaleX(0)}
.paso[aria-selected=true] .timer{opacity:1}
.paso[aria-selected=true] .timer i.corre{transform:scaleX(1);transition:transform var(--dur,7s) linear}
.ruta-panel{margin-top:40px;border:1px solid var(--line);border-radius:var(--r-16);background:var(--bg-1);padding:32px;
  display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:40px;min-height:260px}
.ruta-panel .fase-n{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.ruta-panel h3{font-size:28px;line-height:1.15;letter-spacing:-.02em;margin-top:10px}
.ruta-panel .d{margin-top:12px;font-size:15px;line-height:1.6;color:var(--text-2)}
.ruta-panel .lbl{font-size:12px;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin-bottom:14px}
.ruta-panel ul{list-style:none;display:grid;gap:11px}
.ruta-panel li{display:grid;grid-template-columns:18px 1fr;gap:8px;font-size:14.5px;line-height:1.45;color:var(--text-soft)}
.ruta-panel li svg{margin-top:3px;color:var(--accent)}
.ruta-panel > *{animation:osIn .5s var(--ease-out) both}
.ruta-panel > :nth-child(2){animation-delay:.08s}.ruta-panel > :nth-child(3){animation-delay:.16s}

/* ── Pauta: gráfico de burbujas ── */
.emb-body{display:grid;grid-template-columns:1.6fr 1fr;gap:28px;padding:24px}
.emb-canales{margin-bottom:14px}
.emb-canales button{font:inherit;font-size:12.5px;padding:5px 14px;background:none;border:0;cursor:pointer;color:var(--text-2);border-radius:var(--r-full)}
.emb-canales button[aria-selected=true]{background:rgba(255,255,255,.08);color:var(--text)}
.bur{width:100%;height:auto;display:block;overflow:visible}
.bur text{font-family:var(--font);font-size:11px;fill:var(--text-3)}
.bur .eje{font-size:11.5px;fill:var(--text-2)}
.bur .zona{font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-family:var(--mono)}
.bur .grid{stroke:rgba(255,255,255,.14);stroke-dasharray:1 5;stroke-linecap:round}
.bur .base{stroke:var(--line-2)}
.bur .b{cursor:pointer;transition:opacity .4s,filter .4s}
.bur .b circle{stroke:#fff;stroke-width:1;stroke-opacity:.22;transform-box:fill-box;transform-origin:center;transform:scale(0);transition:transform .9s var(--ease-out),fill-opacity .3s,stroke-opacity .3s}
.bur.crece .b circle{transform:scale(1)}
.bur.crece .b.sel circle{animation:palpita 1.6s ease-in-out infinite}
@keyframes palpita{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
.bur-ley .tam{display:inline-flex;align-items:center;gap:6px}
.bur .halo{fill:none;stroke-width:2;pointer-events:none;transform-box:fill-box;transform-origin:center;opacity:0}
.bur.crece .halo{animation:onda 1.6s ease-out infinite}
@keyframes onda{0%{transform:scale(1);opacity:.85}100%{transform:scale(1.75);opacity:0}}
.emb-canales button{position:relative;overflow:hidden}
.emb-canales button i.avance{position:absolute;left:12px;right:12px;bottom:2px;height:2px;border-radius:2px;background:var(--accent);transform-origin:left;transform:scaleX(0)}
.emb-canales button[aria-selected=true] i.avance{animation:avanza var(--dur,30s) linear forwards}
.emb-canales.pausa button i.avance{animation-play-state:paused}
@keyframes avanza{to{transform:scaleX(1)}}
.bur .b .gl{opacity:.32;stroke:none}
.bur .b:hover .esf,.bur .b.sel .esf{stroke-opacity:.95;stroke-width:1.5}
.bur .b.sel .gl,.bur .b:hover .gl{opacity:.75}
.bur .b.off{opacity:.14;filter:grayscale(1);pointer-events:none}
.bur .b:focus{outline:none}.bur .b:focus-visible circle{stroke:#fff;stroke-opacity:1}
.bur-ley{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-top:12px;font-size:12.5px;color:var(--text-2)}
.bur-ley span{display:inline-flex;align-items:center;gap:7px}
.bur-ley i{width:9px;height:9px;border-radius:50%;display:block}
.bur-ley .tam{margin-left:auto;color:var(--text-3)}
.emb-der{display:flex;flex-direction:column;gap:12px;min-width:0}
.emb-anuncio{position:relative;overflow:hidden;border:1px solid var(--line-2);border-radius:var(--r-12);padding:18px 18px 16px;
  background:radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--c) 16%,transparent),transparent 60%),var(--bg-2);animation:anuncio .45s var(--ease-out)}
@keyframes anuncio{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}
.emb-anuncio .cab{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-3)}
.emb-anuncio .cab i{width:8px;height:8px;border-radius:50%;box-shadow:0 0 10px var(--c)}
.emb-ver{margin-left:auto;font-size:11.5px;padding:3px 10px;border-radius:var(--r-full);font-weight:var(--w-med)}
.emb-ver.ok{color:#5fd27d;background:rgba(39,166,68,.14)}.emb-ver.ojo{color:#f0bf00;background:rgba(240,191,0,.13)}.emb-ver.mal{color:#ff8a8a;background:rgba(235,87,87,.14)}
.emb-anuncio h4{font-size:19px;font-weight:var(--w-med);letter-spacing:-.015em;margin:8px 0 14px}
.emb-anuncio dl{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;font-size:12px;color:var(--text-3)}
.emb-anuncio dd{color:var(--text);font-size:17px;font-weight:var(--w-med);font-variant-numeric:tabular-nums;margin-top:2px;letter-spacing:-.01em}
.emb-anuncio dd.v{color:#5fd27d}
.emb-anuncio .veredicto{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:13px;line-height:1.5;color:var(--text-soft)}
.emb-tot{border:1px solid var(--line);border-radius:var(--r-12);background:var(--bg-2)}
.emb-tot-cab{padding:10px 14px;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);border-bottom:1px solid var(--line);font-family:var(--mono)}
.emb-tot-g{display:grid;grid-template-columns:1fr 1fr}
.emb-tot-g div{padding:11px 14px;min-width:0}
.emb-tot-g div:nth-child(odd){border-right:1px solid var(--line)}
.emb-tot-g div:nth-child(-n+2){border-bottom:1px solid var(--line)}
.emb-tot-g span{display:block;font-size:11.5px;color:var(--text-3)}
.emb-tot-g b{display:block;margin-top:2px;font-size:15px;font-weight:var(--w-med);font-variant-numeric:tabular-nums;white-space:nowrap}
.emb-tot-g b.v{color:#5fd27d}
.emb-dato,.emb-roas{border:1px solid var(--line);border-radius:var(--r-12);background:var(--bg-2);padding:14px 16px}
.emb-dato b,.emb-roas b{display:block;margin-top:4px;font-size:22px;font-weight:var(--w-med);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.emb-roas{border-color:rgba(39,166,68,.35);background:rgba(39,166,68,.06)}
.emb-roas b{color:#5fd27d;font-size:22px}

/* ── Citas: el cierre en azul, amarillo y blanco (como linear.app) ── */
.citas{padding:128px 0 32px;border-top:1px solid var(--line)}
/* Las tarjetas copian las del cierre de linear.app: tres iguales, la primera
   en degradado celeste-lila, la segunda lima y la tercera azul; cita grande
   con la comilla colgada y, abajo, el monograma, una raya y el nombre. */
.citas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:56px}
.cita{position:relative;margin:0;border-radius:8px;padding:28px 32px 26px 28px;min-height:360px;display:flex;flex-direction:column;justify-content:space-between;gap:32px;
  color:#08090a;transition:transform .5s var(--ease-out)}
.cita:hover,.cita:focus-visible{transform:translateY(-4px)}
.cita:focus-visible{outline:2px solid #f7f8f8;outline-offset:3px}
.cita.lila{background:linear-gradient(180deg,#cfe3ff 0%,#e9e3ff 100%)}
.cita.lima{background:#e5f54a}
.cita.azul{background:#0b72e7}
.cita blockquote{font-size:24px;line-height:1.33;letter-spacing:-.012em;font-weight:var(--w-reg,400);padding-left:.45em;text-indent:-.45em;max-width:26ch;text-wrap:pretty}
.cita figcaption{display:flex;align-items:center;font-size:13.5px;line-height:1.45}
.cita figcaption b{display:block;font-weight:var(--w-med);font-size:14px;color:#08090a}
.cita figcaption span:last-child{color:rgba(8,9,10,.6);padding-left:16px;margin-left:16px;border-left:1px solid rgba(8,9,10,.16)}
.cita.azul figcaption span:last-child{color:rgba(8,9,10,.7);border-left-color:rgba(8,9,10,.25)}
.cita .ini{width:36px;height:36px;display:grid;place-items:center;font-size:19px;font-weight:var(--w-semi);letter-spacing:-.06em;flex:none}
.citas-pie{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:22px;font-size:13.5px;color:var(--text-2)}
.citas-pie b{color:var(--text);font-weight:var(--w-med)}

/* ── Lo que hacemos ── */
.do-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.do-list{list-style:none;border-top:1px solid var(--line)}
.do-list li{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:20px 0;border-bottom:1px solid var(--line)}
.do-list .mono{color:var(--text-3);padding-top:3px}
.do-list b{font-weight:var(--w-med);font-size:16px;letter-spacing:-.011em}
.do-list p{font-size:14.5px;line-height:1.55;color:var(--text-2);margin-top:4px}

/* ── Por sector ── */
.sectors{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px}
.sector{border:1px solid var(--line);border-radius:var(--r-16);background:var(--bg-1);padding:24px;display:flex;flex-direction:column;gap:16px}
.sector-top{display:flex;align-items:center;gap:10px}
.sector-top h3{font-size:20px}
.sector .pain{font-size:15px;line-height:1.5;color:var(--text-soft)}
.sector ul{list-style:none;display:grid;gap:9px;font-size:14px;color:var(--text-2)}
.sector li{display:flex;gap:10px}
.sector li::before{content:"+";color:var(--text-3)}
.sector .gain{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-size:14px;line-height:1.5}
.sector li{line-height:1.45}
/* La cuarta tarjeta ocupa todo el ancho: texto a la izquierda, lista en dos columnas */
.sector-todos{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);column-gap:40px;row-gap:12px;align-items:start}
.sector-todos .sector-top{grid-column:1}
.sector-todos .pain{grid-column:1}
.sector-todos ul{grid-column:2;grid-row:1/span 2;grid-template-columns:1fr 1fr;column-gap:24px}
@media (max-width:900px){.sector-todos{display:flex}.sector-todos ul{grid-template-columns:1fr}}
.sector .gain .small{display:block;margin-bottom:2px;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}

/* ── Tablero de pauta ── */
.dash-body{padding:24px}
.dash-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.dk{border:1px solid var(--line);border-radius:var(--r-12);background:var(--bg-2);padding:16px}
.dk b{display:block;margin-top:6px;font-size:30px;font-weight:var(--w-med);letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.dk em{display:block;margin-top:4px;font-style:normal;font-size:12.5px}
.dk em.down{color:#5fd27d}
.dash-legend{display:flex;gap:20px;flex-wrap:wrap;margin:24px 0 4px;font-size:12.5px;color:var(--text-2)}
.dash-legend span{display:flex;align-items:center;gap:7px}
.dash-legend i{width:10px;height:10px;border-radius:3px;display:block}
.dash-legend i.ln-key{width:16px;height:0;border-top:2px solid #f7f8f8;border-radius:0}
#grafica{width:100%;height:auto;display:block;font-family:var(--font)}
#grafica .barra{transform-box:fill-box;transform-origin:bottom;transform:scaleY(0);transition:transform .9s var(--ease-out)}
#grafica.in .barra{transform:none}
#grafica .curva{stroke-dasharray:1000;stroke-dashoffset:1000;transition:stroke-dashoffset 1.6s var(--ease-out) .9s}
#grafica.in .curva{stroke-dashoffset:0}
#grafica .tardio{opacity:0;transition:opacity .6s var(--ease) 1.8s}
#grafica.in .tardio{opacity:1}

/* ── Diferencias ── */
.diff{padding:128px 0;border-top:1px solid var(--line)}
.diff-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:64px;border:1px solid var(--line);border-radius:var(--r-16);overflow:hidden}
.diff-grid>div{padding:28px;background:var(--bg-1)}
.diff-grid>div+div{border-left:1px solid var(--line)}
.diff-grid .ic{width:32px;height:32px;border-radius:var(--r-8);border:1px solid var(--line-2);display:grid;place-items:center;margin-bottom:22px;color:var(--text-2)}
.diff-grid p{margin-top:8px;font-size:14.5px;color:var(--text-2);line-height:1.6}

/* ── Bloque de flujo (sin uso por ahora) ── */
.case{padding:128px 0;border-top:1px solid var(--line)}
.case-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:56px;align-items:center;margin-top:56px}
.quote{font-size:24px;line-height:1.4;letter-spacing:-.015em;font-weight:var(--w-med)}
.quote span{color:var(--text-2)}
.case-list{list-style:none;margin-top:32px;display:grid;gap:14px}
.case-list li{display:grid;grid-template-columns:120px 1fr;gap:16px;font-size:14px;padding-top:14px;border-top:1px solid var(--line)}
.case-list li b{font-weight:var(--w-med)}
.case-list li span{color:var(--text-2)}
.pipe{padding:20px;display:grid;gap:10px}
.pipe .st{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:var(--r-12);background:var(--bg-2);font-size:13.5px}
.pipe .st .ic2{width:28px;height:28px;border-radius:var(--r-8);display:grid;place-items:center;background:var(--bg-3);font-size:14px}
.pipe .ar{justify-self:center;color:var(--text-3);font-size:12px;line-height:1}

/* ── CTA final y pie ── */
.cta{padding:160px 0;border-top:1px solid var(--line);text-align:center}
.cta h2{max-width:20ch;margin:0 auto}
.cta .lead{margin:20px auto 0}
.cta .hero-ctas{justify-content:center}
footer{border-top:1px solid var(--line);padding:64px 0 48px}
.foot{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}
/* Al saltar a una sección, que no quede tapada por la cabecera fija. */
section[id],#heroShot{scroll-margin-top:calc(var(--header) + 16px)}
.foot h6{font-size:13px;font-weight:var(--w-med);margin-bottom:16px}
.foot a{display:block;font-size:13px;color:var(--text-2);padding:4px 0;transition:color .12s var(--ease)}
.foot a:hover{color:var(--text)}
.legal{margin-top:56px;font-size:12.5px;color:var(--text-3);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

/* ── Movimiento: las mismas animaciones de linear.app/homepage, medidas el 27/10/2026 ──
   1. Titulares línea por línea: de blur(10px) + abajo a nítido, escalonado.
   2. La pantalla del héroe se arma por capas: marco, barra lateral, vista.
   3. Cada mensaje o fila entra con blur(2px) y 10 px de recorrido.
   4. Al bajar, cada bloque entra con el mismo desenfoque.
   5. Cuadrícula de 5×5 puntos que "piensa" (pasos, sin suavizado).
   6. Destello que barre la etiqueta de la IA.
   7. Cursor que parpadea mientras se escribe.
   8. Cinta infinita (marquee) de 30 s.
   9. Icono de menú cuyas dos barras se mueven al pasar el ratón. */
.reveal{opacity:0;filter:blur(10px);transform:translateY(24px);
  transition:opacity 1s var(--ease-out),filter 1s var(--ease-out),transform 1s var(--ease-out)}
.reveal.in{opacity:1;filter:blur(0);transform:none}

/* 1 · Titulares por líneas */
.lines .ln{display:inline-block;opacity:0;filter:blur(10px);transform:translateY(30%);
  transition:opacity 1.1s var(--ease-out),filter 1.1s var(--ease-out),transform 1.1s var(--ease-out)}
.lines.in .ln{opacity:1;filter:blur(0);transform:none}
.intro{opacity:0;filter:blur(10px);transform:translateY(12px);
  transition:opacity 1.1s var(--ease-out),filter 1.1s var(--ease-out),transform 1.1s var(--ease-out)}
.intro.in{opacity:1;filter:blur(0);transform:none}

/* 2 · La pantalla por capas */
.layer{opacity:0;transition:opacity 1.2s var(--ease-out)}
.layer.in{opacity:1}
.hero-shot.layer{transform:translateY(20px) scale(.985);transition:opacity 1.2s var(--ease-out),transform 1.4s var(--ease-out)}
.hero-shot.layer.in{transform:none}

/* 3 · Mensajes y filas */
.pop{opacity:0;filter:blur(2px);transform:translateY(10px);
  transition:opacity .6s var(--ease-out),filter .6s var(--ease-out),transform .6s var(--ease-out)}
.pop.in{opacity:1;filter:blur(0);transform:none}

/* 5 · Cuadrícula que piensa */
.dotgrid{display:inline-grid;grid-template-columns:repeat(5,3px);gap:1.5px;vertical-align:middle}
.dotgrid i{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.3;display:block}
.dotgrid i.on{opacity:1}

/* 6 · Destello sobre la etiqueta */
.sweep{background:linear-gradient(100deg,var(--text-2) 40%,#fff 50%,var(--text-2) 60%) 0 0/300% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:sweep 2.6s linear infinite}
@keyframes sweep{from{background-position:100% 0}to{background-position:-50% 0}}

/* 7 · Cursor */
.cursor{display:inline-block;width:1.5px;height:1.05em;background:var(--text);margin-left:1px;vertical-align:-2px;animation:blink 1.25s infinite}
@keyframes blink{0%,49%{opacity:1}50%,99%{opacity:0}100%{opacity:1}}

/* 8 · Cinta infinita */
.marquee{--gap:56px;display:flex;overflow:hidden;gap:var(--gap);margin-top:64px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marquee .track{display:flex;gap:var(--gap);flex:none;min-width:100%;justify-content:space-around;animation:marquee 30s linear infinite}
.marquee:hover .track{animation-play-state:paused}
.marquee span{color:var(--text-3);font-size:15px;font-weight:var(--w-semi);letter-spacing:-.01em;white-space:nowrap;display:flex;align-items:center;gap:8px}
@keyframes marquee{to{transform:translateX(calc(-100% - var(--gap)))}}

/* 9 · Icono de menú */
.burger{display:none;background:none;border:0;cursor:pointer;width:32px;height:32px;border-radius:var(--r-8);place-items:center;margin-left:8px;color:var(--text)}
.burger rect{transform-origin:center;transition:transform .16s var(--ease)}
.burger:hover rect:first-child{transform:translateY(-1.5px)}
.burger:hover rect:last-child{transform:translateY(1.5px)}
.menu-open .burger rect:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu-open .burger rect:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.mmenu{position:fixed;inset:var(--header) 0 auto;z-index:99;background:rgba(8,9,10,.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid var(--line);padding:8px var(--pad) 20px;display:grid;
  opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease)}
.mmenu a{padding:14px 0;border-bottom:1px solid var(--line);font-size:17px}
.menu-open .mmenu{opacity:1;transform:none;pointer-events:auto}

/* Barra de progreso que crece al entrar (pauta y velocidad) */
.bar-tiny i{transform-origin:left;transform:scaleX(0);transition:transform 1.4s var(--ease-out) .3s}
.in .bar-tiny i,.bar-tiny.in i{transform:none}
.ads-plot i{transform:scale(0);transition:transform .5s var(--ease-out),opacity .5s}
.ads-plot.in i{transform:none}
@keyframes pulse{0%,100%{opacity:.35}50%{opacity:1}}
.live{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse 2s infinite}
@keyframes typing{0%,80%,100%{opacity:.25}40%{opacity:1}}
.typing{display:inline-flex;gap:4px}.typing i{width:5px;height:5px;border-radius:50%;background:var(--text-2);animation:typing 1.2s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}
  .reveal,.lines .ln,.intro,.layer,.pop,.ads-plot i,.bar-tiny i,#grafica .barra,#grafica .tardio{opacity:1!important;filter:none!important;transform:none!important}
  #grafica .curva{stroke-dashoffset:0!important}}

/* ── Celular ── */
@media (max-width:960px){
  :root{--pad:20px}
  nav.menu,.sep,.hide-m{display:none}
  header .btn{margin-left:auto}
  .burger{display:grid}
  h1{font-size:40px;line-height:1.05}
  h2{font-size:32px;line-height:1.05}
  .svc-head .lead,.lead-lg{font-size:18px}
  .figs{grid-template-columns:1fr}
  .fig .fignum{left:0}
  .fig{height:auto;padding:24px 0 40px;border-right:0;border-bottom:1px solid var(--line)}
  .fig:last-child{border-bottom:0}
  .fig svg{max-height:260px}
  .cases,.do-grid,.sectors{grid-template-columns:1fr}
  /* Tablero: sin barra lateral; negocio y pestañas pasan arriba, en fila deslizable. */
  .emb-body{grid-template-columns:1fr;padding:16px;gap:20px}
  .bur text{font-size:17px}.bur .eje{font-size:17px}.bur .zona{font-size:15px}
  .citas{padding:88px 0 24px}
  .citas-grid{grid-template-columns:1fr}
  .cita{min-height:220px;padding:24px;gap:28px}
  .cita blockquote{font-size:22px;max-width:none}
  .ruta{margin-top:40px}
  .paso{padding-right:8px}
  .paso b{font-size:13.5px}
  .paso .p,.paso .timer{display:none}
  .ruta-panel{grid-template-columns:1fr;gap:24px;padding:22px;margin-top:24px}
  .ruta-panel h3{font-size:22px}
  .os .side{display:none}
  .os-main{padding:16px}
  .os-m .os-ico{width:auto;margin-right:5px}
  .os-card h5 span{display:none}
  .os-m{display:flex;gap:6px;overflow-x:auto;margin:0 -16px 12px;padding:0 16px 4px;scrollbar-width:none}
  .os-m::-webkit-scrollbar{display:none}
  .os-m button{width:auto;flex:none;font-size:12.5px;padding:5px 11px;border:1px solid var(--line-2);border-radius:var(--r-full);color:var(--text-2)}
  .os-m button[aria-selected=true]{background:rgba(255,255,255,.08);color:var(--text);border-color:var(--line-2)}
  .os-head .right{display:none}
  .os-kpis{grid-template-columns:1fr 1fr}
  .os-row{grid-template-columns:1fr}
  .os-g text{font-size:14px}.os-g .tv{font-size:15px}
  .os-tw{overflow-x:auto}
  .do-grid{gap:28px}
  .dash-body{padding:16px}
  .dash-kpis{grid-template-columns:1fr 1fr}.dk:last-child{grid-column:span 2}
  .dk b{font-size:24px}
  /* La gráfica se encoge a ~45 %: sin esto las cifras quedan de 5 px. */
  #grafica text{font-size:24px}
  .hero{padding-top:calc(var(--header) + 56px)}
  .hero-shot{grid-template-columns:1fr;min-height:0;margin-top:48px}
  .side{display:none}
  .main{padding:20px}
  .err{grid-template-columns:28px 1fr}.err .tag{display:none}
  .shot-card{grid-template-columns:repeat(4,1fr);gap:6px;padding:8px}
  .prod span{font-size:9.5px;left:5px;right:5px}
  .manifest{padding:104px 0 24px}
  .svc,.how,.diff,.case{padding:88px 0}
  .svc-head{grid-template-columns:1fr;gap:20px}.svc-head .lead{justify-self:start}
  .feat,.ba,.ai-grid,.plans,.case-grid{grid-template-columns:1fr}
  .feat>div+div{border-left:0;padding-left:0;margin-top:28px}
  .app{grid-template-columns:1fr}.app .side{display:none}
  .kpis{grid-template-columns:1fr 1fr}.kpi:last-child{grid-column:span 2}
  .steps{grid-template-columns:1fr;gap:36px}.steps::before{display:none}
  .diff-grid{grid-template-columns:1fr}.diff-grid>div+div{border-left:0;border-top:1px solid var(--line)}
  .case-list li{grid-template-columns:1fr;gap:4px}
  .quote{font-size:20px}
  .cta{padding:104px 0}
  .foot{grid-template-columns:1fr 1fr}.foot>div:first-child{grid-column:span 2}
  table .hide-t{display:none}
}

/* ═════════ Servicios: menú, pestañas y páginas propias ═════════ */
/* Menú «Servicios» que se despliega al pasar el cursor o con el teclado. */
nav.menu{align-items:center}
.dd{position:relative}
.dd-btn{display:inline-flex;align-items:center;gap:5px}
.dd-btn svg{transition:transform .2s var(--ease)}
.dd:hover .dd-btn svg,.dd:focus-within .dd-btn svg{transform:rotate(180deg)}
.dd-btn[aria-current]{color:var(--text)}
.dd-panel{position:absolute;top:calc(100% + 14px);left:-16px;width:340px;padding:8px;border:1px solid var(--line-2);border-radius:var(--r-12);
  background:rgba(15,16,17,.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 18px 50px rgba(0,0,0,.45);
  display:grid;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .18s var(--ease),transform .18s var(--ease)}
.dd-panel::before{content:"";position:absolute;inset:-16px 0 auto;height:16px}
.dd:hover .dd-panel,.dd:focus-within .dd-panel{opacity:1;transform:none;pointer-events:auto}
.dd-panel a{display:grid;gap:2px;padding:9px 12px;border-radius:var(--r-8)}
.dd-panel a:hover,.dd-panel a[aria-current]{background:rgba(255,255,255,.05)}
.dd-panel b{font-size:13.5px;font-weight:var(--w-med);color:var(--text)}
.dd-panel span{font-size:12px;color:var(--text-3)}
.mm-grp{padding:14px 0 4px;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);font-family:var(--mono)}

/* Las tarjetas de servicio (portada y «otros servicios»). */
.serv-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:56px}
.serv-grid>.serv-card{grid-column:span 2}
.serv-grid>.serv-card:nth-child(4),.serv-grid>.serv-card:nth-child(5){grid-column:span 3}
.serv-grid-4{grid-template-columns:repeat(4,1fr)}
.serv-grid-4>.serv-card,.serv-grid-4>.serv-card:nth-child(4),.serv-grid-4>.serv-card:nth-child(5){grid-column:auto}
.serv-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:24px;border:1px solid var(--line);border-radius:var(--r-16);
  background:var(--bg-1);transition:border-color .2s var(--ease),background .2s var(--ease),transform .4s var(--ease-out);min-height:260px}
.serv-card:hover{border-color:var(--line-2);background:#121315;transform:translateY(-3px)}
.serv-top{display:flex;justify-content:space-between;align-items:center;color:var(--text-3)}
.serv-card h3{font-size:22px;font-weight:var(--w-med);letter-spacing:-.015em;margin-top:8px}
.serv-tag{font-size:13px;color:var(--text-3)}
.serv-d{font-size:14.5px;line-height:1.55;color:var(--text-soft)}
.serv-pie{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13.5px}
.serv-precio{color:var(--text);font-weight:var(--w-med)}
.serv-ver{display:inline-flex;align-items:center;gap:6px;color:var(--text-2);transition:color .2s,gap .2s var(--ease)}
.serv-card:hover .serv-ver{color:var(--text);gap:9px}
.serv-mini{min-height:0}
.serv-mini h3{font-size:18px}
.serv-nota{margin-top:18px;font-size:13px;color:var(--text-3)}

/* Pestañas de servicios, fijas bajo la cabecera en cada página de servicio. */
.tabs-serv{position:fixed;top:var(--header);left:0;right:0;z-index:90;background:rgba(8,9,10,.82);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}
.tabs-serv .wrap{display:flex;gap:4px;height:48px;align-items:center;overflow-x:auto;scrollbar-width:none}
.tabs-serv .wrap::-webkit-scrollbar{display:none}
.tabs-serv a{flex:none;display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px;border-radius:var(--r-full);font-size:13.5px;color:var(--text-2);transition:background .15s,color .15s}
.tabs-serv a .mono{font-size:11px;color:var(--text-3)}
.tabs-serv a:hover{color:var(--text);background:rgba(255,255,255,.04)}
.tabs-serv a[aria-current]{color:var(--text);background:rgba(255,255,255,.08)}
.pagina-servicio section[id]{scroll-margin-top:calc(var(--header) + 64px)}

/* Héroe de cada servicio: texto a la izquierda, inversión a la derecha. */
.serv-hero{padding-top:calc(var(--header) + 88px)}
.serv-hero h1{margin-top:20px}
.serv-hero-fila{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:start;margin-top:8px}
.serv-hero .lead{font-size:18px;line-height:1.55;max-width:56ch}
.precio{margin-top:24px;padding:22px 24px;border:1px solid var(--line-2);border-radius:var(--r-16);
  background:radial-gradient(120% 100% at 100% 0%,rgba(113,112,255,.14),transparent 60%),var(--bg-1);display:grid;gap:6px;justify-items:start}
.precio b{font-size:28px;font-weight:var(--w-med);letter-spacing:-.02em;line-height:1.2}
.precio-mant{font-size:14px;color:var(--text-soft)}
.precio .btn{margin-top:12px}
.precio-nota{margin-top:8px;font-size:12px;color:var(--text-3)}
.serv-visual{border-top:0;padding-top:96px}
.serv-visual-caja{margin-top:40px}
.serv-visual .svc-head{align-items:center}
.chat-frame{max-width:760px;margin:0 auto}
.chat-frame .chat{min-height:0}

/* Qué incluye y qué gana el negocio. */
.inc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:56px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-16);overflow:hidden}
.inc{display:flex;gap:14px;padding:24px;background:var(--bg)}
.inc-ico{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(113,112,255,.12);color:#9a99ff}
.inc b{font-size:15.5px;font-weight:var(--w-med);letter-spacing:-.01em}
.inc p{margin-top:4px;font-size:14px;line-height:1.55;color:var(--text-2)}
.gana-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:40px}
.gana .mono{color:var(--text-3);font-size:12px}
.gana h3{margin-top:14px;font-size:22px;font-weight:var(--w-med);letter-spacing:-.015em;line-height:1.25}
.gana p{margin-top:10px;font-size:15px;line-height:1.6;color:var(--text-2)}

/* Web que vende: una tienda de ejemplo dentro de un navegador. */
.web-mock .url{margin-left:8px;padding:3px 12px;border-radius:var(--r-full);background:var(--bg-3,#1c1d1f);font-size:12px;color:var(--text-2)}
.wm-body{display:grid;grid-template-columns:1fr 260px}
.wm-tienda{padding:22px;border-right:1px solid var(--line);display:grid;gap:16px;position:relative}
.wm-nav{display:flex;gap:18px;align-items:center;font-size:13px;color:var(--text-2)}
.wm-nav b{color:var(--text);font-weight:var(--w-semi);margin-right:auto}
.wm-car{padding:4px 10px;border:1px solid var(--line-2);border-radius:var(--r-full);color:var(--text)}
.wm-banner{border-radius:var(--r-12);padding:28px 24px;background:radial-gradient(90% 140% at 85% 30%,rgba(113,112,255,.45),transparent 60%),linear-gradient(120deg,#16162b,#0f1011)}
.wm-banner .mono{font-size:11px;color:#9a99ff;letter-spacing:.05em;text-transform:uppercase}
.wm-banner h4{margin:8px 0 16px;font-size:22px;font-weight:var(--w-med);letter-spacing:-.015em;max-width:20ch}
.wm-btn,.wm-wa{display:inline-flex;height:32px;align-items:center;padding:0 14px;border-radius:var(--r-full);background:#e5e5e6;color:#08090a;font-size:13px;font-weight:var(--w-med)}
.wm-prods{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.wm-prods div{display:grid;gap:4px;font-size:13px}
.wm-prods i{display:block;aspect-ratio:4/3;border-radius:var(--r-8);background:linear-gradient(160deg,hsl(var(--h) 45% 32%),hsl(var(--h) 35% 14%))}
.wm-prods b{font-weight:var(--w-med);margin-top:4px}
.wm-prods span{color:var(--text-2)}
.wm-wa{justify-self:end;background:#25d366;color:#05210f;box-shadow:0 8px 24px rgba(37,211,102,.25)}
.wm-datos{padding:22px;display:grid;gap:12px;align-content:start}
.wm-datos div{padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-12);background:var(--bg-2)}
.wm-datos span{display:block;font-size:12px;color:var(--text-3)}
.wm-datos b{display:block;margin-top:3px;font-size:16px;font-weight:var(--w-med)}
.wm-datos b.ok{color:#5fd27d}

/* Negocio automatizado: un pedido que recorre el flujo solo. */
.fl-body{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding:48px 28px 40px}
.fl-paso{position:relative;z-index:1;display:grid;gap:4px;justify-items:center;text-align:center;font-size:13px;color:var(--text-2)}
.fl-paso b{font-size:15px;font-weight:var(--w-med);color:var(--text);margin-top:10px}
.fl-ico{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;border:1px solid var(--line-2);background:var(--bg-2);
  font-family:var(--mono);font-size:13px;color:var(--text-2);animation:flPaso 7.5s infinite}
.fl-paso:nth-child(1) .fl-ico{animation-delay:0s}.fl-paso:nth-child(2) .fl-ico{animation-delay:1.5s}.fl-paso:nth-child(3) .fl-ico{animation-delay:3s}
.fl-paso:nth-child(4) .fl-ico{animation-delay:4.5s}.fl-paso:nth-child(5) .fl-ico{animation-delay:6s}
@keyframes flPaso{0%,16%{border-color:#00b8cc;color:#fff;background:rgba(0,184,204,.16);box-shadow:0 0 0 6px rgba(0,184,204,.10),0 0 28px rgba(0,184,204,.35)}24%,100%{border-color:var(--line-2);color:var(--text-2);background:var(--bg-2);box-shadow:none}}
.fl-linea{position:absolute;left:10%;right:10%;top:76px;height:2px;background:var(--line-2);z-index:0}
.fl-punto{position:absolute;top:-4px;left:0;width:10px;height:10px;border-radius:50%;background:#00b8cc;box-shadow:0 0 14px #00b8cc;animation:flPunto 7.5s linear infinite}
@keyframes flPunto{0%{left:0}80%{left:100%}100%{left:100%;opacity:0}}
.fl-pie{display:flex;justify-content:space-between;gap:16px;padding:14px 20px;border-top:1px solid var(--line);font-size:13px;color:var(--text-2)}
.fl-pie .mono{color:#5fd27d}

@media (max-width:960px){
  .dd-panel{display:none}
  .serv-grid,.serv-grid-4{grid-template-columns:1fr}
  .serv-grid>.serv-card,.serv-grid>.serv-card:nth-child(4),.serv-grid>.serv-card:nth-child(5){grid-column:auto}
  .serv-card{min-height:0}
  .serv-hero{padding-top:calc(var(--header) + 48px)}
  .serv-hero-fila{grid-template-columns:1fr;gap:0}
  .serv-visual{padding-top:72px}
  .inc-grid{grid-template-columns:1fr}
  .gana-grid{grid-template-columns:1fr;gap:32px}
  .wm-body{grid-template-columns:1fr}
  .wm-tienda{border-right:0;border-bottom:1px solid var(--line)}
  .wm-nav span:not(.wm-car){display:none}
  .wm-prods{grid-template-columns:repeat(3,1fr);gap:8px}
  .wm-datos{grid-template-columns:1fr 1fr}
  .fl-body{grid-template-columns:1fr;gap:22px;padding:28px 22px}
  .fl-paso{grid-template-columns:56px 1fr;justify-items:start;text-align:left;column-gap:16px;align-items:center}
  .fl-paso .fl-ico{grid-row:span 2}
  .fl-paso b{margin-top:0}
  .fl-linea{left:50px;right:auto;top:56px;bottom:56px;width:2px;height:auto}
  .fl-punto{left:-4px!important;top:0;animation:flPuntoV 7.5s linear infinite}
  @keyframes flPuntoV{0%{top:0}80%{top:100%}100%{top:100%;opacity:0}}
  .fl-pie{flex-direction:column;gap:4px}
}
@media (prefers-reduced-motion:reduce){.fl-ico,.fl-punto{animation:none}}

/* Servicios directos en la barra superior. Con cinco nombres no caben en
   pantallas medianas: ahí pasa al botón de menú. */
nav.menu{gap:26px}
nav.menu a[aria-current]{color:var(--text)}
nav.menu a{position:relative}
nav.menu a[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:-26px;height:2px;border-radius:2px;background:var(--accent)}
@media (max-width:1180px){nav.menu,.sep{display:none}.burger{display:grid}}
.gana-grid{margin-top:48px}

/* Web que vende: Anahita, un proyecto real, en computador y celular. */
.caso{position:relative;padding-right:150px}
.caso-pc{display:block;border:1px solid var(--line);border-radius:var(--r-16);overflow:hidden;background:var(--bg-1);transition:border-color .2s,transform .5s var(--ease-out)}
.caso-pc img{display:block;width:100%;height:auto}
.caso-pc .url{margin-left:8px;padding:3px 12px;border-radius:var(--r-full);background:#1c1d1f;font-size:12px;color:var(--text-2)}
.caso-cel{position:absolute;right:0;bottom:-36px;width:230px;border:6px solid #1c1d1f;border-radius:30px;overflow:hidden;background:#000;
  box-shadow:0 30px 70px rgba(0,0,0,.6),0 0 0 1px var(--line-2);transition:transform .5s var(--ease-out)}
.caso-cel img{display:block;width:100%;height:auto}
.caso:hover .caso-pc{border-color:var(--line-2)}
.caso:hover .caso-cel{transform:translateY(-6px)}
.caso-datos{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:72px}
.caso-datos div{padding:18px;border:1px solid var(--line);border-radius:var(--r-12);background:var(--bg-1)}
.caso-datos b{display:block;font-size:15px;font-weight:var(--w-med);letter-spacing:-.01em}
.caso-datos span{display:block;margin-top:6px;font-size:13.5px;line-height:1.5;color:var(--text-2)}
.caso-link{margin-top:18px;font-size:14px}
.caso-link a{color:var(--text-2);border-bottom:1px solid var(--line-2);padding-bottom:2px}
.caso-link a:hover{color:var(--text)}
@media (max-width:960px){
  .caso{padding-right:0;padding-bottom:0}
  .caso-cel{width:120px;right:-6px;bottom:-24px;border-width:4px;border-radius:18px}
  .caso-datos{grid-template-columns:1fr 1fr;margin-top:48px}
}
@media (max-width:560px){.caso-datos{grid-template-columns:1fr}}

/* ═════════ Efecto Liquid Glass (como en iOS 26) ═════════
   Vidrio translúcido que deja ver lo que hay detrás desenfocado y saturado,
   con bordes que reflejan la luz y un brillo que sigue al cursor (lo mueve
   sitio.js con --mx y --my). Para que se note, detrás hay luces de color. */
.glass{position:relative;isolation:isolate;
  background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.03) 42%,rgba(255,255,255,.07));
  backdrop-filter:blur(20px) saturate(185%) brightness(1.08);-webkit-backdrop-filter:blur(20px) saturate(185%) brightness(1.08);
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(255,255,255,.07),inset 1px 0 0 rgba(255,255,255,.08),
    inset 0 0 22px rgba(255,255,255,.05),0 12px 40px rgba(0,0,0,.38)}
.glass::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;
  background:radial-gradient(260px circle at var(--mx,25%) var(--my,0%),rgba(255,255,255,.17),transparent 62%);transition:opacity .3s}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass{background:rgba(28,29,33,.92)}}

/* Luces de color detrás del vidrio */
.hero,.serv-hero,#servicios,.serv-visual{position:relative}
.hero::before,.serv-hero::before,#servicios::before{content:"";position:absolute;pointer-events:none;z-index:-1;filter:blur(60px);opacity:.55}
.hero::before{left:5%;right:5%;top:420px;height:560px;
  background:radial-gradient(40% 50% at 18% 40%,rgba(113,112,255,.55),transparent 70%),radial-gradient(35% 45% at 80% 30%,rgba(0,184,204,.35),transparent 70%),radial-gradient(30% 40% at 55% 85%,rgba(240,191,0,.18),transparent 70%)}
.serv-hero::before{right:2%;top:120px;width:560px;height:420px;
  background:radial-gradient(45% 50% at 40% 40%,rgba(113,112,255,.55),transparent 70%),radial-gradient(40% 45% at 75% 70%,rgba(0,184,204,.35),transparent 70%)}
#servicios::before{left:0;right:0;top:300px;bottom:80px;opacity:.4;
  background:radial-gradient(30% 40% at 15% 30%,rgba(113,112,255,.5),transparent 70%),radial-gradient(28% 40% at 60% 70%,rgba(0,184,204,.35),transparent 70%),radial-gradient(25% 35% at 90% 25%,rgba(252,120,64,.25),transparent 70%)}
main{position:relative;z-index:0}

/* Dónde va el vidrio */
header{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015))!important;
  backdrop-filter:blur(24px) saturate(190%)!important;-webkit-backdrop-filter:blur(24px) saturate(190%)!important;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.07)}
.mmenu{background:rgba(14,15,17,.72)!important;backdrop-filter:blur(26px) saturate(190%)!important;-webkit-backdrop-filter:blur(26px) saturate(190%)!important}
.btn-ghost{background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.03));border-color:rgba(255,255,255,.18);
  backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,.28)}
.btn-ghost:hover{background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.06))}
.hero-shot{background:rgba(15,16,17,.62)!important;backdrop-filter:blur(26px) saturate(170%);-webkit-backdrop-filter:blur(26px) saturate(170%);
  border-color:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 30px 80px rgba(0,0,0,.45)}
.serv-card{background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.015) 50%,rgba(255,255,255,.04));
  backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);border-color:rgba(255,255,255,.1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.serv-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;
  background:radial-gradient(240px circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.12),transparent 60%)}
.serv-card:hover{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.03) 50%,rgba(255,255,255,.06));border-color:rgba(255,255,255,.18)}
.serv-card:hover::after{opacity:1}
.serv-pie{justify-content:flex-end}
.emb-canales,.os-seg{background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.02));backdrop-filter:blur(14px) saturate(170%);-webkit-backdrop-filter:blur(14px) saturate(170%);
  border-color:rgba(255,255,255,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.emb-canales button[aria-selected=true],.os-seg button[aria-selected=true]{background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 8px rgba(0,0,0,.3)}

/* La tarjeta para cotizar (antes la de precios) */
.precio{background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.03) 42%,rgba(255,255,255,.07))}
.precio b{font-size:24px}
.precio-mant{max-width:36ch;line-height:1.5}

/* Web que vende: la tienda real, navegable dentro de la página */
.caso{padding-right:0}
.caso-pc iframe{display:block;width:100%;height:680px;border:0;background:#f4f1ec}
.caso-vivo i{width:7px;height:7px;border-radius:50%;background:#27a644;box-shadow:0 0 8px #27a644;animation:latido 1.6s ease-in-out infinite}
@keyframes latido{50%{opacity:.35}}
.caso-abrir{margin-left:10px;font-size:12.5px;color:var(--text-2)}
.caso-abrir:hover{color:var(--text)}
.caso-datos{margin-top:20px}
.caso-datos div{border-radius:var(--r-12)}
@media (max-width:960px){.caso-pc iframe{height:620px}.caso-vivo{display:none!important}}

/* Vendedor IA: el chat ya no empuja la página mientras escribe */
.chat-frame .chat{overflow:hidden}

/* Web que vende: video corto del recorrido por Anahita (reemplaza la tienda incrustada) */
.caso-pc video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#f4f1ec}

/* Celular: nada puede salirse de lado. Si algo sobresale, Safari deja arrastrar
   la página hacia la izquierda y la aleja para que quepa. «clip» corta sin
   crear barra de desplazamiento y sin romper los elementos fijos. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,body{overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}
main,footer,section{overflow-x:clip}
.serv-hero::before{width:min(560px,90vw);right:0}
@media (max-width:960px){
  .hero::before,.serv-hero::before,#servicios::before{left:0;right:0;width:auto}
}

/* Redes sociales: íconos de vidrio en el pie de página y en el menú del celular */
.foot{grid-template-columns:1.4fr repeat(4,1fr)}
.redes{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.redes .red{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--text-soft);
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(14px) saturate(170%);-webkit-backdrop-filter:blur(14px) saturate(170%);box-shadow:inset 0 1px 0 rgba(255,255,255,.25);
  transition:color .2s,transform .3s var(--ease-out),background .2s}
.redes .red:hover{color:#fff;transform:translateY(-2px);background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.06))}
.mm-redes{margin:18px 0 6px}
.mmenu .mm-redes a{padding:0;border-bottom:1px solid rgba(255,255,255,.14)}
@media (max-width:960px){.foot{grid-template-columns:1fr 1fr}}

/* Web que vende: la tienda de Anahita baja junto con el scroll de la página.
   El marco queda pegado arriba mientras se baja; sitio.js mueve la captura. */
.caso-scroll{position:relative}
.caso-pegado{position:sticky;top:calc(var(--header) + 20px)}
.caso-ventana{position:relative;overflow:hidden;aspect-ratio:16/9;max-height:calc(100vh - var(--header) - 120px);background:#f4f1ec}
.caso-ventana picture{display:contents}
.caso-largo{position:absolute;top:0;left:0;width:100%;height:auto;will-change:transform}
.caso-cab{position:absolute;top:0;left:0;width:100%;height:auto;z-index:2;box-shadow:0 1px 0 rgba(0,0,0,.06)}
.caso-barra{position:absolute;right:6px;top:10px;bottom:10px;width:3px;border-radius:3px;background:rgba(0,0,0,.08);z-index:3}
.caso-barra i{position:absolute;left:0;right:0;top:0;height:18%;border-radius:3px;background:rgba(0,0,0,.35);will-change:transform}
.caso-pista{margin-top:12px;text-align:center;font-size:13px;color:var(--text-3)}
@media (max-width:700px){
  .caso-pc{max-width:330px;margin:0 auto;border-radius:30px}
  .caso-pc .frame-bar .tag,.caso-pc .frame-bar .dots{display:none}
  .caso-ventana{aspect-ratio:9/16.5;max-height:calc(100vh - var(--header) - 110px)}
}
.caso-ventana{aspect-ratio:auto;width:100%;height:min(calc(100vh - var(--header) - 120px),760px)}
@media (max-width:700px){.caso-ventana{aspect-ratio:auto;height:min(calc(100vh - var(--header) - 110px),620px)}}

/* Logos oficiales de cada red (en vidrio) y su color al pasar el cursor */
.redes .red svg{width:17px;height:17px}
.redes .red[aria-label$="Instagram"]:hover{color:#fff;background:linear-gradient(45deg,#f9ce34,#ee2a7b 50%,#6228d7)}
.redes .red[aria-label$="Facebook"]:hover{color:#fff;background:#1877f2}
.redes .red[aria-label$="TikTok"]:hover{color:#fff;background:#000;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),-2px 0 0 #25f4ee,2px 0 0 #fe2c55}
.redes .red[aria-label$="Threads"]:hover,.redes .red[aria-label$=" X"]:hover{color:#000;background:#fff}
.red-txt{display:flex!important;align-items:center;gap:9px}
.red-txt svg{flex:none;opacity:.85}

/* iPad vertical y pantallas medianas: el botón de WhatsApp y el menú van a la
   derecha (el menú de servicios está oculto y nada los empujaba). */
@media (max-width:1180px){header .wrap>.btn-light{margin-left:auto}}
/* Fluidez: la imagen va en su propia capa de la tarjeta gráfica */
.caso-largo{backface-visibility:hidden;transform:translate3d(0,0,0);pointer-events:none;user-select:none}
.caso-ventana{contain:layout paint;transform:translateZ(0)}

/* Web que vende: Anahita dentro de la página, con el scroll natural del aparato.
   La barra del navegador y la de Anahita quedan pegadas arriba mientras se baja. */
.caso-nativo{position:relative;border:1px solid var(--line);border-radius:var(--r-16);overflow:clip;background:#f4f1ec;
  box-shadow:0 30px 80px rgba(0,0,0,.4)}
.caso-tope{position:sticky;top:var(--header);z-index:2;background:var(--bg-1)}
.caso-tope .frame-bar{background:var(--bg-1)}
.caso-tope .url{margin-left:8px;padding:3px 12px;border-radius:var(--r-full);background:#1c1d1f;font-size:12px;color:var(--text-2)}
.caso-tope .caso-cab{position:static;display:block;width:100%;height:auto;box-shadow:0 1px 0 rgba(0,0,0,.08)}
.caso-pagina{display:block;width:100%;height:auto;margin-top:calc(var(--recorte,0px) * -1)}
@media (max-width:700px){
  .caso-nativo{max-width:360px;margin:0 auto;border-radius:30px}
  .caso-tope .frame-bar .tag,.caso-tope .frame-bar .dots{display:none}
}

/* Web que vende: tienda de demostración a pantalla completa */
html:has(.demo-pista){scrollbar-gutter:stable}
html.demo-bloqueo{overflow:hidden}
header,.tabs-serv{transition:transform .25s ease}
html.demo-activa header,html.demo-activa .tabs-serv{transform:translateY(-110%);pointer-events:none}
@media (prefers-reduced-motion:reduce){header,.tabs-serv{transition:none}}
.demo-pista{position:relative;height:100svh;margin-top:40px;background:#0B0806}
.demo-fija{position:sticky;top:0;z-index:200;height:100svh}
.demo-fija iframe{display:block;width:100%;height:100%;border:0}
.demo-saltar{position:absolute;left:16px;top:16px;z-index:201;padding:10px 16px;border-radius:var(--r-full);background:#fff;color:#0B0806;font-weight:600}
.demo-saltar:not(:focus){width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.demo-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.demo-poster[hidden]{display:none}
.demo-cotizar{display:none;position:fixed;left:16px;bottom:16px;z-index:150;align-items:center;gap:14px;padding:8px 8px 8px 18px;border:1px solid var(--line-2);border-radius:var(--r-full);background:rgba(16,17,19,.96);color:var(--text);font-size:14px;font-weight:500;box-shadow:0 14px 40px rgba(0,0,0,.45)}
.demo-cotizar .btn{white-space:nowrap}
html.demo-activa .demo-cotizar{display:flex}
html.demo-bloqueo .demo-cotizar{display:none}
@media (max-width:700px){
  .demo-cotizar{left:12px;right:12px;bottom:12px;justify-content:space-between;gap:10px;padding:7px 7px 7px 12px;border-radius:var(--r-16);font-size:12.5px;white-space:nowrap}
  .demo-cotizar .btn{padding:0 12px;min-height:38px;height:38px;font-size:12.5px}
}
/* Precios de referencia debajo de "Cotiza tu proyecto" */
.precio-col{display:grid;gap:12px;align-content:start;min-width:0}
.precio-refs{padding:0 4px;font-size:13.5px;line-height:1.45;color:var(--text-2)}
.precio-refs p{margin:0}
.precio-refs p + p{margin-top:4px}

/* Celular y tableta: los 3 servicios principales, siempre a la mano bajo el logo */
.atajos{display:none}
@media (max-width:1180px){
  :root{--atajos:44px}
  .atajos{position:fixed;top:var(--header);left:0;right:0;z-index:98;display:flex;gap:6px;align-items:center;height:var(--atajos);padding:0 12px;
    background:rgb(14,15,17);border-bottom:1px solid var(--line);transition:transform .25s ease}
  .atajos a{flex:1 1 auto;display:flex;align-items:center;justify-content:center;height:100%;padding:0 4px;
    font-size:12.5px;font-weight:500;line-height:1.05;text-align:center;white-space:nowrap;color:var(--text-soft,var(--text))}
  .atajos a[aria-current]{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:5px}
  main{padding-top:var(--atajos)}
  section[id],#heroShot{scroll-margin-top:calc(var(--header) + var(--atajos) + 16px)}
  .pagina-servicio section[id]{scroll-margin-top:calc(var(--header) + var(--atajos) + 16px)}
  html.demo-activa .atajos{transform:translateY(-300%);pointer-events:none}
}
@media (max-width:374px){.atajos a{flex:1 1 0;white-space:normal;font-size:12px}}
@media (prefers-reduced-motion:reduce){.atajos{transition:none}}

/* Enlace a la tienda sola */
.demo-ver{margin-top:18px}

/* Con la demo en pantalla, todo el trabajo es para la tienda */
html.demo-activa header,html.demo-activa .atajos{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.demo-activa main *:not(iframe){animation-play-state:paused!important}
.serv-visual ~ section{content-visibility:auto;contain-intrinsic-size:auto 800px}

/* Fluidez: los bloques entran solo con opacidad y movimiento; desenfocarlos en vivo traba el scroll */
.reveal,.lines .ln,.intro,.pop{filter:none!important}
.reveal,.intro{transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
.lines .ln{transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}
.hero::before,.serv-hero::before,#servicios::before{filter:none;opacity:.32}
/* El vidrio desenfocado se queda solo en la barra de arriba; el resto va con fondo pintado */
body *:not(header){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.glass{background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.03) 42%,rgba(255,255,255,.07)),rgba(24,25,29,.82)}
.hero-shot{background:rgba(15,16,17,.94)!important}
.mmenu{background:rgb(14,15,17)!important}
@media (max-width:1180px),(hover:none){
  header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgb(14,15,17)!important}
  .glass{box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
  .glass::after{display:none}
  .sweep,.fl-ico,.fl-punto,.bur.crece .b.sel circle,.bur.crece .halo{animation:none!important}
  .sweep{background:none;color:var(--text-2)}
  .fl-punto{display:none}
  svg .gl{filter:none}
}

/* Reseñas de clientes */
.resenas{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.resena{display:flex;flex-direction:column;margin:0;padding:24px;border-radius:var(--r-16)}
.resena-nota{display:flex;align-items:center;gap:8px;color:var(--yellow);font-size:15px;letter-spacing:.08em}
.resena-nota b{color:var(--text);font-size:14px;font-weight:var(--w-med);letter-spacing:0}
.resena blockquote{flex:1;margin:16px 0 20px;font-size:17px;line-height:1.5;letter-spacing:-.01em;color:var(--text-soft)}
.resena figcaption{font-size:14px;font-weight:var(--w-med);color:var(--text)}
@media (max-width:960px){.resenas{grid-template-columns:1fr;gap:12px;margin-top:32px}.resena{padding:20px}}

.resenas-sello{display:flex;align-items:center;gap:8px}
.resena-nota .g-google{margin-left:auto;flex:none}
.resena figcaption span{display:block;margin-top:3px;font-size:12.5px;font-weight:400;color:var(--text-2)}

/* Celular y tableta: el logo se queda arriba y al bajar solo queda fija la línea de servicios */
@media (max-width:1180px){
  header{position:absolute}
  .mmenu{position:absolute}
  .atajos{position:sticky;top:0;margin-top:var(--header)}
  main{padding-top:0;margin-top:calc(var(--header) * -1)}
  section[id],#heroShot,.pagina-servicio section[id]{scroll-margin-top:calc(var(--atajos) + 16px)}
  .caso-pegado{top:calc(var(--atajos) + 20px)}
  .caso-tope{top:var(--atajos)}
}

/* La cabecera cabe completa en celular, con el botón del menú a la vista */
@media (max-width:480px){
  header .wrap{gap:8px;padding:0 14px}
  header .logo{min-width:0;font-size:15px;gap:7px}
  header .btn{margin-left:auto;padding:0 11px;font-size:12px}
  .burger{margin-left:0;flex:none}
}
@media (max-width:359px){header .logo{font-size:0;gap:0}}
