/* Sitio «mundo físico» · estilo 06, Cloudflare + plano.
   Marco de 1200 px con líneas de 1 px y esquinas marcadas, tinta azul de
   plano (#1d3c8f) sobre una cuadrícula de 24 px, Inter Tight y Red Hat Mono.
   El fondo es un plano catastral: parcelas, arroyo y cotas, y se mueve con
   el hero y con el scroll (site.js). */
:root{
  --ink:#10204a;--tone:#1d3c8f;--text:#4d5a78;--label:#1d3c8f;--muted:#6f7b98;
  --bg:#fff;--soft:#f3f6fb;--line:#d8dfee;--line-2:#b4c0da;--gridc:#e7ecf6;
  --dark:#0b1633;--dark-2:#101d40;--acc:#1d3c8f;--acc-2:#2b4fa6;--lt:#9fb6ff;
  --cyan:#1d3c8f;--teal:#1d3c8f;--teal-soft:#eef2fb;
  --pad:clamp(16px,4vw,40px);--edge:var(--pad);--max:1200px;--radius:4px;
  --sans:"Inter Tight",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Red Hat Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --hard:4px 4px 0 #0b1633;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
/* El scroll suave se prende recién cuando la página terminó de cargar: si
   no, el navegador anima la vuelta a la posición guardada al recargar. */
html.is-ready{scroll-behavior:smooth}
body{margin:0;color:var(--text);font:400 16px/1.5 var(--sans);letter-spacing:-.003em;-webkit-font-smoothing:antialiased;overflow-x:hidden;
  background-color:#fbfcfe;background-image:linear-gradient(var(--gridc) 1px,transparent 1px),linear-gradient(90deg,var(--gridc) 1px,transparent 1px);background-size:24px 24px}
img{max-width:100%;display:block}
a{color:var(--ink)}
h1,h2,h3{color:var(--ink);font-family:var(--sans);font-weight:600;margin:0;text-wrap:balance}
h3{font-size:20px;font-weight:500;letter-spacing:-.02em;line-height:1.15}
p{margin:0}
.mono{font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--label)}
.small{font-size:13.5px;color:var(--muted)}
.muted{color:var(--muted)}
.center{text-align:center;margin-top:32px}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Capa catastral de toda la página: parcelas tenues que se corren con el
   scroll detrás del marco (la arma site.js). */
.cadastre{position:fixed;inset:0 0 auto;height:150vh;z-index:-1;pointer-events:none;opacity:.55;will-change:transform}
.cadastre svg{width:100%;height:100%;display:block}
.cadastre rect{fill:none;stroke:#1d3c8f;stroke-opacity:.12;stroke-width:1;vector-effect:non-scaling-stroke}
.cadastre path{fill:none;stroke:#1d3c8f;stroke-opacity:.18;stroke-width:1.5;stroke-dasharray:6 5;vector-effect:non-scaling-stroke}

/* Marco: cada sección es una lámina de 1200 px con la línea de arriba a sangre
   y dos esquinas marcadas. La línea se dibuja al entrar en pantalla. */
main{counter-reset:lam}
main>section{position:relative;max-width:var(--max);margin:0 auto;padding:clamp(56px,7vw,88px) var(--pad);border-inline:1px solid var(--line);background:#ffffffe0;scroll-margin-top:72px}
main>section:has(.label){counter-increment:lam}
main>section::before{content:"";position:absolute;top:-1px;left:50%;width:100vw;border-top:1px solid var(--line);transform:translateX(-50%) scaleX(var(--draw,1));transform-origin:0 0;transition:transform 1.1s cubic-bezier(.65,0,.35,1);pointer-events:none}
main>section::after{content:"";position:absolute;z-index:3;top:-4px;left:-4px;right:-4px;height:7px;pointer-events:none;
  background:linear-gradient(#fff,#fff) 1px 1px/5px 5px no-repeat,linear-gradient(var(--acc),var(--acc)) 0 0/7px 7px no-repeat,linear-gradient(#fff,#fff) calc(100% - 1px) 1px/5px 5px no-repeat,linear-gradient(var(--acc),var(--acc)) 100% 0/7px 7px no-repeat;
  transform:scale(var(--pop,1));transition:transform .4s .7s cubic-bezier(.2,.8,.2,1)}
html.js main>section.rv{--draw:0;--pop:0}
html.js main>section.rv.is-in{--draw:1;--pop:1}
/* Bandas a sangre (hero, banda oscura, cierre): el marco queda adentro */
.bleed{max-width:none!important;border-inline:0!important;padding-inline:max(var(--pad),calc((100% - var(--max)) / 2 + var(--pad)))!important}
.bleed::after{top:0!important;bottom:0;height:auto!important;left:50%!important;right:auto!important;width:min(var(--max),100%);transform:translateX(-50%)!important;border-inline:1px solid var(--frame,#ffffff38);background:none!important}

/* Titulares: Inter Tight, segunda línea en la tinta del plano */
.h-xl,.h-lg,.h-md{letter-spacing:-.035em;line-height:1}
.h-xl{font-size:clamp(40px,6vw,76px)}
.h-lg{font-size:clamp(32px,4.2vw,54px)}
.h-md{font-size:clamp(26px,3vw,36px);line-height:1.05}
.h-xl span,.h-lg span,.h-md span{display:block}
.tone{color:var(--tone)}
.lead{font-size:clamp(16px,1.35vw,18px);line-height:1.45;max-width:600px;margin-top:20px;color:var(--text)}
.lead a{color:var(--acc)}
/* Rótulo de lámina: número en caja, texto en mono y una regla */
.label{display:flex;align-items:center;gap:10px;font:500 11.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--acc);margin-bottom:22px}
.label::before{content:counter(lam,decimal-leading-zero);padding:4px 5px;border:1px solid currentColor;letter-spacing:0;font-weight:500}
.label::after{content:"";flex:0 1 72px;height:1px;background:currentColor;transform:scaleX(var(--draw,1));transform-origin:0 0;transition:transform .8s .4s ease}
.label .dot{display:none}
.dot{width:7px;height:7px;background:var(--acc);flex:none}

/* Botones. El principal es un bloque lleno con sombra dura: se lee como el
   único lugar donde tocar. El secundario es contorno. */
.btn{display:inline-flex;align-items:center;gap:14px;border-radius:4px;padding:15px 18px 15px 22px;font:600 16px/1 var(--sans);letter-spacing:-.01em;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s,color .16s,border-color .16s}
.btn-dark{background:var(--acc);border-color:var(--acc);color:#fff;box-shadow:var(--hard)}
.btn-dark:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #0b1633}
.btn-dark:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #0b1633}
.btn-light{background:#fff;color:var(--acc);border-color:var(--acc);padding:15px 22px}
.btn-light:hover{background:var(--soft)}
.btn-arrow{display:grid;place-items:center;width:26px;height:26px;margin:-6px 0;border-radius:2px;background:#fff;color:var(--acc);font-size:14px;font-weight:600}
.btn-sm{padding:10px 14px;font-size:14px;box-shadow:3px 3px 0 #0b1633}
.btn:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--acc);outline-offset:3px}

/* Navegación: una barra flotante a 14 px del borde, con la regla azul y la
   escala del plano abajo. Afuera de la barra se ve el fondo, sea la lámina
   azul del hero o la cuadrícula. */
.nav-wrap{position:fixed;top:14px;left:0;right:0;z-index:50;padding-inline:12px;pointer-events:none}
.nav{pointer-events:auto;position:relative;max-width:var(--max);margin:0 auto;height:64px;display:flex;align-items:center;gap:20px;padding:0 14px 0 20px;background:#fffffff5;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--acc);box-shadow:4px 4px 0 #0b1633;transition:box-shadow .25s,transform .25s}
.brand{display:inline-flex;align-items:center;height:100%;text-decoration:none;flex:none}
/* El centro óptico del wordmark está en la altura de «cotron», no en la caja:
   se sube 2 px para que quede en línea con los textos del menú. */
.brand img{height:34px;width:auto;transform:translateY(-2px);filter:brightness(0) saturate(100%) invert(11%) sepia(38%) saturate(3800%) hue-rotate(218deg) brightness(88%)}
.nav-links{display:flex;align-items:center;gap:2px;margin:0 auto}
.nav-links>a,.nav-sheet a:not(.btn){font-size:15px;line-height:20px;color:var(--ink);text-decoration:none;padding:8px 12px;border-radius:2px}
.nav-links>a:hover,.nav-links>a[aria-current=page]{background:var(--soft);color:var(--acc)}
.dd{position:relative}
.dd-btn{font:400 15px/20px var(--sans);color:var(--ink);background:none;border:0;padding:8px 10px 8px 12px;border-radius:2px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.dd-btn:hover,.dd.is-open .dd-btn,.dd-btn[data-current]{color:var(--acc);background:var(--soft)}
.chev{width:10px;height:10px;transition:transform .2s}
.dd.is-open .chev{transform:rotate(180deg)}
.dd-panel{position:absolute;top:calc(100% + 21px);left:-12px;width:440px;background:#fff;border:1px solid var(--acc);box-shadow:var(--hard);padding:8px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .22s cubic-bezier(.2,.8,.2,1),visibility 0s .2s;z-index:70}
.dd-panel.dd-wide{width:720px}
.dd-panel::before{content:"";position:absolute;left:0;right:0;top:-24px;height:24px}
.dd.is-open .dd-panel{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.dd-cols{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
.dd-block{padding:4px}
.dd-block+.dd-block{border-left:1px solid var(--line)}
.dd-head{display:flex;align-items:center;gap:8px;font:600 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--acc);padding:12px 12px 0}
.dd-head::before{content:"";width:7px;height:7px;background:var(--acc)}
.dd-sub{font-size:13px;line-height:1.35;color:var(--muted);padding:6px 12px 10px;border-bottom:1px dashed var(--line-2);margin:0 0 4px}
.dd-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px;text-decoration:none;color:var(--ink);transition:background .15s}
.dd-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.dd-t b{font:500 15px/1.25 var(--sans);letter-spacing:-.01em}
.dd-t small{font-size:12.5px;line-height:1.3;color:var(--muted)}
.dd-row:hover,.dd-row:focus-visible{background:var(--soft)}
.dd-row:hover b{color:var(--acc)}
.dd-code{flex:none;font:500 11.5px var(--mono);color:var(--acc);background:var(--soft);border:1px solid var(--line);padding:3px 6px}
.dd-tag{flex:none;font:500 10.5px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--acc);border:1px dashed var(--line-2);padding:3px 6px;white-space:nowrap}
.dd-foot{display:flex;flex-wrap:wrap;gap:4px;border-top:1px solid var(--line);margin-top:6px;padding:8px 4px 2px}
.dd-foot a{font:500 12.5px var(--mono);letter-spacing:.02em;color:var(--acc);text-decoration:none;padding:6px 8px}
.dd-foot a:hover{background:var(--soft)}
.sheet-head{font:600 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--acc);padding:16px 14px 4px}
.nav-sheet a small{display:block;font-size:12.5px;color:var(--muted)}
.nav-actions{display:flex;align-items:center;gap:10px}
.nav-login{font-size:15px;line-height:20px;color:var(--ink);text-decoration:none;padding:8px 10px}
.nav-login:hover{color:var(--acc)}
.nav-toggle{display:none;width:40px;height:40px;border-radius:2px;border:1px solid var(--line-2);background:#fff;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.nav-toggle span{width:16px;height:1.5px;background:var(--ink);transition:transform .2s}
.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(3.25px) rotate(45deg)}
.nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}
.nav-sheet{pointer-events:auto;max-width:var(--max);margin:8px auto 0;background:#fff;border:1px solid var(--acc);box-shadow:4px 4px 0 #0b1633;padding:6px 6px 14px;display:flex;flex-direction:column;gap:2px;max-height:calc(100dvh - 110px);overflow-y:auto}
.nav-sheet[hidden]{display:none}
.nav-sheet a:not(.btn){font-size:16px;padding:10px 14px}
.nav-sheet .btn{margin:12px 8px 0;justify-content:space-between}
/* Escala gráfica: la regla de abajo de la barra avanza con la página */
.nav-scale{position:absolute;left:-1px;right:-1px;bottom:-1px;height:3px;transform:scaleX(var(--p,0));transform-origin:0 0;background:repeating-linear-gradient(90deg,var(--acc) 0 40px,#fff 40px 41px,var(--acc-2) 41px 80px,#fff 80px 81px);pointer-events:none}
@media (max-width:1140px){.nav-links{display:none}.nav-toggle{display:flex}.nav{justify-content:space-between}.nav-login{display:none}}
@media (max-width:640px){.nav-wrap{top:10px;padding-inline:10px}.nav{height:58px;padding:0 10px 0 14px}.brand img{height:30px}}
@media (max-width:520px){.nav-actions .btn-sm{display:none}}

/* Lectura de coordenadas del plano, abajo a la izquierda */
.readout{position:fixed;left:16px;bottom:16px;z-index:40;display:flex;gap:10px;align-items:center;font:500 11px/1 var(--mono);letter-spacing:.04em;color:var(--acc);background:#fffffff2;border:1px solid var(--acc);padding:8px 10px;pointer-events:none}
.readout b{font-weight:500;padding:3px 5px;background:var(--acc);color:#fff}
@media (max-width:760px){.readout{display:none}}

/* ── Hero: lámina azul con cuadrícula blanca y el plano catastral ──────── */
.hero{color:#fff;text-align:center;overflow:hidden;isolation:isolate;padding-top:clamp(56px,7vw,92px)!important;padding-bottom:clamp(48px,6vw,80px)!important;--frame:#ffffff38;
  background-color:var(--acc);
  background-image:linear-gradient(#ffffff2e 1px,transparent 1px),linear-gradient(90deg,#ffffff2e 1px,transparent 1px),linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);
  background-size:120px 120px,120px 120px,24px 24px,24px 24px;background-position:-1px -1px}
.hero::before{border-top-color:var(--acc)!important}
.hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.hero-bg svg{position:absolute;inset:-4%;width:108%;height:108%}
.hero-bg rect{fill:#fff;fill-opacity:0;stroke:#fff;stroke-opacity:.14;stroke-width:1;transition:fill-opacity .9s ease,stroke-opacity .9s ease}
.hero-bg rect.is-lit{fill-opacity:.1;stroke-opacity:.5}
.hero-bg path{fill:none;stroke:#fff;stroke-opacity:.22;stroke-width:1.4;stroke-dasharray:6 5}
/* barrido de relevamiento: una franja clara que cruza la lámina */
.hero-bg::after{content:"";position:absolute;top:0;bottom:0;left:-30%;width:22%;background:linear-gradient(90deg,transparent,#ffffff14 70%,#ffffff40 99%,#fff 100%);animation:sweep 9s linear infinite}
@keyframes sweep{to{transform:translateX(620%)}}
.hero .label{justify-content:center;color:#fff}
.hero .label::after{flex-basis:48px}
.hero h1{color:#fff}
.hero .tone{color:var(--lt)}
.hero .lead{margin-left:auto;margin-right:auto;color:#dfe6fb}
.hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:32px}
.page-head .hero-cta{justify-content:flex-start}
.hero .btn-dark{background:#fff;border-color:#fff;color:var(--acc);box-shadow:5px 5px 0 #0b1633}
.hero .btn-dark:hover{box-shadow:7px 7px 0 #0b1633}
.hero .btn-dark .btn-arrow{background:var(--acc);color:#fff}
.hero .btn-light{background:transparent;color:#fff;border-color:#ffffffb3}
.hero .btn-light:hover{background:#ffffff1a}

/* Máquina de escribir: la frase de la receta y debajo «en 3 clicks.» fijo */
.hero-title{font-size:clamp(42px,7.2vw,96px);line-height:1;letter-spacing:-.04em}
.hero-title .tw{display:flex;flex-direction:column;justify-content:flex-end;min-height:1em}
.hero-title .tw-line,.hero-title .tw-text{display:inline}
.tw-line{white-space:nowrap}
.tw-caret{display:inline-block;width:.06em;height:.8em;margin-left:.06em;background:#fff;vertical-align:-.04em;animation:blink 1s steps(1) infinite}
.tw.is-typing .tw-caret{animation:none}
.hl{font-style:normal;color:#fff;background:linear-gradient(var(--lt),var(--lt)) no-repeat 0 96%/0 .08em;animation:hl-draw .9s .5s cubic-bezier(.65,0,.35,1) forwards}
@keyframes hl-draw{to{background-size:100% .08em}}
@keyframes blink{50%{opacity:0}}
@media (max-width:640px){.hero-title .tw{min-height:2em}.tw-line{white-space:normal}}
.hero .hero-lead{max-width:700px;margin-top:26px}
.hero-lead b{font-weight:600;color:#fff}
.hero-lead s{text-decoration:none;background:linear-gradient(var(--lt),var(--lt)) no-repeat 0 58%/0 2px;transition:background-size .5s ease,color .5s ease}
.hero-lead s.is-on{background-size:100% 2px;color:#aebde9}

/* Fuentes */
.sources{text-align:center}
.sources-title{font:500 15px/1.4 var(--sans);color:var(--ink);margin-bottom:22px}
.marquee{overflow:hidden;-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:44px;width:max-content;animation:marquee 46s linear infinite}
.marquee-track span{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
@keyframes marquee{to{transform:translateX(-50%)}}
.eco{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px 40px;margin-top:40px}
.eco p{flex-basis:100%}
.eco img{height:40px;width:auto;opacity:.75;transition:opacity .2s}
.eco a:hover img{opacity:1}

/* Encabezados de sección */
.section-head{max-width:760px;margin-bottom:44px}
.section-head-center{text-align:center;margin-left:auto;margin-right:auto}

/* Cómo funciona */
.engine{min-width:0}
.eng-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:30px}
.eng-tab{position:relative;overflow:hidden;text-align:left;background:#fff;border:1px solid var(--line);border-radius:4px;padding:12px 14px 14px;cursor:pointer;display:flex;flex-direction:column;gap:2px;font-family:inherit;transition:border-color .2s,background .2s}
.eng-tab .mono{font-size:10px;color:var(--muted)}
.eng-tab b{font:500 14px/1.25 var(--sans);color:var(--ink)}
.eng-tab small{font-size:12px;color:var(--muted)}
.eng-tab:hover{border-color:var(--line-2)}
.eng-tab.is-on{border-color:var(--ink);background:var(--soft)}
.eng-tab.is-on .mono{color:var(--teal)}
.eng-bar{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--cyan)}
.eng-tab.is-on .eng-bar{animation:engbar var(--dur,7s) linear forwards}
.engine.is-manual .eng-tab.is-on .eng-bar{animation:none;width:100%}
@keyframes engbar{to{width:100%}}
.flow{display:grid;grid-template-columns:1fr 64px 1.3fr 64px 1fr;align-items:center;gap:8px}
.flow-col{display:flex;flex-direction:column;gap:10px}
.flow-title{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--label);margin-bottom:4px}
.flow-item{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:4px;padding:13px 16px;font-size:14px;color:var(--ink);transition:border-color .3s,box-shadow .3s,background .3s,opacity .3s}
.flow-ico{min-width:20px;text-align:center;color:var(--teal);font-size:13px;white-space:nowrap}
.flow-no{border-style:dashed;color:var(--label);background:var(--soft)}
.flow-world{border-style:dashed}
.flow-item.is-active{border-color:var(--cyan);border-style:solid;box-shadow:0 0 0 4px rgba(29,60,143,.14);background:#fff}
.flow-note{display:grid;grid-template-rows:0fr;font:10.5px/1.3 var(--mono);color:var(--teal);opacity:0;transition:grid-template-rows .3s,opacity .3s}
.flow-note>span{min-height:0;overflow:hidden}
.flow-note>span::before{content:"";display:block;height:4px}
.flow-item.is-active .flow-note{grid-template-rows:1fr;opacity:1}
.flow-arrow{--arrow-c:var(--line-2);position:relative;height:1px;background:repeating-linear-gradient(90deg,var(--arrow-c) 0 6px,transparent 6px 11px)}
.flow-arrow.is-lit{--arrow-c:var(--cyan)}
.flow-arrow-label{position:absolute;left:50%;top:-22px;transform:translateX(-50%);font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.flow-arrow.is-lit .flow-arrow-label{color:var(--teal)}
.flow-arrow::after{content:"";position:absolute;right:-2px;top:-3px;border-left:6px solid var(--arrow-c);border-top:3.5px solid transparent;border-bottom:3.5px solid transparent}
.packet{position:absolute;top:-4px;left:0;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);opacity:0}
.flow-arrow.is-flowing .packet{animation:packet-x .75s ease-in-out forwards}
@keyframes packet-x{0%{left:0;opacity:0}15%,85%{opacity:1}100%{left:calc(100% - 9px);opacity:0}}
.flow-core{background:var(--dark);border-radius:4px;padding:22px;color:#cfdde3;display:flex;flex-direction:column;gap:9px;transition:box-shadow .4s}
.flow-core.is-running{box-shadow:0 0 0 1px rgba(29,60,143,.25),0 30px 70px -40px rgba(29,60,143,.6)}
.core-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.flow-mark{height:22px;width:auto}
.core-live{display:inline-flex;align-items:center;gap:7px}
.live-dot{width:7px;height:7px;border-radius:50%;background:#3d5560}
.flow-core.is-running .live-dot{background:var(--cyan);animation:pulse 1.2s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1;scale:1}50%{opacity:.45;scale:.78}}
.core-clock{font-size:10px!important;color:#86a3ad!important}
.core-row{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.09);border-radius:4px;padding:11px 14px;background:rgba(255,255,255,.03);transition:border-color .3s,background .3s,box-shadow .3s}
.core-row div{display:flex;flex-direction:column;gap:2px;min-width:0}
.core-row b{font:500 15px/1.2 var(--sans);color:#dbe7eb}
.core-row span{font-size:12.5px;color:#88a0a8}
.core-row.is-active{border-color:rgba(29,60,143,.75);background:rgba(29,60,143,.09);box-shadow:0 0 0 3px rgba(29,60,143,.08)}
.core-row.is-active b{color:#fff}
.row-status{font:500 10.5px/1 var(--mono);font-style:normal;white-space:nowrap;padding:5px 9px;border-radius:3px;background:rgba(255,255,255,.07);color:#9fb4bc;opacity:0;transform:scale(.9);transition:opacity .25s,transform .25s}
.row-status.is-set{opacity:1;transform:none}
.row-status.ok{background:var(--cyan);color:#fff}
.row-status.warn{background:#f2b84b;color:#3a2400}
.row-status.no{background:#e9edef;color:#7a2e2e}
.core-trace{list-style:none;margin:4px 0 0;padding:12px 14px;border-radius:4px;background:#030a0c;border:1px solid rgba(255,255,255,.06);height:138px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;font:11.5px/1.45 var(--mono);color:#a9e6f1}
.core-trace li{opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}
.core-trace li.is-in{opacity:1;transform:none}
.core-trace li::before{content:"› ";color:var(--cyan)}
.flow-base{margin-top:18px;border:1px dashed var(--line-2);border-radius:4px;padding:18px 22px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:var(--soft)}
.flow-base p{font-size:14px;color:var(--text)}
.flow-loop{color:var(--teal)!important}
@media (max-width:900px){
  .eng-tabs{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(150px,46%);overflow-x:auto;scrollbar-width:none;margin-right:calc(-1 * var(--edge));padding-right:var(--edge)}
  .eng-tabs::-webkit-scrollbar{display:none}
  .flow{grid-template-columns:1fr}
  .flow-col{flex-direction:row;flex-wrap:wrap;gap:6px}
  .flow-title{width:100%;margin-bottom:0}
  .flow-col .flow-item{padding:7px 11px;font-size:12.5px;border-radius:4px;gap:7px}
  .flow-col .flow-item img{width:15px;height:15px}
  .flow-arrow{height:40px;width:1px;margin:0 auto;background:repeating-linear-gradient(180deg,var(--arrow-c) 0 6px,transparent 6px 11px)}
  .flow-arrow-label{top:50%;left:14px;transform:translateY(-50%)}
  .flow-arrow::after{right:-3px;top:auto;bottom:-2px;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-top:6px solid var(--arrow-c);border-bottom:0}
  .packet{left:-4px;top:0}
  .flow-arrow.is-flowing .packet{animation-name:packet-y}
  .flow-base{grid-template-columns:1fr}
}
@keyframes packet-y{0%{top:0;opacity:0}15%,85%{opacity:1}100%{top:calc(100% - 9px);opacity:0}}

/* Puertas */
.door-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.door-grid>*,.sector-grid>*,.cap>*,.case-grid>*,.builder>*,.plans>*{min-width:0}
.door{background:var(--soft);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;gap:12px}
.door-tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}
.door p{font-size:15px}
.door-visual{margin-top:auto;border-radius:4px;min-height:190px}
.door-img{background:var(--img) center/cover;border:1px solid var(--line)}
.door-code{background:var(--dark);color:#bfe9f1;font:12.5px/1.6 var(--mono);padding:18px;overflow:auto;margin-bottom:0}
.door-link{font:500 14px var(--sans);color:var(--ink);text-decoration:none}
.door-link:hover{color:var(--teal)}
.wa-mini{background:#e7ddd3 linear-gradient(0deg,rgba(255,255,255,.35),rgba(255,255,255,.35));padding:14px;display:flex;flex-direction:column;gap:8px}
.wa-in,.wa-out{font-size:13px!important;line-height:1.45;padding:8px 11px;border-radius:4px;max-width:88%;color:#1f2b2f}
.wa-in{background:#fff;border-top-left-radius:4px}
.wa-out{background:#d7f7c5;align-self:flex-end;border-top-right-radius:4px}
@media (max-width:900px){.door-grid{grid-template-columns:1fr}}

/* Sectores (bento) */
.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sector{position:relative;min-height:440px;border-radius:var(--radius);overflow:hidden;background:var(--dark);display:flex;align-items:flex-end;isolation:isolate;text-decoration:none;color:inherit}
.sector-text{margin-top:10px;font-size:14.5px;color:#d3e0e5;max-width:560px}
.more{margin-top:28px}
.more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.more-tile{background:var(--soft);border:1px solid transparent;border-radius:4px;padding:18px;display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--text);font-size:14px;transition:border-color .2s}
.more-tile:hover{border-color:var(--line-2)}
.more-tile b{font:500 16px/1.3 var(--sans);color:var(--ink)}
.more-tile .mono{color:var(--teal)}
@media (max-width:900px){.more-grid{grid-template-columns:1fr}}
.sector-wide{grid-column:span 2}
.sector-media{position:absolute;inset:0;background:var(--img) center/cover;z-index:-2;transform:scale(1.02);transition:transform .8s ease}
.sector::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,22,51,.05) 25%,rgba(11,22,51,.86))}
.sector:hover .sector-media{transform:scale(1.06)}
.sector-body{padding:24px;color:#d6e3e8;width:100%}
.sector-tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin-bottom:8px}
.sector h3{color:#fff;font-size:22px}
.sector-q{margin-top:12px;font-size:13.5px;max-width:520px;color:#9fe3ef}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.chip{display:inline-flex;align-items:center;font-size:12px;line-height:1;padding:7px 10px;border-radius:3px;background:var(--soft);color:var(--label);border:1px solid var(--line)}
.sector .chip{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.16);color:#e7f1f4;backdrop-filter:blur(8px)}
.sector .chip-brand{background:#fff;color:var(--ink)}
@media (max-width:900px){.sector-grid{grid-template-columns:1fr}.sector-wide{grid-column:auto}.sector{min-height:360px}}

/* Capacidades con agente animado */
.caps{display:flex;flex-direction:column;gap:clamp(64px,8vw,112px)}
.cap{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,5vw,72px);align-items:center}
.cap-flip .cap-text{order:2}
.cap-route{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.route-pill{font-family:var(--mono);font-size:12px;color:var(--ink);background:var(--soft);border:1px solid var(--line);border-radius:4px;padding:5px 9px;text-decoration:none}
.route-pill:hover{border-color:var(--ink)}
.cap h3{font-size:clamp(24px,2.6vw,32px);letter-spacing:-.035em}
.cap-text p:last-child{margin-top:14px;font-size:15.5px}
.cap-visual{border-radius:4px;background:var(--img) center/cover,var(--dark);padding:clamp(18px,3vw,36px);min-height:420px;display:flex;align-items:center}
.agent{width:100%;background:rgba(250,252,253,.82);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border:1px solid rgba(255,255,255,.6);border-radius:4px;padding:18px;min-height:300px;box-shadow:0 24px 60px -30px rgba(11,22,51,.5)}
.agent-head{font-family:var(--mono);font-size:11px;color:var(--label);display:flex;align-items:center;gap:8px}
.agent-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan)}
.agent-q{margin:18px 0 0 auto;width:fit-content;max-width:88%;background:#fff;border:1px solid var(--line);border-radius:4px;padding:10px 14px;font-size:14.5px;color:var(--ink);min-height:44px}
.caret{display:inline-block;width:1.5px;height:1em;background:var(--ink);vertical-align:-2px;margin-left:1px;animation:blink 1s steps(1) infinite}
.agent.is-done .caret{display:none}
@keyframes blink{50%{opacity:0}}
.agent-a{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.agent-a li{font-family:var(--mono);font-size:12.5px;line-height:1.5;color:var(--ink);padding:8px 12px;border-radius:4px;background:rgba(255,255,255,.7);border:1px solid var(--line);opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease}
.agent-a li.is-in{opacity:1;transform:none}
.agent-a li:first-child{border-color:rgba(29,60,143,.5)}
@media (max-width:900px){.cap{grid-template-columns:1fr}.cap-flip .cap-text{order:0}.cap-visual{min-height:360px}}

/* Banda oscura */
.dark-band{background:var(--dark);border-radius:4px;padding:clamp(40px,6vw,80px) clamp(22px,5vw,64px)!important;max-width:calc(var(--max) - 2 * var(--edge))!important;color:#b8cad1}
.dark-band h2,.dark-band h3{color:#f4f9fb}
.dark-band .tone{color:#7f949c}
.dark-band .label{color:#86a3ad}
.outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px}
.outcomes article{border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:22px;display:flex;flex-direction:column;gap:10px;background:rgba(255,255,255,.02)}
.outcomes .mono{color:var(--cyan)}
.outcomes p:last-child{font-size:14.5px}
.outcome-no{border-style:dashed!important;border-color:rgba(29,60,143,.5)!important}
.dark-note{margin-top:28px;max-width:720px;font-size:15.5px}
@media (max-width:900px){.dark-band{margin-left:var(--edge)!important;margin-right:var(--edge)!important}.outcomes{grid-template-columns:1fr}}

/* FAQ */
.faq-list{margin-top:32px;border-top:1px solid var(--line);max-width:860px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;font:500 17px/1.35 var(--sans);color:var(--ink);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:18px;font-size:22px;font-weight:300;color:var(--label);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 40px 22px 0;font-size:15.5px;max-width:760px}

/* Cierre */
.final{text-align:center}
.final .hero-cta{justify-content:center}

/* Encabezado de páginas internas */
.page-head{padding-top:clamp(56px,8vw,104px)!important}

/* Casos */
.capa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.capa{border:1px solid var(--line);border-radius:4px;padding:22px;display:flex;flex-direction:column;gap:8px;scroll-margin-top:96px;transition:border-color .3s,box-shadow .3s}
.capa:target{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(29,60,143,.12)}
.capa .mono{color:var(--teal)}
.capa p{font-size:14.5px}
.capa-q{color:var(--ink);background:var(--soft);border-radius:4px;padding:10px 12px;font-size:13.5px!important}
.capa .chips{margin-top:auto;padding-top:6px}
.moves,#principios{scroll-margin-top:96px}
.move-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.move{background:var(--soft);border-radius:4px;padding:22px;display:flex;flex-direction:column;gap:8px}
.move .mono{color:var(--teal)}
.move p:last-child{font-size:14.5px}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.filter{font:400 13px var(--sans);color:var(--text);background:#fff;border:1px solid var(--line-2);border-radius:3px;padding:8px 14px;cursor:pointer;display:inline-flex;gap:8px;align-items:center}
.filter .mono{font-size:10px;color:var(--muted)}
.filter:hover{border-color:var(--ink)}
.filter.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}
.filter.is-on .mono{color:#9fb4bc}
.case-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}
.case{border:1px solid var(--line);border-radius:4px;padding:22px;display:flex;flex-direction:column;gap:12px;background:#fff}
.case[hidden]{display:none}
.case-top{display:flex;justify-content:space-between;align-items:center}
.case-door{color:var(--teal)!important}
.case-who{font-size:13px;color:var(--muted)}
.case h3{font-size:18px}
.case-answer{background:var(--soft);border-radius:4px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;font-size:14px}
.case .chips{margin-top:auto}
.chip-move{background:var(--teal-soft);border-color:var(--line);color:var(--acc)}
@media (max-width:400px){.case-grid{grid-template-columns:1fr}}

/* Recetas */
.builder{display:grid;grid-template-columns:1.3fr .7fr;gap:24px;align-items:start}
.wizard{border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#fff}
.wizard-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}
.wstep{width:100%;height:100%;text-align:left;background:#fff;border:0;border-right:1px solid var(--line);padding:16px;cursor:pointer;display:flex;flex-direction:column;gap:3px;font-family:inherit}
.wizard-steps li:last-child .wstep{border-right:0}
.wstep b{font:500 14px/1.25 var(--sans);color:var(--ink)}
.wstep small{font-size:12px;color:var(--muted)}
.wstep.is-on{background:var(--soft);box-shadow:inset 0 -2px 0 var(--cyan)}
.wizard-panels{padding:26px;min-height:380px}
.wpanel{display:none;flex-direction:column;gap:16px}
.wpanel.is-on{display:flex;animation:fade .35s ease}
@keyframes fade{from{opacity:0;transform:translateY(4px)}}
.wp-title{font:500 18px var(--sans);color:var(--ink)}
.tpl-pick{display:flex;flex-wrap:wrap;gap:8px}
.tpl{font-size:13.5px;padding:9px 13px;border-radius:4px;border:1px solid var(--line-2);color:var(--ink)}
.tpl.is-on{border-color:var(--cyan);background:var(--teal-soft)}
.wp-input{border:1px solid var(--line-2);border-radius:4px;padding:13px 15px;font-size:14.5px;color:var(--ink)}
.wp-map{height:230px;border-radius:4px;background:var(--img) center/cover,var(--dark);position:relative}
.pin{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(29,60,143,.25)}
.wp-meta{color:var(--teal)!important}
.wp-contacts{display:flex;flex-direction:column;gap:8px}
.wp-contacts p{display:flex;justify-content:space-between;border:1px solid var(--line);border-radius:4px;padding:12px 14px;font-size:14px}
.wp-contacts b{font-weight:500;color:var(--ink)}
.wp-channels{display:flex;flex-wrap:wrap;gap:8px}
.chan{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;padding:9px 13px;border-radius:4px;border:1px solid var(--line-2);color:var(--ink)}
.chan.is-on{border-color:#25d366;background:#ecfbf1}
.wp-toggle{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink)}
.switch{width:34px;height:20px;border-radius:3px;background:var(--line-2);position:relative}
.switch.is-on{background:var(--teal)}
.switch::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}
.switch.is-on::after{transform:translateX(14px)}
.wp-summary{margin:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:4px}
.wp-summary div{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:11px 14px;border-bottom:1px solid var(--line);font-size:14px}
.wp-summary div:last-child{border-bottom:0}
.wp-summary dt{color:var(--muted)}
.wp-summary dd{margin:0;color:var(--ink)}
.wp-activate{align-self:flex-start}
.wp-done{color:var(--teal)!important}
.phone{position:sticky;top:96px;border-radius:4px;border:10px solid var(--ink);background:#efe7de;overflow:hidden;min-height:560px;display:flex;flex-direction:column}
.phone-head{display:flex;align-items:center;gap:10px;background:#0b5c4a;color:#fff;padding:14px 16px}
.phone-head b{display:block;font:500 14px var(--sans)}
.phone-head small{font-size:11.5px;color:#cde7df}
.phone-avatar{width:32px;height:32px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;font:600 15px var(--sans)}
.phone-chat{flex:1;padding:14px;display:flex;flex-direction:column;gap:8px}
.msg{font-size:13.5px;line-height:1.45;padding:8px 11px;border-radius:4px;max-width:86%;color:#1c2629;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s}
.msg.is-in{opacity:1;transform:none}
.msg small{display:block;margin-top:5px;font-size:11px;color:#6d7f85}
.msg.in{background:#fff;border-top-left-radius:4px}
.msg.out{background:#d9fdd3;align-self:flex-end;border-top-right-radius:4px}
.msg-no{border:1px dashed var(--teal)}
@media (max-width:960px){.builder{grid-template-columns:1fr}.phone{position:relative;top:0;max-width:380px;width:100%;margin:0 auto}.wizard-steps{grid-template-columns:repeat(2,1fr)}.wstep{border-bottom:1px solid var(--line)}}
.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.tpl-card{border:1px solid var(--line);border-radius:4px;padding:20px;display:flex;flex-direction:column;gap:8px}
.tpl-card h3{font-size:17px}
.tpl-card p{font-size:14px}
.tpl-card .mono{margin-top:auto;color:var(--teal)}
.signup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.signup-step{background:var(--soft);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:12px}
.signup-step .mono{color:var(--teal)}
.mock-form{display:flex;flex-direction:column;gap:10px;margin-top:4px}
.mock-form label{font-size:13px;color:var(--muted)}
.mock-form input,.pg-fields input,.pg-fields textarea{font:400 14.5px var(--sans);color:var(--ink);background:#fff;border:1px solid var(--line-2);border-radius:4px;padding:12px 14px;width:100%}
.mock-form .btn{align-self:flex-start}
.form-msg{font-size:13px;color:var(--teal);min-height:1em}
.form-msg.is-error{color:#b42318}
.plan-mini{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.plan-mini li{display:flex;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--line);border-radius:4px;padding:11px 14px;font-size:13.5px}
.plan-mini li.is-on{border-color:var(--cyan)}
.plan-mini b{font-weight:500;color:var(--ink)}
.qr{display:grid;grid-template-columns:repeat(21,1fr);width:168px;aspect-ratio:1;background:#fff;padding:10px;border-radius:4px;border:1px solid var(--line)}
.qr i{display:block}
.qr i.on{background:var(--ink)}
@media (max-width:900px){.signup-grid{grid-template-columns:1fr}}

/* Playground */
.ep-tabs{display:flex;flex-wrap:wrap;gap:8px}
.ep-tab{font:12.5px var(--mono);color:var(--text);background:var(--soft);border:1px solid var(--line);border-radius:4px;padding:8px 11px;cursor:pointer}
.ep-tab:hover{border-color:var(--ink)}
.ep-tab.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}
.ep-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:22px 0 18px}
.ep-summary{max-width:720px;font-size:15px}
.pg-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:16px;align-items:start}
.pg-params,.pg-code{border:1px solid var(--line);border-radius:4px;padding:20px;background:#fff;min-width:0}
.pg-head{margin-bottom:14px}
.pg-fields{display:flex;flex-direction:column;gap:18px;margin-bottom:20px}
.pg-field label{display:flex;justify-content:space-between;gap:8px;font:500 14px var(--sans);color:var(--ink);margin-bottom:6px}
.pg-field label .mono{font-size:10px;text-transform:none;letter-spacing:0;color:var(--muted)}
.pg-field .req{color:#c2410c}
.pg-field textarea{min-height:88px;resize:vertical;font-family:var(--mono);font-size:12.5px;line-height:1.55}
.pg-field p{font-size:12.5px;color:var(--muted);margin-top:6px}
.code-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.ctab{font:12px var(--mono);color:var(--text);background:#fff;border:1px solid var(--line);border-radius:4px;padding:6px 10px;cursor:pointer}
.ctab.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}
.ctab-copy{margin-left:auto}
.code{background:var(--dark);color:#cfe7ee;border-radius:4px;padding:16px;font:12.5px/1.6 var(--mono);overflow:auto;margin:0 0 18px;max-height:320px;white-space:pre}
.code-out{color:#a6f0ff;min-height:120px}
.code-out.is-loading{color:#86a3ad}
@media (max-width:900px){.pg-grid{grid-template-columns:1fr}.ep-meta{flex-direction:column}}

/* Precios */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.plan{border:1px solid var(--line);border-radius:4px;padding:26px;display:flex;flex-direction:column;gap:10px}
.plan-featured{border-color:var(--ink);box-shadow:0 22px 50px -32px rgba(11,22,51,.45)}
.plan-name{font:500 16px var(--sans);color:var(--ink)}
.plan-price{font:400 40px/1 var(--sans);letter-spacing:-.04em;color:var(--ink)}
.plan-price span{font-size:15px;color:var(--muted);letter-spacing:0}
.plan-note{font-size:14px}
.plan ul{list-style:none;margin:8px 0 18px;padding:0;display:flex;flex-direction:column;gap:9px;font-size:14px}
.plan li::before{content:"✓";color:var(--teal);margin-right:8px}
.plan .btn{margin-top:auto;justify-content:space-between}
.plan-wide{grid-column:1/-1;flex-direction:row;align-items:center;gap:24px;background:var(--soft);border-color:transparent}
.plan-wide .plan-note{flex:1}
.plan-wide .btn{margin-top:0}
.ops-table{border:1px solid var(--line);border-radius:4px;overflow:hidden;margin:28px 0 14px}
.ops-row{display:grid;grid-template-columns:1.6fr repeat(3,1fr);border-bottom:1px solid var(--line)}
.ops-row:last-child{border-bottom:0}
.ops-row span{padding:15px 18px;font-size:14.5px;color:var(--ink)}
.ops-row small{display:block;font-size:12.5px;color:var(--muted)}
.ops-row b{font-weight:500}
.ops-head span{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--label);background:var(--soft)}
@media (max-width:900px){.plans{grid-template-columns:1fr}.plan-wide{flex-direction:column;align-items:flex-start}.ops-row{grid-template-columns:1.4fr repeat(3,1fr)}.ops-row span{padding:12px 10px;font-size:13px}}

/* Compañía */
.purpose{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:clamp(48px,6vw,72px)!important}
.purpose article{border:1px solid var(--line);border-radius:4px;padding:clamp(22px,3vw,32px)}
.purpose .mono{color:var(--teal)}
.purpose-text{margin-top:12px;font:400 clamp(21px,2.3vw,28px)/1.25 var(--sans);letter-spacing:-.025em;color:var(--ink);text-wrap:balance}
.move-quote{font:500 15px/1.4 var(--sans);color:var(--ink)}
@media (max-width:760px){.purpose{grid-template-columns:1fr}}
.story{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,72px);align-items:center}
.story-img{aspect-ratio:1;background:var(--img) center/contain no-repeat;border-radius:50%}
.story p{margin-top:16px;font-size:16px}
@media (max-width:900px){.story{grid-template-columns:1fr}.story-img{max-width:320px;width:100%;margin:0 auto}}

/* Pie */
.footer{margin-top:clamp(96px,12vw,160px);background:var(--soft);border-top:1px solid var(--line);padding:56px var(--edge) 28px}
.footer-top,.footer-bottom{max-width:var(--max);margin:0 auto}
.footer-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}
.footer-mark{height:24px;width:auto;filter:brightness(0)}
.footer-claim{margin-top:14px;max-width:320px;font-size:14px}
.footer-cols{display:flex;gap:56px;flex-wrap:wrap}
.footer-cols div{display:flex;flex-direction:column;gap:9px}
.footer-head{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--label);margin-bottom:4px}
.footer-cols a{font-size:14px;color:var(--text);text-decoration:none}
.footer-cols a:hover{color:var(--ink)}
.footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:48px;padding-top:20px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .agent-a li,.msg{opacity:1;transform:none}
  .hl{background-size:100% .07em}
}

/* ── Cierre según el plan de cierre de 2026 ─────────────────────────── */

/* Estado de cada pieza: disponible, en prueba, próximamente */
.status{display:inline-flex;align-items:center;gap:6px;flex:none;font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;border-radius:3px;padding:6px 9px;white-space:nowrap}
.status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.status-ok{background:var(--teal-soft);color:var(--acc)}
.status-beta{background:#fff3df;color:#8a5300}
.status-soon{background:var(--soft);color:var(--muted);border:1px solid var(--line)}
.door-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}

/* Plataforma de gestión en miniatura */
.plat-mini{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:14px;background:#fff;border:1px solid var(--line)}
.plat-mini div{background:var(--soft);border-radius:4px;padding:10px 12px}
.plat-mini dt{font:10px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.plat-mini dd{margin:4px 0 0;font:500 18px var(--sans);color:var(--ink)}

/* Para quién: cuatro puertas */
.icp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.icp-grid>*{min-width:0}
.icp-grid .sector{min-height:400px}
.icp-more{display:grid;grid-template-columns:auto 1fr;gap:4px 18px;align-items:baseline;margin-top:16px;padding:20px 22px;border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:var(--text);transition:border-color .2s}
.icp-more:hover{border-color:var(--ink)}
.icp-more .mono{color:var(--teal);grid-row:span 2}
.icp-more b{font:500 17px var(--sans);color:var(--ink)}
@media (max-width:900px){.icp-grid{grid-template-columns:1fr}.icp-more{grid-template-columns:1fr}.icp-more .mono{grid-row:auto}}

/* Tres APIs */
.api-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.api-grid>*{min-width:0}
.api-card{border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:12px}
.api-card p{font-size:15px}
.api-card .door-code{border-radius:4px;margin:auto 0 4px;white-space:pre-wrap;overflow-wrap:anywhere}
@media (max-width:900px){.api-grid{grid-template-columns:1fr}}

/* Prueba: comparador, cifras y cobertura */
.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,48px);align-items:center}
.proof-grid>*{min-width:0}
.compare-wrap{margin:0;display:flex;flex-direction:column;gap:10px}
.compare{position:relative;aspect-ratio:1;max-width:100%;border-radius:4px;overflow:hidden;background:var(--dark)}
.compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.compare-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.compare-line{position:absolute;top:0;bottom:0;left:var(--split);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px rgba(11,22,51,.25);pointer-events:none}
.compare-line::after{content:"↔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;font-size:15px;box-shadow:0 6px 18px -6px rgba(11,22,51,.5)}
.compare-tag{position:absolute;top:14px;background:rgba(255,255,255,.9);color:var(--ink)!important;border-radius:3px;padding:6px 10px;font-size:10px!important}
.compare-tag-l{left:14px}.compare-tag-r{right:14px}
.compare-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.compare:focus-within .compare-line::after{outline:2px solid var(--cyan);outline-offset:2px}
.proof-side{display:flex;flex-direction:column;gap:12px}
.stat{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:18px;align-items:baseline;background:var(--soft);border-radius:4px;padding:20px 22px}
.stat-n{font:400 clamp(36px,4vw,48px)/1 var(--sans);letter-spacing:-.04em;color:var(--ink)}
.stat-n small{font-size:15px;letter-spacing:0;color:var(--muted)}
.stat p:last-child{font-size:14.5px}
.stat b{font-weight:500;color:var(--ink)}
.cover{margin-top:clamp(40px,5vw,64px)}
.cover h3{font-size:22px}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cover-table .ops-row{grid-template-columns:1.1fr 1.6fr .8fr;min-width:620px}
.cover-table .ops-row span{display:flex;align-items:center}
@media (max-width:900px){.proof-grid{grid-template-columns:1fr}.stat{grid-template-columns:1fr;gap:6px}}

/* Lo que no vendemos */
.not-sold{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.not-sold .mono{color:#86a3ad}
.not-sold ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.not-sold li{font-size:13.5px;color:#9fb4bc;border:1px solid rgba(255,255,255,.14);border-radius:3px;padding:7px 12px;text-decoration:line-through;text-decoration-color:rgba(29,60,143,.7)}

/* Precios resumidos en la home */
.plans-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.plans-mini>*{min-width:0}
.plan-mini-card{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:var(--radius);padding:22px;text-decoration:none;color:var(--text);font-size:14px;transition:border-color .2s,transform .2s}
.plan-mini-card:hover{border-color:var(--ink);transform:translateY(-2px)}
.plan-mini-card .mono{color:var(--teal)}
.plan-mini-card b{font:500 18px var(--sans);color:var(--ink)}
.plan-mini-card.is-featured{border-color:var(--ink);box-shadow:0 22px 50px -32px rgba(11,22,51,.45)}
.pm-price{font:400 30px/1.1 var(--sans);letter-spacing:-.03em;color:var(--ink)}
.pm-price small{font-size:13px;letter-spacing:0;color:var(--muted)}
@media (max-width:1000px){.plans-mini{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.plans-mini{grid-template-columns:1fr}}

/* Página de precios */
.plan-stage{color:var(--teal)}
.plan-wide>div{display:flex;flex-direction:column;gap:4px;flex:none}
.feat-table .ops-row{grid-template-columns:1.5fr repeat(4,1fr);min-width:760px}
.ops-use .ops-row{grid-template-columns:1.9fr 1fr .9fr .8fr;min-width:640px}
.feats .h-md,.ops .h-md{margin-bottom:4px}

/* Formularios de la maqueta */
.lead-form{display:flex;flex-direction:column;gap:14px}
.lead-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lead-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.lead-field.is-wide{grid-column:1/-1}
.lead-field label{font:500 13.5px var(--sans);color:var(--ink)}
.lead-field .opt{font-weight:400;color:var(--muted)}
.lead-field input,.lead-field select{font:400 14.5px var(--sans);color:var(--ink);background:#fff;border:1px solid var(--line-2);border-radius:4px;padding:12px 14px;width:100%}
.lead-field select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.lead-form .btn{align-self:flex-start}
.lead-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.lead-done{background:var(--teal-soft);color:var(--acc);border-radius:4px;padding:16px 18px;font-size:15px}
@media (max-width:560px){.lead-fields{grid-template-columns:1fr}}

/* Productores, PAS y aseguradoras */
.split{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(28px,5vw,72px);align-items:center}
.split>*{min-width:0}
.phone-static{position:relative;top:0;min-height:0;max-width:380px;width:100%}
.checks{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.checks li{position:relative;padding-left:28px;font-size:15.5px}
.checks li::before{content:"✓";position:absolute;left:0;top:0;color:var(--teal);font-weight:600}
.checks b{font-weight:500;color:var(--ink)}
.founders-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:start;background:var(--soft);border-radius:4px;padding:clamp(24px,5vw,56px)}
.founders-grid>*{min-width:0}
.form-card{background:#fff;border:1px solid var(--line);border-radius:4px;padding:clamp(18px,3vw,28px)}
.steps-mini{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.steps-mini li{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:3px;padding:8px 14px;font-size:13.5px;color:var(--ink)}
.steps-mini .mono{color:var(--teal)}
.cycle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cycle-grid>*{min-width:0}
.cycle-card{display:flex;flex-direction:column;gap:8px}
.cycle-img{aspect-ratio:4/3;max-width:100%;border-radius:4px;background:var(--img) center/cover,var(--soft);border:1px solid var(--line);margin-bottom:8px}
.cycle-card .mono{color:var(--teal)}
.cycle-card h3{font-size:20px}
.cycle-card p{font-size:14.5px}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gallery>*{min-width:0}
.shot{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--text)}
.shot img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:4px;border:1px solid var(--line);transition:transform .3s}
.shot:hover img{transform:translateY(-3px)}
.shot span{font-size:14px}
.shot b{display:block;font:500 16px var(--sans);color:var(--ink);margin-bottom:2px}
.ent-list{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ent-list li{border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:14px 16px;color:#d3e0e5;font-size:14.5px}
.req-table .ops-row{grid-template-columns:1fr 1fr;min-width:600px}
.req-table .ops-row span{font-size:14.5px}
.capas-extra{margin-top:clamp(48px,6vw,72px)}
@media (max-width:900px){.split,.founders-grid,.cycle-grid,.gallery,.ent-list{grid-template-columns:1fr}.phone-static{margin:0 auto}}

/* Rotador de integraciones */
.rotor{display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:stretch}
.rotor>*{min-width:0}
.rotor-tabs{display:flex;flex-direction:column;gap:6px}
.rotor-tab{display:flex;align-items:center;gap:10px;text-align:left;font:500 14px var(--sans);color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:4px;padding:11px 14px;cursor:pointer}
.rotor-tab img{width:18px;height:18px;object-fit:contain}
.rotor-tab .mono{font-size:11px;color:var(--teal)}
.rotor-tab.is-on{border-color:var(--ink);background:var(--soft)}
.rotor-stage{display:grid;grid-template-columns:minmax(0,1fr);background:var(--soft);border-radius:var(--radius);padding:clamp(16px,3vw,28px);min-height:300px}
.rotor-panel{grid-area:1/1;display:flex;flex-direction:column;gap:10px;opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s .35s}
.rotor-panel.is-on{opacity:1;visibility:visible;transition:opacity .35s}
.rotor-ctx{color:var(--label)}
.rotor-q{align-self:flex-end;max-width:86%;background:#fff;border:1px solid var(--line);border-radius:4px;border-top-right-radius:4px;padding:10px 14px;font-size:14.5px;color:var(--ink)}
.rotor-tool{color:var(--teal)!important;text-transform:none!important}
.rotor-a{max-width:86%;background:var(--ink);color:#e9f3f6;border-radius:4px;border-top-left-radius:4px;padding:10px 14px;font-size:14.5px}
.rotor-file{align-self:flex-start;font:12px var(--mono);color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:4px;padding:8px 12px}
.rotor-file::before{content:"📄 "}
.rotor-wa .rotor-q{background:#d9fdd3}
.rotor-wa .rotor-a{background:#fff;color:#1c2629;border:1px solid var(--line)}
.rotor-api .code{margin:0;max-height:none}
@media (max-width:900px){.rotor{grid-template-columns:minmax(0,1fr)}.rotor-tabs{flex-direction:row;overflow-x:auto;padding-bottom:4px}.rotor-tab{flex:none}}

/* Playground agrupado por API */
.ep-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.ep-group{border:1px solid var(--line);border-radius:4px;padding:14px;display:flex;flex-direction:column;gap:8px;min-width:0}
.ep-group-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.ep-group-head b{font:500 15px var(--sans);color:var(--ink)}
.ep-group-desc{font-size:13px;color:var(--muted)}
.ep-group .ep-tabs{gap:6px}
.ep-group .ep-tab{font-size:11.5px;padding:6px 9px;max-width:100%;overflow-wrap:anywhere;text-align:left}

/* Equipo */
.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:28px 0 12px}
.person{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:4px;padding:20px}
.person-av{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--soft);border:1px solid var(--line);font:500 20px var(--sans);color:var(--label);margin-bottom:10px}
.person b{font:500 17px var(--sans);color:var(--ink)}
.person span:last-child{font-size:14px;color:var(--muted)}

/* Legales */
.legal>*{max-width:760px}
.legal h2{font-size:22px;letter-spacing:-.02em;margin:36px 0 10px}
.legal p{font-size:15.5px;margin-top:10px}
.legal-draft{background:#fff3df;color:#6b4100;border-radius:4px;padding:14px 16px;font-size:14.5px!important}


/* ── Estilo 06 sobre los componentes de todas las páginas ──────────────── */

/* Fuentes */
.sources{text-align:left}
.sources-title{font:600 20px/1.1 var(--sans);letter-spacing:-.02em;color:var(--ink);margin-bottom:20px}
.marquee-track span{font:500 12.5px/1 var(--mono);letter-spacing:.04em;color:var(--acc);padding:8px 10px;border:1px solid var(--line)}
.marquee-track{gap:10px}
.eco{justify-content:flex-start;gap:14px 36px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.eco p{flex-basis:auto;margin-right:auto;font:500 11.5px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.eco img{filter:grayscale(1);opacity:.7}
.eco a:hover img{filter:none;opacity:1}

/* Tarjetas: blancas, con línea de 1 px y esquinas rectas */
.door,.api-card,.capa,.case,.move,.plan,.plan-mini-card,.stat,.tpl-card,.signup-step,.cycle-card,.person,.purpose article,.form-card,.icp-more,.more-tile,.ep-group,.pg-params,.pg-code,.wizard,.rotor-stage,.founders-grid{background:#fff;border:1px solid var(--line);border-radius:0}
.door:hover,.api-card:hover,.capa:hover,.case:hover,.plan-mini-card:hover,.icp-more:hover{border-color:var(--acc)}
.door-tag,.sector-tag,.plan-stage,.capa .mono,.move .mono,.case-door{color:var(--acc)!important;font-weight:500}
.door h3,.api-card h3{font-size:24px;font-weight:600;letter-spacing:-.03em}
.door-link{font:600 15px var(--sans);color:var(--acc);text-decoration:none;display:inline-flex;gap:8px;align-items:center}
.door-link:hover{text-decoration:underline;text-underline-offset:4px}
.door-code,.code{background:var(--dark);color:#d6e0fb;border-radius:0}
.code-out{color:#b7c8ff}
.wa-mini{border-radius:0}

/* Estados, como la leyenda de un plano: verde lo construido, cian lo que está
   a medias, ocre lo que se prueba y violeta lo proyectado. La marca también
   cambia de forma (llena, media, rayada, vacía) para no depender del color. */
.status{border-radius:2px;font-weight:600;padding:6px 8px 6px 7px;border:1px solid currentColor;gap:7px}
.status::before{width:8px;height:8px;border-radius:0;background:currentColor}
.status-ok{color:#0b6b4c;background:#e3f3eb}
.status-part{color:#0a6683;background:#e1f0f6}
.status-part::before{background:linear-gradient(90deg,currentColor 50%,transparent 50%);box-shadow:inset 0 0 0 1px currentColor}
.status-beta{color:#8f5304;background:#fcf0dc;border-style:dashed}
.status-beta::before{background:repeating-linear-gradient(135deg,currentColor 0 1.5px,transparent 1.5px 3.5px);box-shadow:inset 0 0 0 1px currentColor}
.status-soon{color:#5a47ad;background:#f0edfb;border-style:dashed}
.status-soon::before{background:transparent;box-shadow:inset 0 0 0 1.5px currentColor}

/* Chips */
.chip{border-radius:2px;font:500 11.5px/1 var(--mono);background:#fff;color:var(--acc);border-color:var(--line-2)}
.chip-brand{background:var(--acc);color:#fff;border-color:var(--acc)}
.chip-move{background:var(--teal-soft);border-color:var(--line);color:var(--acc)}

/* Puertas por ICP: imagen arriba con coordenada, texto abajo */
.sector{border-radius:0;background:var(--dark)}
.sector::before{background:linear-gradient(180deg,rgba(11,22,51,.1) 20%,rgba(11,22,51,.9))}
.sector-media{filter:saturate(.7) contrast(1.05)}
.sector-tag{color:var(--lt)!important}
.sector-q{color:#c9d5ff;border-left:2px solid var(--lt);padding-left:10px}
.sector .chip{background:#ffffff1f;border-color:#ffffff38;color:#eef2ff}
.sector .chip-brand{background:#fff;color:var(--acc)}
.icp-more{border-radius:0}

/* Motor de «Cómo funciona» */
.eng-tab{border-radius:0;background:#fff}
.eng-tab.is-on{border-color:var(--acc);background:var(--soft)}
.eng-tab.is-on .mono{color:var(--acc)}
.eng-bar{background:var(--acc);height:3px}
.flow-item{border-radius:0}
.flow-ico{color:var(--acc)}
.flow-item.is-active{border-color:var(--acc);box-shadow:var(--hard);background:#fff}
.flow-note{color:var(--acc)}
.flow-core{background:var(--dark);border-radius:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:24px 24px}
.flow-core.is-running{box-shadow:0 0 0 1px var(--lt),var(--hard)}
.flow-mark{filter:brightness(0) invert(1)}
.flow-core.is-running .live-dot{background:var(--lt)}
.core-row{border-radius:0}
.core-row.is-active{border-color:var(--lt);background:#9fb6ff1f;box-shadow:none}
.row-status{border-radius:2px}
.row-status.ok{background:var(--lt);color:var(--dark)}
.core-trace{border-radius:0;background:#060d20;color:#c9d5ff}
.core-trace li::before{color:var(--lt)}
.packet{border-radius:0;background:var(--acc);box-shadow:none}
.flow-base{border-radius:0;border-style:solid;background-color:var(--soft);background-image:linear-gradient(var(--gridc) 1px,transparent 1px),linear-gradient(90deg,var(--gridc) 1px,transparent 1px);background-size:24px 24px}
.flow-base .mono:first-child{color:var(--acc);font-weight:600}

/* Una plataforma, cuatro planes */
.tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);background:#fff}
.tier{position:relative;display:flex;flex-direction:column;gap:10px;padding:26px 24px;border-right:1px solid var(--line);min-width:0}
.tier:last-child{border-right:0}
.tier-k{font:500 11.5px/1.2 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--acc)}
.tier h3{font-size:26px;font-weight:600;letter-spacing:-.03em}
.tier-price{font:600 34px/1 var(--sans);letter-spacing:-.04em;color:var(--ink)}
.tier-price small{font:400 14px var(--sans);letter-spacing:0;color:var(--muted)}
.tier-for{font-size:14.5px;color:var(--text)}
.tier ul{list-style:none;margin:6px 0 0;padding:14px 0 0;border-top:1px dashed var(--line-2);display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--ink)}
.tier li{position:relative;padding-left:20px}
.tier li::before{content:"+";position:absolute;left:0;top:-1px;font:600 14px var(--mono);color:var(--acc)}
.tier-plus{font:500 11px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.tier .btn{margin-top:auto;align-self:flex-start}
.tier-ent{background:var(--dark);color:#c4cde4;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:24px 24px}
.tier-ent h3,.tier-ent .tier-price{color:#fff}
.tier-ent .tier-k,.tier-ent li::before{color:var(--lt)}
.tier-ent .tier-for,.tier-ent .tier-plus{color:#c4cde4}
.tier-ent ul{color:#fff;border-top-color:#ffffff38}
.tier-ent .btn-dark{background:#fff;border-color:#fff;color:var(--acc);box-shadow:4px 4px 0 var(--lt)}
.tier-ent .btn-dark .btn-arrow{background:var(--acc);color:#fff}
.tier-flag{position:absolute;top:-1px;right:-1px;font:600 10px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;background:var(--lt);color:var(--dark);padding:6px 8px}
.tiers-foot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-top:0;background:var(--soft)}
.tiers-foot span{padding:12px 16px;font:500 12px/1.35 var(--mono);color:var(--acc);border-right:1px solid var(--line)}
.tiers-foot span:last-child{border-right:0}
@media (max-width:980px){.tiers,.tiers-foot{grid-template-columns:repeat(2,minmax(0,1fr))}.tier:nth-child(2){border-right:0}.tier:nth-child(-n+2){border-bottom:1px solid var(--line)}.tiers-foot span:nth-child(2){border-right:0}}
@media (max-width:600px){.tiers,.tiers-foot{grid-template-columns:1fr}.tier{border-right:0;border-bottom:1px solid var(--line)}.tiers-foot span{border-right:0;border-bottom:1px solid var(--line)}}

/* Tres APIs */
.api-card .api-path{font:500 13px var(--mono);color:var(--acc);background:var(--soft);border:1px solid var(--line);padding:5px 8px;align-self:flex-start}
.api-eps{list-style:none;margin:0;padding:0;border-top:1px solid var(--line);font:400 12.5px/1.3 var(--mono);color:var(--ink)}
.api-eps li{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);min-width:0}
.api-eps li b{flex:none;width:46px;font-weight:600;color:var(--acc)}
.api-eps li span{min-width:0;overflow-wrap:anywhere}
.api-common{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px;border:1px solid var(--line);background:#fff}
.api-common div{padding:18px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:6px;min-width:0}
.api-common div:last-child{border-right:0}
.api-common b{font:600 15px var(--sans);color:var(--ink)}
.api-common span{font-size:14px;color:var(--text)}
.api-common code{font:500 12px var(--mono);color:var(--acc)}
@media (max-width:900px){.api-common{grid-template-columns:1fr 1fr}.api-common div:nth-child(2){border-right:0}.api-common div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media (max-width:560px){.api-common{grid-template-columns:1fr}.api-common div{border-right:0;border-bottom:1px solid var(--line)}}

/* Prueba */
.compare{border-radius:0}
.compare-tag{border-radius:0}
.compare-line::after{border-radius:0;background:var(--acc);color:#fff}
.stat{border-radius:0}
.stat-n{font:600 clamp(40px,4.4vw,56px)/1 var(--sans);letter-spacing:-.045em;color:var(--acc)}
.stat-n small{font-weight:400}
.ops-table{border-radius:0;background:#fff}
.ops-head span{background:var(--soft);color:var(--acc);font-weight:500}

/* Banda oscura: azul noche con la cuadrícula del plano */
.dark-band{max-width:none!important;background:var(--dark)!important;border-radius:0!important;--frame:#ffffff1f;color:#c4cde4;
  background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px)!important;background-size:24px 24px!important;
  margin:0!important;padding-block:clamp(64px,8vw,104px)!important}
.dark-band::before{border-top-color:var(--dark)!important}
.dark-band h2,.dark-band h3{color:#fff}
.dark-band .tone{color:var(--lt)}
.dark-band .label{color:var(--lt)}
.outcomes{gap:0;border:1px solid #ffffff24}
.outcomes article{border:0;border-right:1px solid #ffffff24;border-radius:0;background:transparent;padding:28px}
.outcomes article:last-child{border-right:0}
.outcomes .mono{color:var(--lt)}
.outcome-no{outline:1px dashed var(--lt);outline-offset:-12px;border-style:solid!important;border-color:#ffffff24!important}
.not-sold .mono{color:#97a3c4}
.not-sold li{border-radius:2px;border-color:#ffffff2e;color:#c4cde4;text-decoration-color:var(--lt)}
.ent-list li{border-radius:0;border-color:#ffffff24;color:#dfe6fb}
@media (max-width:900px){.outcomes article{border-right:0;border-bottom:1px solid #ffffff24}.outcomes article:last-child{border-bottom:0}}

/* Precios */
.plan{border-radius:0}
.plan-featured{border-color:var(--acc);box-shadow:var(--hard)}
.plan-price,.pm-price{font-weight:600;letter-spacing:-.04em}
.plan li::before{content:"+";font-family:var(--mono);color:var(--acc)}
.plan-wide{background:var(--soft)}
.plan-mini-card{border-radius:0}
.plan-mini-card.is-featured{border-color:var(--acc);box-shadow:var(--hard)}
.plan-mini-card .mono{color:var(--acc)}

/* FAQ */
.faq-list{border-top:1px solid var(--line)}
.faq summary{font:500 18px/1.3 var(--sans);letter-spacing:-.01em}
.faq summary::after{content:"+";font:400 20px/1 var(--mono);color:var(--acc);top:22px}
.faq details[open] summary::after{content:"−";transform:none}

/* Cierre: lámina azul noche donde el plano se dibuja solo */
.final{color:#fff;--frame:#ffffff24;background:var(--acc)!important;overflow:hidden;isolation:isolate;padding-block:clamp(88px,10vw,140px)!important;
  background-image:linear-gradient(#ffffff2e 1px,transparent 1px),linear-gradient(90deg,#ffffff2e 1px,transparent 1px),linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px)!important;
  background-size:120px 120px,120px 120px,24px 24px,24px 24px!important;background-position:-1px -1px!important}
.final::before{border-top-color:var(--acc)!important}
.final h2{color:#fff}
.final .tone{color:var(--lt)}
.final .btn-dark{background:#fff;border-color:#fff;color:var(--acc);box-shadow:5px 5px 0 #0b1633}
.final .btn-dark .btn-arrow{background:var(--acc);color:#fff}
.final .btn-light{background:transparent;color:#fff;border-color:#ffffffb3}
.final .btn-light:hover{background:#ffffff1a}
.final-map{position:absolute;inset:0;z-index:-1;pointer-events:none}
.final-map svg{width:100%;height:100%}
.final-map rect{fill:none;stroke:#fff;stroke-opacity:.22;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s cubic-bezier(.65,0,.35,1)}
.final.is-in .final-map rect{stroke-dashoffset:0}
.final-map path{fill:none;stroke:#fff;stroke-opacity:.3;stroke-width:1.5;stroke-dasharray:6 5}

/* Pie: lámina azul noche con el plano de fondo */
.footer{position:relative;overflow:hidden;isolation:isolate;margin-top:0;padding:0;border-top:0;color:#c4cde4;background-color:var(--dark);
  background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:24px 24px}
.footer-map{position:absolute;inset:0;z-index:-1;pointer-events:none}
.footer-map svg{width:100%;height:100%}
.footer-map rect{fill:none;stroke:#fff;stroke-opacity:.07}
.footer-map path{fill:none;stroke:#9fb6ff;stroke-opacity:.25;stroke-width:1.5;stroke-dasharray:6 5}
.footer-top,.footer-bottom{max-width:var(--max);margin:0 auto;border-inline:1px solid #ffffff1f;padding-inline:var(--pad)}
.footer-top{padding-block:64px 56px}
.footer-mark{height:46px;width:auto;filter:none}
.footer-claim{margin-top:18px;max-width:340px;font-size:15px;color:#c4cde4}
.footer-head{color:var(--lt);font-weight:500}
.footer-cols a{color:#dfe6fb;transition:color .15s}
.footer-cols a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.footer-bottom{margin-top:0;padding-block:18px;font:500 12px var(--mono);letter-spacing:.02em;color:#97a3c4;border-top:1px solid #ffffff1f}

/* Páginas internas */
.page-head .label{margin-bottom:22px}
.filter{border-radius:2px}
.filter.is-on{background:var(--acc);border-color:var(--acc)}
.ep-tab.is-on,.ctab.is-on,.filter.is-on{background:var(--acc);border-color:var(--acc);color:#fff}
.rotor-tab.is-on{border-color:var(--acc);background:var(--soft)}
.rotor-a{background:var(--acc)}
.wstep.is-on{box-shadow:inset 0 -3px 0 var(--acc)}
.tpl.is-on{border-color:var(--acc);background:var(--teal-soft)}
.switch.is-on{background:var(--acc)}
.phone{border-radius:28px}
.lead-done{background:var(--teal-soft);color:var(--acc);border-radius:0}
.legal-draft{border-radius:0}
.capa:target{border-color:var(--acc);box-shadow:var(--hard)}

@media (max-width:640px){main>section{padding-block:56px}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .agent-a li,.msg{opacity:1;transform:none}
  .hl{background-size:100% .08em}
  html.js main>section.rv{--draw:1;--pop:1}
  .final-map rect{stroke-dashoffset:0}
}

.final .small{color:#dfe6fb}.final .small b{color:#fff}
/* La banda oscura traía su propio padding con !important: el de la lámina gana. */
.bleed.bleed{padding-inline:max(var(--pad),calc((100% - var(--max)) / 2 + var(--pad)))!important}
/* La lectura va parada en el margen izquierdo, fuera del marco de 1200 px. */
.readout{left:max(10px,calc((100% - var(--max)) / 2 - 38px));top:50%;bottom:auto;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;padding:10px 6px;gap:8px}
.readout b{padding:5px 3px}
@media (max-width:1300px){.readout{display:none}}
.tier li.tier-plus{padding-left:0}.tier li.tier-plus::before{content:none}

/* ── Iteración del 9/11: hero limpio, simulación aparte, más movimiento ── */

/* La barra flota sobre la primera lámina: la primera sección deja su lugar. */
main>section:first-child{padding-top:calc(clamp(56px,7vw,92px) + 84px)!important}

/* Hero: sólo el titular, la bajada, los tres clicks y los botones, centrados
   en la pantalla. La simulación queda para la sección siguiente. */
.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-bottom:clamp(88px,10vh,120px)!important}
.hero-in{position:relative}
.hero-cta{margin-top:36px}
.hero .hero-cta .btn{padding:17px 20px 17px 24px;font-size:17px}
.hero .hero-cta .btn-light{padding:17px 24px}
.hero-next{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff;text-decoration:none}
.hero-next .mono{color:#dfe6fb;font-size:11px}
.hero-next i{position:relative;width:1px;height:38px;background:#ffffff4d;overflow:hidden}
.hero-next i::after{content:"";position:absolute;left:-1px;top:-12px;width:3px;height:12px;background:#fff;animation:drop 1.8s cubic-bezier(.65,0,.35,1) infinite}
@keyframes drop{to{transform:translateY(50px)}}
.hero-next:hover .mono{color:#fff}
@media (max-height:760px){.hero-next{display:none}}

/* Cabeceras de las páginas internas: la misma lámina azul del hero, con su
   plano de fondo, alineadas a la izquierda. */
.page-head{color:#fff;overflow:hidden;isolation:isolate;padding-bottom:clamp(64px,8vw,104px)!important;--frame:#ffffff38;
  background-color:var(--acc);
  background-image:linear-gradient(#ffffff2e 1px,transparent 1px),linear-gradient(90deg,#ffffff2e 1px,transparent 1px),linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);
  background-size:120px 120px,120px 120px,24px 24px,24px 24px;background-position:-1px -1px}
.page-head::before{border-top-color:var(--acc)!important}
.page-head h1{color:#fff}
.page-head .tone{color:var(--lt)}
.page-head .lead{color:#dfe6fb}
.page-head .lead a{color:#fff}
.page-head .label{color:#fff}
.page-head .btn-dark,.final .btn-dark{background:#fff;border-color:#fff;color:var(--acc);box-shadow:5px 5px 0 #0b1633}
.page-head .btn-dark:hover,.final .btn-dark:hover,.hero .btn-dark:hover{box-shadow:7px 7px 0 #0b1633}
.page-head .btn-dark .btn-arrow{background:var(--acc);color:#fff}
.page-head .btn-light{background:transparent;color:#fff;border-color:#ffffffb3}
.page-head .btn-light:hover{background:#ffffff1a}
.page-head .hero-bg::after{animation-duration:12s}

/* El botón secundario también se levanta al pasar: los dos se leen como
   botones, no como texto. */
.btn-light{box-shadow:0 0 0 #0b1633}
.btn-light:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 #0b1633}
.hero .btn-light:hover,.page-head .btn-light:hover,.final .btn-light:hover{box-shadow:4px 4px 0 #0b1633}

/* ── La simulación ───────────────────────────────────────────────────── */
.demo{padding:0!important;height:300vh}
.demo-stage{position:sticky;top:0;height:100svh;min-height:600px;display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:clamp(24px,3vw,44px);align-items:center;padding:96px var(--pad) 24px}
.demo-side .h-md{font-size:clamp(28px,2.8vw,38px)}
.demo-steps{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-direction:column;border-left:1px solid var(--line-2)}
.dstep{position:relative}
.dstep button{display:flex;gap:14px;align-items:flex-start;width:100%;text-align:left;background:none;border:0;padding:14px 0 14px 18px;cursor:pointer;font:inherit;color:inherit}
.dstep-n{display:grid;place-items:center;flex:none;width:28px;height:28px;border:1px solid var(--line-2);font:500 12px var(--mono);color:var(--muted);background:#fff;transition:all .3s}
.dstep-t b{display:block;font:600 17px/1.2 var(--sans);letter-spacing:-.01em;color:var(--muted);transition:color .3s}
.dstep-t small{display:block;margin-top:4px;font-size:14px;line-height:1.4;color:var(--muted);max-height:0;opacity:0;overflow:hidden;transition:max-height .45s cubic-bezier(.2,.8,.2,1),opacity .3s}
.dstep.is-on .dstep-t b,.dstep.is-done .dstep-t b{color:var(--ink)}
.dstep.is-on .dstep-t small{max-height:4em;opacity:1}
.dstep.is-on .dstep-n{background:var(--acc);border-color:var(--acc);color:#fff;box-shadow:3px 3px 0 #0b1633}
.dstep.is-done .dstep-n{border-color:var(--acc);color:var(--acc)}
.dstep-bar{position:absolute;left:-1px;top:0;width:2px;height:100%;background:var(--acc);transform:scaleY(var(--p,0));transform-origin:0 0}
.dstep.is-run .dstep-bar{animation:fill-y 3.6s linear forwards}
@keyframes fill-y{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.demo-cta{justify-content:flex-start;margin-top:28px}
.demo-cta .btn{padding:14px 16px 14px 20px;font-size:15.5px}
.demo-cta .btn-light{padding:14px 18px}

.app{position:relative;display:flex;flex-direction:column;height:min(600px,calc(100svh - 140px));min-height:420px;background:#fff;border:1px solid var(--acc);box-shadow:8px 8px 0 #0b1633;overflow:hidden;font-family:var(--sans)}
.app-bar{display:flex;align-items:center;gap:14px;height:38px;padding:0 14px;border-bottom:1px solid var(--line);background:var(--soft);flex:none}
.app-dots{display:flex;gap:5px}
.app-dots i{width:9px;height:9px;border:1px solid var(--line-2);background:#fff}
.app-dots i:first-child{background:var(--acc);border-color:var(--acc)}
.app-title{font-size:11px;color:var(--muted);text-transform:none;letter-spacing:.02em}
.app-step{margin-left:auto;font-size:11px}
.app-step b{display:inline-block;min-width:1ch;color:var(--ink)}
.app-body{flex:1;min-height:0;display:grid;grid-template-columns:262px minmax(0,1fr)}
.app-panel{position:relative;border-right:1px solid var(--line);background:#fff;overflow:hidden}
.pane{position:absolute;inset:0;padding:16px 14px;display:flex;flex-direction:column;gap:10px;opacity:0;transform:translateX(-14px);transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.pane.is-on{opacity:1;transform:none}
.pane-k{display:flex;align-items:center;gap:8px;color:var(--ink);font-weight:600}
.pane-k b{display:grid;place-items:center;width:20px;height:20px;background:var(--acc);color:#fff;font-weight:500}
.pane-search{font-size:13px;color:var(--muted);border:1px solid var(--line-2);padding:8px 10px;background:var(--soft)}
.rlist,.llist,.clist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.ritem{display:flex;gap:10px;align-items:center;padding:9px 8px;border:1px solid transparent;border-bottom-color:var(--line);transition:background .2s,border-color .2s,box-shadow .2s}
.ritem-ico{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid var(--line-2);color:var(--acc);transition:all .25s}
.ritem-ico svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square}
.ritem-t{min-width:0}
.ritem b{display:block;font:500 13.5px/1.2 var(--sans);color:var(--ink)}
.ritem small{display:block;margin-top:2px;font:400 10.5px/1.3 var(--mono);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ritem.is-hover{background:var(--soft)}
.ritem.is-sel{background:#eef2fb;border-color:var(--acc);box-shadow:3px 3px 0 #0b1633}
.ritem.is-sel .ritem-ico{background:var(--acc);border-color:var(--acc);color:#fff}
.pane-count{font:400 13px var(--sans);color:var(--muted);display:flex;gap:6px;align-items:baseline}
.pane-count b{font:600 26px/1 var(--sans);letter-spacing:-.03em;color:var(--acc)}
.pane-hint{font-size:13px;line-height:1.4;color:var(--text)}
.llist li{display:flex;align-items:center;gap:8px;padding:8px 2px;border-bottom:1px solid var(--line);font-size:13.5px;color:var(--ink);animation:rise .4s backwards}
.llist li i{width:10px;height:10px;background:var(--lt);border:1px solid var(--acc)}
.llist li span{margin-left:auto;font:500 11.5px var(--mono);color:var(--acc)}
.pane-ghost{margin-top:auto;font:500 12px var(--mono);color:var(--acc);border:1px dashed var(--line-2);padding:9px 10px;text-align:center}
.dqr{position:relative;align-self:center;width:128px;height:128px;padding:8px;border:1px solid var(--line-2);background:#fff}
.dqr svg{display:block;width:100%;height:100%}
.dqr rect{fill:var(--ink);opacity:0;transition:opacity .2s var(--d,0ms)}
.dqr.is-on rect{opacity:1}
.dqr::after{content:"✓  Conectado";position:absolute;inset:0;display:grid;place-items:center;background:#ffffffe8;font:600 13px var(--mono);color:#0b6b4c;opacity:0;transition:opacity .35s}
.dqr.is-done::after{opacity:1}
.dqr-hint{text-align:center;font-size:12.5px}
.clist{gap:4px;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease,opacity .4s}
.clist.is-on{max-height:120px;opacity:1}
.clist li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink)}
.clist li i{width:8px;height:8px;background:#25d366}
.pane-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;font:600 13.5px var(--sans);border:1px solid var(--acc);color:var(--acc);background:#fff;transition:all .25s}
.wa-btn{margin-top:auto}
.go-btn{background:var(--acc);color:#fff;box-shadow:3px 3px 0 #0b1633}
.wa-btn.is-done{border-color:#0b6b4c;color:#0b6b4c;background:#e3f3eb}
.go-btn.is-done{background:#0b6b4c;border-color:#0b6b4c}
.go-btn.is-done::before{content:"●";font-size:8px;animation:blink 1s steps(1) infinite}

.app-map{position:relative;overflow:hidden;background:#11285f}
.map-sat{position:absolute;inset:-2%;background:url(/assets/landing-c/hero-map.jpg) 38% 50%/cover;filter:grayscale(1) contrast(1.25) brightness(1.05);opacity:.42}
.map-svg{position:absolute;inset:0;width:100%;height:100%}
.map-svg .mp{fill:#fff;fill-opacity:0;stroke:#fff;stroke-opacity:.32;stroke-width:1;transition:fill .4s,fill-opacity .4s,stroke-opacity .4s,stroke-width .3s}
.map-svg .mp.is-sel{fill:var(--lt);fill-opacity:.42;stroke-opacity:1;stroke-width:2}
.map-svg .mp.is-hit{fill:#f2b84b;fill-opacity:.62;animation:hit 1s ease 2}
@keyframes hit{50%{fill-opacity:.95}}
.map-svg .m-creek{fill:none;stroke:#9fd3ff;stroke-opacity:.8;stroke-width:3;stroke-linecap:round}
.map-svg .m-road{font:500 10px var(--mono);fill:#fff;fill-opacity:.75;letter-spacing:.08em}
.map-svg .m-swath{fill:url(#hatch-d);stroke:#fff;stroke-width:1.5;stroke-dasharray:8 5;opacity:0;transform:translate(-380px,-90px);transition:opacity .6s,transform 1.6s cubic-bezier(.2,.8,.2,1)}
.map-svg .m-swath.is-on{opacity:1;transform:none}
.map-svg .m-tag{opacity:0;transform:translateY(6px);transition:opacity .3s,transform .4s cubic-bezier(.2,.8,.2,1)}
.map-svg .m-tag.is-on{opacity:1;transform:none}
.map-svg .m-tag rect{fill:#fff;stroke:var(--acc)}
.map-svg .m-tag text{font:600 10px var(--mono);fill:var(--ink);letter-spacing:.04em}
.map-svg .m-pin{opacity:0;transform:translateY(-12px);transition:opacity .3s,transform .45s cubic-bezier(.2,.8,.2,1)}
.map-svg .m-pin.is-on{opacity:1;transform:none}
.map-svg .m-pin-dot{fill:#f2b84b;stroke:#0b1633;stroke-width:2}
.map-svg .m-pin-ring{fill:none;stroke:#f2b84b;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:pin-ring 1.6s ease-out infinite}
@keyframes pin-ring{from{transform:scale(.6);opacity:1}to{transform:scale(2.4);opacity:0}}
.map-search{position:absolute;left:12px;top:12px;padding:8px 12px 8px 30px;background:#fff;border:1px solid var(--acc);font-size:11px;color:var(--ink);text-transform:none;letter-spacing:.02em}
.map-search::before{content:"";position:absolute;left:11px;top:50%;width:8px;height:8px;margin-top:-6px;border:1.5px solid var(--acc);border-radius:50%}
.map-search::after{content:"";position:absolute;left:19px;top:50%;width:5px;height:1.5px;margin-top:3px;background:var(--acc);transform:rotate(45deg)}
.map-zoom{position:absolute;right:12px;top:12px;display:flex;flex-direction:column;border:1px solid var(--acc);background:#fff}
.map-zoom span{display:grid;place-items:center;width:28px;height:28px;font:500 15px var(--mono);color:var(--acc)}
.map-zoom span+span{border-top:1px solid var(--line)}
.map-chip{position:absolute;left:12px;top:54px;padding:7px 10px;background:#f2b84b;color:#3a2400;font-weight:600;border:1px solid #0b1633;box-shadow:3px 3px 0 #0b1633;opacity:0;transform:translateY(-6px);transition:opacity .3s,transform .4s}
.map-chip.is-on{opacity:1;transform:none}
.map-foot{position:absolute;left:0;right:0;bottom:0;display:flex;gap:14px;align-items:center;padding:7px 12px;background:#0b1633d9;color:#c9d5ff;font-size:10.5px}
.map-foot span:last-child{margin-left:auto}
.map-scale{display:flex;align-items:center;gap:6px}
.map-scale i{width:56px;height:5px;border:1px solid #c9d5ff;border-top:0;background:linear-gradient(90deg,#c9d5ff 50%,transparent 50%) 0 100%/100% 2px no-repeat}
.wa-note{position:absolute;right:52px;top:12px;width:min(290px,calc(100% - 80px));background:#fff;border:1px solid #0b1633;border-top:3px solid #25d366;box-shadow:5px 5px 0 #0b1633;padding:12px 14px;opacity:0;transform:translateX(30px);transition:opacity .4s,transform .55s cubic-bezier(.2,.8,.2,1)}
.wa-note.is-on{opacity:1;transform:none}
.wa-head{display:flex;align-items:center;gap:8px}
.wa-head b{font:600 14px var(--sans);color:var(--ink)}
.wa-head time{margin-left:auto;font-size:11.5px;color:var(--muted)}
.wa-note p{margin-top:8px;font-size:13.5px;line-height:1.4;color:var(--ink)}
.wa-note .wa-meta{font-size:10.5px;color:var(--muted)}
.app-cursor{position:absolute;left:0;top:0;z-index:6;width:24px;height:24px;pointer-events:none;opacity:0;filter:drop-shadow(2px 2px 0 #fff);transition:transform .6s cubic-bezier(.65,0,.35,1),opacity .3s}
.app-cursor.is-on{opacity:1}
.app-cursor.is-click{animation:press .3s ease}
.app-ripple{position:absolute;z-index:5;width:30px;height:30px;margin:-15px 0 0 -15px;border:2px solid var(--acc);pointer-events:none;animation:ripple-sq .6s ease-out forwards}
.app-map ~ .app-ripple,.app-ripple{mix-blend-mode:normal}
@keyframes ripple-sq{from{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}

@media (max-width:900px){
  .demo{height:auto;padding:56px var(--pad)!important}
  .demo-stage{position:static;height:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;padding:0}
  .demo-side{order:0}
  .dstep-t small{max-height:none;opacity:1}
  .app{height:auto;min-height:0}
  .app-body{grid-template-columns:1fr;grid-template-rows:280px 250px}
  .app-map{order:-1}
  .app-panel{border-right:0;border-top:1px solid var(--line)}
  .app-title{display:none}
  .wa-note{right:10px;left:10px;width:auto;top:auto;bottom:34px}
  .map-search{display:none}
  .map-chip{top:12px}
  .map-foot span:nth-child(2){display:none}
}

/* ── Cortex Enterprise ───────────────────────────────────────────────── */
.ent-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,4vw,56px);align-items:center}
.ent-feats{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:#fff}
.ent-feats li{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.ent-feats li:nth-child(2n){border-right:0}
.ent-feats li:nth-last-child(-n+2){border-bottom:0}
.ent-feats b{display:flex;align-items:center;gap:8px;font:600 15.5px var(--sans);color:var(--ink)}
.ent-feats b::before{content:"";width:8px;height:8px;background:var(--acc)}
.ent-feats span{font-size:14px;line-height:1.4;color:var(--text)}
.ent-copy .hero-cta{justify-content:flex-start;margin-top:28px}
.ent-map{margin:0}
.ent-frame{position:relative;border:1px solid var(--acc);box-shadow:8px 8px 0 #0b1633;background:var(--dark);overflow:hidden}
.ent-svg{display:block;width:100%;height:auto;aspect-ratio:640/540}
.ent-svg .ep{fill:none;stroke:#fff;stroke-opacity:.14}
.ent-svg .eb{stroke:var(--lt);stroke-opacity:.45;stroke-dasharray:10 4 2 4;stroke-width:1.2}
.ent-svg .e-lab{font:500 9px var(--mono);fill:var(--lt);fill-opacity:.8;letter-spacing:.08em}
.ent-svg .pol{fill:#fff;fill-opacity:.55;transition:fill .25s,fill-opacity .25s}
.ent-svg .pol.was{fill:#f2b84b;fill-opacity:.5}
.ent-svg .pol.is-hit{fill:#f2b84b;fill-opacity:1}
.ent-svg .e-track{stroke:#fff;stroke-opacity:.35;stroke-width:1.2;stroke-dasharray:4 6}
.ent-svg .e-cell{fill:url(#hatch-e);stroke:#fff;stroke-width:1.5;stroke-dasharray:7 4}
.ent-svg .e-core{fill:#f2b84b;fill-opacity:.18;stroke:#f2b84b;stroke-width:1.2}
.ent-hud{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;border-top:1px solid var(--acc)}
.ent-hud div{padding:12px 14px;border-right:1px solid var(--line);min-width:0}
.ent-hud div:last-child{border-right:0}
.ent-hud .mono{display:block;font-size:10px;color:var(--muted)}
.ent-hud b{display:block;margin-top:6px;font:600 clamp(18px,2vw,24px)/1 var(--sans);letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ent-map figcaption{margin-top:14px;font-size:10.5px;color:var(--muted)}
@media (max-width:980px){.ent-grid{grid-template-columns:1fr}}
@media (max-width:560px){.ent-feats{grid-template-columns:1fr}.ent-feats li{border-right:0!important;border-bottom:1px solid var(--line)!important}.ent-feats li:last-child{border-bottom:0!important}.ent-hud .mono{font-size:9px}}

/* ── Integradores: el diagrama de las tres capas ─────────────────────── */
.stack{margin:0 0 20px;padding:clamp(16px,2.4vw,28px);border:1px solid var(--line);background-color:#fff;background-image:linear-gradient(var(--gridc) 1px,transparent 1px),linear-gradient(90deg,var(--gridc) 1px,transparent 1px);background-size:24px 24px}
.stack-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,24px)}
.stack-box{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--line-2);background:#fff;min-width:0}
.stack-box b{font:600 16px/1.2 var(--sans);color:var(--ink)}
.stack-box small{font-size:13px;line-height:1.35;color:var(--muted)}
.stack-apis .stack-box{border-color:var(--acc);box-shadow:var(--hard);text-decoration:none;transition:transform .16s,box-shadow .16s}
.stack-apis .stack-box:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #0b1633}
.stack-apis .stack-box b{font-size:24px;letter-spacing:-.03em;color:var(--acc)}
.stack-apis code{font:500 12px var(--mono);color:var(--muted)}
.stack-key{grid-column:1/-1;justify-self:center;margin-top:6px;padding:5px 10px;background:#fff;border:1px dashed var(--line-2);font-size:11px;color:var(--muted)}
.stack-key code{color:var(--acc);font:inherit}
.stack-engine{grid-template-columns:1fr}
.stack-engine .stack-box{flex-direction:row;align-items:center;gap:18px;background:var(--dark);border-color:var(--dark);background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:24px 24px}
.stack-engine b{color:#fff;font:600 13px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:6px 8px;border:1px solid var(--lt);color:var(--lt)}
.stack-engine small{color:#c4cde4;font-size:14px}
.stack-wires{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,24px);height:38px}
.stack-wires i{position:relative;justify-self:center;width:2px;height:100%;background:repeating-linear-gradient(to bottom,var(--acc) 0 4px,transparent 4px 8px)}
.stack-wires i::after{content:"";position:absolute;left:-3px;width:8px;height:8px;background:var(--acc);animation:packet-up 1.6s cubic-bezier(.65,0,.35,1) infinite}
.stack-wires i:nth-child(2)::after{animation-delay:.5s}
.stack-wires i:nth-child(3)::after{animation-delay:1s}
@keyframes packet-up{from{top:100%;opacity:0}20%{opacity:1}80%{opacity:1}to{top:-8px;opacity:0}}
@media (max-width:760px){
  .stack-row,.stack-wires{grid-template-columns:1fr}
  .stack-wires i:not(:first-child){display:none}
  .stack-engine .stack-box{flex-direction:column;align-items:flex-start}
}

/* Leyenda de estados arriba de la tabla de cobertura */
.cover-head{display:flex;justify-content:space-between;align-items:center;gap:12px 20px;flex-wrap:wrap}
.legend{display:flex;flex-wrap:wrap;gap:8px}

/* ── Movimiento al scrollear: cada grilla entra en cascada ───────────── */
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
html.js main>section.rv:not(.is-in) .stagger>*{opacity:0}
html.js main>section.rv.is-in .stagger>*{animation:rise .7s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--i,0) * 75ms + .12s)}
.cases.is-filtering .case:not([hidden]){animation:rise .45s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--i,0) * 45ms)}

/* Banda «Sabe decir que no»: cada salida tiene su tiempo y lo que no
   vendemos se tacha solo. */
.outcomes article{position:relative;overflow:hidden}
.oc-bar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--lt);transform:scaleX(0);transform-origin:0 0}
.dark-band.is-in .outcomes article:nth-child(1) .oc-bar{animation:fill-x .5s .6s cubic-bezier(.2,.8,.2,1) forwards}
.dark-band.is-in .outcomes article:nth-child(2) .oc-bar{animation:fill-x 3.2s .7s cubic-bezier(.65,0,.35,1) forwards}
.dark-band.is-in .outcomes article:nth-child(3) .oc-bar{background:repeating-linear-gradient(90deg,var(--lt) 0 8px,transparent 8px 14px);animation:fill-x .5s .8s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes fill-x{to{transform:scaleX(1)}}
.outcomes article{transition:background .3s}
.outcomes article:hover{background:#ffffff08}
.not-sold li{text-decoration:none;background:linear-gradient(var(--lt),var(--lt)) no-repeat 0 55%/0 1.5px;transition:background-size .6s cubic-bezier(.65,0,.35,1)}
.dark-band.is-in .not-sold li{background-size:100% 1.5px;transition-delay:calc(var(--i,0) * 160ms + .9s)}

/* Preguntas frecuentes: la respuesta se abre con su alto (site.js) */
.faq-a{overflow:hidden}
.faq summary{transition:color .2s,padding-left .3s cubic-bezier(.2,.8,.2,1)}
.faq summary:hover{color:var(--acc)}
.faq details[open] summary{color:var(--acc)}
.faq summary::after{transition:transform .3s}
.faq details[open] summary::after{content:"+";transform:rotate(45deg)}
.faq-list details{position:relative}
.faq-list details::before{content:"";position:absolute;left:0;top:-1px;height:2px;width:100%;background:var(--acc);transform:scaleX(0);transform-origin:0 0;transition:transform .45s cubic-bezier(.65,0,.35,1)}
.faq-list details[open]::before{transform:scaleX(1)}
.faq .h-lg{margin-bottom:8px}

/* Filtros de casos: una regla de pestañas con su cuenta */
.filters-bar{display:flex;justify-content:space-between;align-items:center;gap:12px 20px;flex-wrap:wrap;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.filter{display:inline-flex;align-items:center;gap:10px;font:500 14px var(--sans);color:var(--ink);background:#fff;border:1px solid var(--line-2);border-radius:0;padding:9px 10px 9px 14px;cursor:pointer;transition:transform .16s,box-shadow .16s,background .16s,color .16s,border-color .16s}
.filter:hover{border-color:var(--acc);color:var(--acc)}
.filter-n{display:grid;place-items:center;min-width:22px;height:20px;padding:0 5px;font:500 11px var(--mono);color:var(--acc);background:var(--soft);border:1px solid var(--line)}
.filter.is-on{background:var(--acc);border-color:var(--acc);color:#fff;transform:translate(-2px,-2px);box-shadow:3px 3px 0 #0b1633}
.filter.is-on .filter-n{background:#fff;border-color:#fff;color:var(--acc)}
.filters-out{font-size:11px;color:var(--muted)}

/* ── Iteración del 9/11 (2): mapas reales, el vuelo de las tarjetas y el
   circuito del motor ─────────────────────────────────────────────────── */

/* Fondo del hero y de las cabeceras: una imagen satelital real de la pampa,
   pasada a la tinta azul (luminosidad de la foto, color del plano), con la
   cuadrícula encima. */
.hero-bg{background-color:var(--acc);
  background-image:linear-gradient(#ffffff2e 1px,transparent 1px),linear-gradient(90deg,#ffffff2e 1px,transparent 1px),linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px),linear-gradient(#1d3c8fb3,#1d3c8fb3),url(/assets/landing-c/hero-map.jpg);
  background-size:120px 120px,120px 120px,24px 24px,24px 24px,auto,cover;background-position:-1px -1px,-1px -1px,-1px -1px,-1px -1px,0 0,center;
  background-blend-mode:normal,normal,normal,normal,normal,luminosity}
.hero-bg rect{stroke-opacity:.1}

/* Los pasos de la simulación son las mismas tarjetas */
.demo-steps{border-left:0;gap:12px}
.dstep button{align-items:center;gap:12px;padding:14px 16px 14px 14px;background:#fff;border:1px solid var(--line-2);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .3s}
.dstep button:hover{border-color:var(--acc)}
.dstep.is-on button{border-color:var(--acc);box-shadow:5px 5px 0 #0b1633;transform:translate(-3px,-3px)}
.dstep.is-done button{border-color:var(--acc)}
.dstep-bar{left:0;right:0;top:auto;bottom:0;width:auto;height:3px;transform:scaleX(var(--p,0));transform-origin:0 0;opacity:0}
.dstep.is-on .dstep-bar{opacity:1}
.dstep.is-run .dstep-bar{animation:fill-x 3.6s linear forwards}
.dstep-t small{margin-top:0}
.dstep.is-on .dstep-t small{margin-top:4px}

/* La simulación sobre la imagen real */
.map-svg image{image-rendering:auto}
.map-svg .m-shade{fill:#0b1633;fill-opacity:.12}
.map-svg .m-swath{opacity:1;transform:none;transition:none}
.map-svg .m-band{fill:none;stroke:url(#hatch-d);stroke-width:150;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.8s cubic-bezier(.2,.8,.2,1)}
.map-svg .m-axis{fill:none;stroke:#fff;stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-dasharray:.012 .008;opacity:0;transition:opacity .6s .9s}
.map-svg .m-swath.is-on .m-band{stroke-dashoffset:0}
.map-svg .m-swath.is-on .m-axis{opacity:.9}
.map-svg .mp{fill:#9fb6ff;fill-opacity:0;stroke:#fff;stroke-opacity:.55;stroke-width:1.2;stroke-dasharray:3 2;vector-effect:non-scaling-stroke}
.map-svg .mp.is-sel{fill-opacity:.4;stroke-opacity:1;stroke-width:2.2;stroke-dasharray:none}
.map-svg .mp.is-hit{fill:#f2b84b;fill-opacity:.7}
.map-svg .m-tag rect{fill:#fff;stroke:var(--acc);stroke-width:.6}
.map-svg .m-tag text{font:600 6.2px var(--mono);letter-spacing:.03em}
.map-svg .m-pin-dot{stroke-width:1.2}
.map-svg .m-pin-ring{stroke-width:1.2}
.map-foot{justify-content:space-between}
.map-foot span:last-child{margin-left:0}

/* Cortex Enterprise sobre la franja real del 18/02 */
.ent-top{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:end;margin-bottom:clamp(28px,3vw,40px)}
.ent-top .ent-feats{margin-top:0}
.ent-frame{box-shadow:8px 8px 0 #0b1633}
.ent-svg{aspect-ratio:1100/421;background:#0b1633}
.ent-svg .e-shade{fill:#0b1633;fill-opacity:.2}
.ent-svg .e-band{fill:none;stroke:url(#hatch-e);stroke-width:150;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}
.ent-svg .e-axis{fill:none;stroke:#fff;stroke-width:1.5;stroke-dasharray:8 6;opacity:.75}
.ent-svg .e-front{transition:opacity .4s}
.ent-svg .e-front line{stroke:#f2b84b;stroke-width:3}
.ent-svg .e-flab{font:600 10px var(--mono);letter-spacing:.06em;fill:#fff;paint-order:stroke;stroke:#0b1633;stroke-width:3px}
.ent-svg .pol{fill:#fff;fill-opacity:.8;stroke:#0b1633;stroke-width:1;transition:fill .25s}
.ent-svg .pol.is-hit{fill:#f2b84b;fill-opacity:1}
.ent-svg .claim{fill:none;stroke:#fff;stroke-width:1.4;stroke-dasharray:3 2;transition:stroke .3s}
.ent-svg .claim.is-ok{stroke:#3ddc97;stroke-width:2.4;stroke-dasharray:none}
.ent-svg .claim.is-warn{stroke:#ff8a5c;stroke-width:2.4;stroke-dasharray:none}
.ent-stamp{position:absolute;left:14px;top:14px;display:flex;align-items:stretch;border:1px solid #0b1633;box-shadow:3px 3px 0 #0b1633;font-size:11px}
.ent-stamp b{padding:6px 9px;background:#fff;color:var(--ink);font-weight:600}
.ent-stamp span{padding:6px 9px;background:#f2b84b;color:#3a2400;font-variant-numeric:tabular-nums}
.ent-map figcaption{display:flex;justify-content:space-between;gap:8px 16px;flex-wrap:wrap}
@media (max-width:980px){.ent-top{grid-template-columns:1fr;align-items:start}}
@media (max-width:640px){.ent-svg{aspect-ratio:auto;height:300px}.ent-svg image{transform:none}}

/* El circuito del motor */
.circuit{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr) minmax(0,.9fr);grid-template-areas:"in core out" "eng eng eng";column-gap:clamp(36px,5.5vw,84px);row-gap:44px;padding:clamp(18px,2.4vw,30px);border:1px solid var(--line);background-color:#fff;background-image:linear-gradient(var(--gridc) 1px,transparent 1px),linear-gradient(90deg,var(--gridc) 1px,transparent 1px);background-size:24px 24px}
.circ-wires{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}
.circ-wires .wire{fill:none;stroke:var(--line-2);stroke-width:1.5;transition:stroke .3s}
.circ-wires .wire.is-live{stroke:#3d63d6;stroke-width:2.2;stroke-dasharray:7 5;animation:wire-flow .6s linear infinite}
@keyframes wire-flow{to{stroke-dashoffset:-12}}
.circ-wires .wpk{fill:#f2b84b;stroke:#0b1633;stroke-width:1.5;opacity:0;transition:opacity .2s}
.circ-wires .wpk.is-on{opacity:1}
.circ-in{grid-area:in}.circ-out{grid-area:out}.circ-core{grid-area:core}.circ-engine{grid-area:eng}
.circ-col{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:12px}
.circ-col .flow-title{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--acc);margin:0 0 2px}
.circ-col .cnode{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;border:1px solid var(--line-2);font-size:14.5px;line-height:1.25;color:var(--ink);transition:border-color .3s,box-shadow .3s,transform .3s}
.circ-col .cnode img{width:20px;height:20px}
.circ-col .cnode.is-active{border-color:var(--acc);box-shadow:4px 4px 0 #0b1633;transform:translate(-2px,-2px)}
.circ-col .cnode-no{border-style:dashed}
.circ-col .flow-note{display:block;font:500 11px/1.3 var(--mono);color:var(--acc);margin-top:3px;min-height:0}
.circ-col .flow-note span:empty{display:none}
.circ-core{position:relative;z-index:0;display:flex;flex-direction:column;gap:16px;padding:16px 26px 20px 18px;background-color:var(--dark);background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:24px 24px;border:1px solid var(--dark);transition:box-shadow .3s}
.circ-core.is-running{box-shadow:0 0 0 1px var(--lt),8px 8px 0 #0b163333}
.core-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 40px}
.circ-core .core-row{position:relative;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px;border:1px solid #ffffff2e;background:#0b1633;transition:border-color .3s,background .3s,transform .3s,box-shadow .3s}
.circ-core .core-row.is-active{border-color:var(--lt);background:#14265a;box-shadow:4px 4px 0 #00000059;transform:translate(-2px,-2px)}
.circ-core .core-row .row-status{align-self:flex-start}
.circ-engine{position:relative;z-index:2;display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:14px 18px;background:var(--soft);border:1px solid var(--line-2);transition:border-color .3s,box-shadow .3s}
.circ-engine .mono:first-child{font-weight:600;color:var(--acc);padding:5px 8px;border:1px solid var(--acc)}
.circ-engine p{flex:1;min-width:220px;font-size:14px;color:var(--text)}
.circ-engine.is-active{border-color:var(--acc);box-shadow:4px 4px 0 #0b1633}
.engine .core-trace{margin-top:14px;min-height:0;height:104px;justify-content:flex-end;overflow:hidden;border:1px solid var(--dark)}
@media (max-width:900px){
  .circuit{grid-template-columns:1fr;grid-template-areas:"in" "core" "out" "eng";row-gap:36px}
  .circ-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .circ-col .flow-title{grid-column:1/-1}
  .circ-col .cnode{font-size:13px;padding:10px}
  .core-grid{gap:24px 18px}
  .circ-core{padding:14px}
}

/* Bordes redondeados: el estilo de todo el sitio desde el 10/11 (se probó
   en /home2). Se carga después de site.css y sólo cambia formas y sombras: pastilla en
   lo que se toca (botones, barra, filtros, estados), 12–20 px en tarjetas y
   ventanas, y sombras suaves teñidas de azul en vez de la sombra dura. */
:root{
  --r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--pill:999px;
  --sh-1:0 1px 2px rgba(11,22,51,.06),0 8px 22px -12px rgba(29,60,143,.45);
  --sh-2:0 2px 6px rgba(11,22,51,.06),0 18px 44px -18px rgba(29,60,143,.55);
  --sh-3:0 2px 8px rgba(11,22,51,.08),0 30px 70px -28px rgba(11,22,51,.6);
  --hard:var(--sh-2);--radius:var(--r-md);
}

/* Marco de las láminas: las esquinas pasan a ser puntos */
main>section::after{background:radial-gradient(circle at 3.5px 3.5px,var(--acc) 3px,transparent 3.6px) 0 0/8px 8px no-repeat,radial-gradient(circle at 3.5px 3.5px,var(--acc) 3px,transparent 3.6px) 100% 0/8px 8px no-repeat}
.label::before{border-radius:var(--r-xs);padding:4px 7px}

/* Botones: pastillas, con sombra suave que crece al pasar */
.btn{border-radius:var(--pill);padding:15px 18px 15px 24px}
.btn-light{padding:15px 24px}
.btn-dark{box-shadow:var(--sh-2)}
.btn-dark:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(11,22,51,.1),0 22px 44px -16px rgba(29,60,143,.7)}
.btn-dark:active{transform:translateY(0);box-shadow:var(--sh-1)}
.btn-light:hover{transform:translateY(-2px);box-shadow:var(--sh-1)}
.btn-arrow{border-radius:50%;width:28px;height:28px}
.btn-sm{box-shadow:var(--sh-1);padding:10px 16px}
.hero .btn-dark,.page-head .btn-dark,.final .btn-dark{box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}
.hero .btn-dark:hover,.page-head .btn-dark:hover,.final .btn-dark:hover{box-shadow:0 16px 40px -12px rgba(0,0,0,.6)}
.hero .btn-light:hover,.page-head .btn-light:hover,.final .btn-light:hover{box-shadow:none;background:#ffffff1f}
.tier-ent .btn-dark{box-shadow:0 10px 30px -10px rgba(159,182,255,.6)}

/* Barra de navegación: una pastilla flotante */
.nav{border-radius:var(--pill);border-color:#1d3c8f40;box-shadow:var(--sh-2);padding:0 10px 0 24px}
.nav-scale{left:30px;right:30px;bottom:-1px;height:2px;border-radius:2px}
.nav-links>a,.dd-btn,.nav-login{border-radius:var(--pill)}
.nav-toggle{border-radius:50%}
.dd-panel{border-radius:var(--r-lg);border-color:#1d3c8f33;box-shadow:var(--sh-3);padding:10px}
.dd-row,.dd-foot a{border-radius:var(--r-sm)}
.dd-code,.dd-tag{border-radius:var(--r-xs)}
.dd-head::before{border-radius:50%}
.nav-sheet{border-radius:var(--r-lg);border-color:#1d3c8f40;box-shadow:var(--sh-3)}
.nav-sheet a:not(.btn){border-radius:var(--r-sm)}
.readout{border-radius:var(--pill)}
.readout b{border-radius:var(--pill)}

/* Hero */
.hero-next i{border-radius:2px}

/* La simulación */
.app{border-radius:var(--r-lg);border-color:#1d3c8f40;box-shadow:var(--sh-3)}
.app-dots i{border-radius:50%}
.pane-k b{border-radius:var(--r-xs)}
.pane-search{border-radius:var(--r-sm)}
.ritem{border-radius:var(--r-sm)}
.ritem.is-sel{box-shadow:var(--sh-1)}
.ritem-ico{border-radius:var(--r-sm)}
.llist li i{border-radius:3px}
.pane-ghost,.pane-btn{border-radius:var(--pill)}
.go-btn{box-shadow:var(--sh-1)}
.qr{border-radius:var(--r-md);overflow:hidden}
.clist li i{border-radius:50%}
.map-search{border-radius:var(--pill)}
.map-zoom{border-radius:var(--r-sm);overflow:hidden}
.map-chip{border-radius:var(--pill);box-shadow:var(--sh-1)}
.wa-note{border-radius:var(--r-md);box-shadow:var(--sh-3);border-color:#1d3c8f33}
.map-svg .mp{rx:2px}
.map-svg .m-tag rect{rx:3px}
.map-svg .m-pin-dot,.map-svg .m-pin-ring{rx:50%}
.app-ripple{border-radius:50%}

/* Fuentes y ecosistema */
.marquee-track span{border-radius:var(--pill);padding:8px 14px}

/* Para quién */
.sector{border-radius:var(--r-lg);overflow:hidden}
.chip{border-radius:var(--pill)}

/* Cortex Enterprise */
.ent-feats{border-radius:var(--r-lg);overflow:hidden}
.ent-feats b::before{border-radius:50%}
.ent-frame{border-radius:var(--r-lg);overflow:hidden;border-color:#1d3c8f40;box-shadow:var(--sh-3)}
.ent-stamp{border-radius:var(--pill);overflow:hidden;box-shadow:var(--sh-1)}
.ent-svg .pol{rx:50%}
.ent-svg .claim{rx:4px}

/* Cómo funciona */
.eng-tab{border-radius:var(--r-md)}
.eng-bar{border-radius:2px}
.circuit{border-radius:var(--r-lg)}
.circ-col .cnode{border-radius:var(--r-md)}
.circ-col .cnode.is-active{transform:translateY(-2px);box-shadow:var(--sh-2)}
.circ-core{border-radius:var(--r-lg)}
.circ-core .core-row{border-radius:var(--r-md)}
.circ-core .core-row.is-active{transform:translateY(-2px);box-shadow:0 12px 30px -14px rgba(0,0,0,.7)}
.circ-core.is-running{box-shadow:0 0 0 1px var(--lt),var(--sh-2)}
.circ-engine{border-radius:var(--r-md)}
.circ-engine .mono:first-child{border-radius:var(--r-xs)}
.circ-engine.is-active{box-shadow:var(--sh-2)}
.circ-wires .wpk{rx:50%}
.engine .core-trace,.core-trace{border-radius:var(--r-md)}
.row-status{border-radius:var(--pill)}

/* Cobertura y estados */
.compare,.compare-wrap img{border-radius:var(--r-lg)}
.compare-tag{border-radius:var(--pill)}
.stat{border-radius:var(--r-md)}
.ops-table{border-radius:var(--r-md);overflow:hidden}
.status{border-radius:var(--pill);padding:6px 10px 6px 8px}
.status::before{border-radius:50%}

/* Banda oscura */
.outcomes{border-radius:var(--r-lg);overflow:hidden}
.outcome-no{outline-offset:-12px;border-radius:0}
.not-sold li{border-radius:var(--pill)}

/* Integradores */
.stack{border-radius:var(--r-lg)}
.stack-box{border-radius:var(--r-md)}
.stack-apis .stack-box{box-shadow:var(--sh-2)}
.stack-apis .stack-box:hover{transform:translateY(-2px);box-shadow:var(--sh-3)}
.stack-engine b{border-radius:var(--r-xs)}
.stack-key{border-radius:var(--pill)}
.stack-wires i::after{border-radius:50%}
.api-card,.door,.capa,.case,.move,.plan,.plan-mini-card,.tpl-card,.signup-step,.cycle-card,.person,.purpose article,.form-card,.icp-more,.more-tile,.ep-group,.pg-params,.pg-code,.wizard,.rotor-stage,.founders-grid{border-radius:var(--r-lg)}
.api-card .api-path{border-radius:var(--r-xs)}
.door-code,.code{border-radius:var(--r-md)}
.api-common{border-radius:var(--r-lg);overflow:hidden}

/* Planes */
.tiers{border-radius:var(--r-lg) var(--r-lg) 0 0;overflow:hidden}
.tiers-foot{border-radius:0 0 var(--r-lg) var(--r-lg);overflow:hidden}
.tier-flag{border-radius:0 0 0 var(--r-sm)}

/* Preguntas, filtros y formularios */
.filter{border-radius:var(--pill)}
.filter.is-on{transform:translateY(-1px);box-shadow:var(--sh-1)}
.filter-n{border-radius:var(--pill)}
input,select,textarea{border-radius:var(--r-sm)}
.faq-list details::before{border-radius:2px}

/* ── Iteración del 10/11: hero sobre el mapa, idiomas y la simulación sola ── */

/* Botones: la flecha gira al pasar; en el hero, el principal es una pastilla
   blanca con la flecha en un círculo y el secundario es de vidrio. */
.btn-arrow{transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.btn:hover .btn-arrow{transform:rotate(45deg)}
.hero .hero-cta{justify-content:flex-start;margin-top:32px;gap:12px}
.hero .hero-cta .btn-dark{padding:7px 7px 7px 26px;gap:18px;font-size:17px}
.hero .hero-cta .btn-dark .btn-arrow{width:42px;height:42px;margin:0;font-size:18px}
.hero .hero-cta .btn-light{padding:17px 24px;font-size:17px;background:#ffffff14;border-color:#ffffff5c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.hero .hero-cta .btn-light::after{content:"→";margin-left:10px;transition:transform .2s}
.hero .hero-cta .btn-light:hover{background:#ffffff26;border-color:#fff}
.hero .hero-cta .btn-light:hover::after{transform:translateX(4px)}

/* Hero: el texto a la izquierda, sobre una sombra que deja leer; a la
   derecha, el lente que aclara el mapa de fondo y donde pasa la receta. */
.hero{text-align:left}
.hero-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0b1633e6 0%,#0b1633b3 34%,#0b163340 60%,#0b163300 78%)}
.hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,600px);gap:clamp(32px,5vw,72px);align-items:center;width:100%}
.hero-copy{min-width:0}
.hero-title{font-size:clamp(40px,5.2vw,76px)}
.hero-title .tw{min-height:2em}
.hero-title .tw-line{white-space:normal}

/* Lo que hoy hace falta, tachado de a uno */
.pain{margin-top:30px;max-width:580px}
.pain-k{font:500 clamp(18px,1.55vw,21px)/1.38 var(--sans);letter-spacing:-.01em;color:#fff;text-wrap:balance}
.pain-list{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pain-list li{font:500 15.5px/1 var(--sans);color:#fff;padding:10px 15px;border:1px solid #ffffff52;border-radius:var(--pill);background:#0b16334d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:color .4s,background .4s,border-color .4s}
.pain-list s{position:relative;text-decoration:none}
.pain-list s::after{content:"";position:absolute;left:-6px;right:-6px;top:50%;height:3px;margin-top:-1px;border-radius:3px;background:#f2b84b;box-shadow:0 0 10px #f2b84b99;transform:scaleX(0) rotate(-4deg);transform-origin:0 50%;transition:transform .42s cubic-bezier(.65,0,.35,1)}
.pain-list li.is-struck{color:#b9c6ea;background:#0b163326;border-color:#ffffff2b}
.pain-list li.is-struck s::after{transform:scaleX(1) rotate(-4deg)}
.pain-out{display:flex;align-items:center;gap:12px;margin-top:20px;font:500 clamp(21px,2vw,27px)/1.15 var(--sans);letter-spacing:-.02em;color:#fff;opacity:0;transform:translateY(10px);transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1)}
.pain-out.is-on{opacity:1;transform:none}
.pain-out svg{flex:none;width:34px;height:34px;padding:8px;border-radius:50%;background:#fff;fill:none;stroke:var(--acc);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transform:scale(.4);transition:transform .5s .15s cubic-bezier(.2,.9,.3,1.5)}
.pain-out.is-on svg{transform:none}
.pain-out b{font-weight:700;background:linear-gradient(#f2b84b,#f2b84b) no-repeat 0 94%/0 .13em;transition:background-size .6s .35s cubic-bezier(.65,0,.35,1)}
.pain-out.is-on b{background-size:100% .13em}

/* El lente */
.hero-stage{position:relative;padding-left:120px}
.lens{position:relative;aspect-ratio:10/9;border-radius:26px;border:1px solid #ffffff6b;overflow:hidden;
  background:radial-gradient(80% 70% at 60% 45%,#ffffff1a,#ffffff00 70%);
  -webkit-backdrop-filter:brightness(1.6) saturate(1.35) contrast(1.05);backdrop-filter:brightness(1.6) saturate(1.35) contrast(1.05);
  box-shadow:0 40px 90px -40px #000d,inset 0 0 0 1px #ffffff14}
.lens-svg{position:absolute;inset:0;width:100%;height:100%}
.lens-tick{position:absolute;z-index:2;width:16px;height:16px;border:0 solid #ffffffd9}
.lens-tick[data-c=tl]{top:12px;left:12px;border-top-width:2px;border-left-width:2px;border-top-left-radius:7px}
.lens-tick[data-c=tr]{top:12px;right:12px;border-top-width:2px;border-right-width:2px;border-top-right-radius:7px}
.lens-tick[data-c=bl]{bottom:12px;left:12px;border-bottom-width:2px;border-left-width:2px;border-bottom-left-radius:7px}
.lens-tick[data-c=br]{bottom:12px;right:12px;border-bottom-width:2px;border-right-width:2px;border-bottom-right-radius:7px}
.lens-top,.lens-foot{position:absolute;z-index:2;left:36px;right:36px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#fff;font-size:10.5px}
.lens-top{top:15px}
.lens-foot{bottom:15px;color:#dfe6fb}
.lens-live{display:inline-flex;align-items:center;gap:7px;padding:4px 9px 4px 7px;border-radius:var(--pill);background:#0b163380}
.lens-live i{width:7px;height:7px;border-radius:50%;background:#3ee08a;animation:live 1.8s ease-out infinite}
@keyframes live{0%,100%{opacity:1;scale:1}50%{opacity:.45;scale:.78}}
.lens-c{padding:4px 9px;border-radius:var(--pill);background:#0b163380}
.lens-scale{display:inline-flex;align-items:center;gap:7px}
.lens-scale i{width:54px;height:6px;border:1.5px solid #fff;border-top:0}
.lens-alert{position:absolute;z-index:2;right:16px;top:46px;padding:7px 12px;border-radius:var(--pill);background:#f2b84b;color:#3a2400;font-weight:600;font-size:11px;box-shadow:0 10px 24px -10px #000b;opacity:0;transform:translateY(-6px);transition:opacity .3s,transform .45s cubic-bezier(.2,.8,.2,1)}
.lens-alert.is-on{opacity:1;transform:none}

/* Lo que pasa adentro del lente */
.lens-svg .hs-layer{transition:opacity .4s}
.lens-svg.is-out .hs-layer{opacity:0}
.hs-lot{fill:#9fb6ff;fill-opacity:0;stroke:#fff;stroke-width:2;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .9s calc(var(--k,0) * .35s) cubic-bezier(.65,0,.35,1),fill-opacity .5s calc(var(--k,0) * .35s + .6s),fill .5s,stroke .5s}
.is-places .hs-lot{stroke-dashoffset:0;fill-opacity:.3}
.hs-lot.is-hit{fill:#f2b84b;fill-opacity:.62;stroke:#ffe2a8}
.hs-basin{stroke-width:2.4;stroke-dasharray:1}
.is-places .hs-basin{fill-opacity:.14}
.hs-river{fill:none;stroke:#bfe6ff;stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s .5s cubic-bezier(.65,0,.35,1)}
.is-places .hs-river{stroke-dashoffset:0}
.hs-tag{opacity:0;transform:translateY(4px);transition:opacity .3s calc(var(--k,0) * .35s + .7s),transform .4s calc(var(--k,0) * .35s + .7s)}
.is-places .hs-tag{opacity:1;transform:none}
.hs-tag rect{fill:#fff}
.hs-tag text{font:700 8px var(--mono);letter-spacing:.06em;fill:var(--ink)}
.hs-dot{fill:#fff;stroke:var(--acc);stroke-width:1.4;opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(0);transition:transform .35s calc(var(--k,0) * 22ms) cubic-bezier(.2,.9,.3,1.5),opacity .2s calc(var(--k,0) * 22ms),fill .35s,stroke .35s}
.hs-dot-s{stroke-width:1}
.is-places .hs-dot{opacity:1;transform:none}
.hs-dot.is-hit{fill:#f2b84b;stroke:#7a4b00;animation:hs-pop .5s ease}
@keyframes hs-pop{50%{transform:scale(1.8)}}
.hs-hz{opacity:0;transition:opacity .5s}
.is-hazard .hs-hz{opacity:1}
.hs-heat-c{transform-box:fill-box;transform-origin:center;transform:scale(.15);transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.is-hazard .hs-heat-c{transform:scale(1)}
.hs-heat-ring{fill:none;stroke:#ffc58a;stroke-width:1.6;stroke-dasharray:4 4;transform-box:fill-box;transform-origin:center;animation:hs-spin 14s linear infinite}
@keyframes hs-spin{to{transform:rotate(1turn)}}
.hs-band-s{fill:none;stroke:url(#hs-hatch);stroke-width:92;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.5s cubic-bezier(.2,.8,.2,1)}
.is-hazard .hs-band-s{stroke-dashoffset:0}
.hs-band-faint{stroke-dashoffset:0;opacity:.6}
.hs-band-a{fill:none;stroke:#ffe2a8;stroke-width:1.4;stroke-dasharray:.02 .014;opacity:0;transition:opacity .5s 1s}
.is-hazard .hs-band-a{opacity:.9}
.hs-track{fill:none;stroke:#ffe2a8;stroke-width:1.4;stroke-dasharray:.016 .012;opacity:.85}
.hs-cell{transform:translate(var(--x0),var(--y0));transition:transform 2.2s cubic-bezier(.45,0,.55,1)}
.is-hazard .hs-cell{transform:translate(var(--x1),var(--y1))}
.hs-cell-0{fill:#f2b84b;fill-opacity:.12;stroke:#f2b84b;stroke-opacity:.6;stroke-dasharray:3 3}
.hs-cell-1{fill:#ff8a3d;fill-opacity:.28}
.hs-cell-2{fill:#ff5a3d;fill-opacity:.6;transform-box:fill-box;transform-origin:center;animation:hs-breathe 1.2s ease-in-out infinite}
@keyframes hs-breathe{50%{transform:scale(1.15)}}
.hs-claim{opacity:0;transition:opacity .3s calc(var(--k,0) * 60ms)}
.is-places .hs-claim{opacity:1}
.hs-claim rect{fill:#fff;stroke:var(--acc);stroke-width:1.4;transition:fill .3s,stroke .3s}
.hs-claim-i{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .3s}
.hs-claim.is-ok rect{fill:#21b46a;stroke:#fff}
.hs-claim.is-bad rect{fill:#f2b84b;stroke:#fff}
.hs-claim.is-bad .hs-claim-i{stroke:#3a2400}
.hs-claim.is-ok .hs-claim-i,.hs-claim.is-bad .hs-claim-i{opacity:1}
.hs-scan{fill:#ffe2a8;transform:translateX(120px);transition:opacity .3s}
.is-hazard .hs-scan{transform:translateX(400px);transition:transform 1.9s linear,opacity .3s}
.is-hit .hs-scan{opacity:0}
.hs-flood-c{transform-box:fill-box;transform-origin:center;transform:scale(0);transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}
.hs-flood-c.is-on{transform:scale(1)}

/* Los tres clicks, apilados sobre el borde del lente */
.clicks{position:absolute;left:0;top:50%;z-index:3;width:270px;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px;transform:translateY(-50%)}
.click{position:relative;display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:18px;background:#0b1633b8;border:1px solid #ffffff3d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .35s,border-color .35s,transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.click.is-on{background:#fff;border-color:#fff;transform:translateX(12px);box-shadow:0 20px 44px -18px #000d}
.click:not(:last-child)::after{content:"";position:absolute;left:29px;top:100%;width:2px;height:14px;background:#ffffff3d;transition:background .3s}
.click.is-done:not(:last-child)::after{background:#fff}
.click-n{position:relative;display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:11px;border:1px solid #ffffff80;font:600 13px var(--mono);color:#fff;transition:background .3s,border-color .3s}
.click-n i{font-style:normal;transition:opacity .2s,transform .3s}
.click.is-on .click-n{background:var(--acc);border-color:var(--acc)}
.click.is-done .click-n{background:#21b46a;border-color:#21b46a}
.click-ok{position:absolute;inset:8px;width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:12;stroke-dashoffset:12;transition:stroke-dashoffset .35s .1s}
.click.is-done .click-n i{opacity:0;transform:scale(.4)}
.click.is-done .click-ok{stroke-dashoffset:0}
.click.is-press .click-n::after{content:"";position:absolute;inset:-3px;border-radius:13px;border:2px solid var(--lt);animation:ripple .6s ease-out forwards;pointer-events:none}
@keyframes ripple{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}
.click-t{flex:1;min-width:0}
.click b{display:block;font:600 15.5px/1.2 var(--sans);color:#fff;transition:color .3s}
.click.is-on b{color:var(--ink)}
.click small{display:block;height:1.35em;margin-top:3px;font:500 12px/1.35 var(--mono);color:#c9d3ef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.click.is-on small{color:var(--acc)}
.click-cursor{position:absolute;left:0;top:0;z-index:6;width:26px;height:26px;pointer-events:none;opacity:0;filter:drop-shadow(0 2px 4px #0009);transition:transform .55s cubic-bezier(.65,0,.35,1),opacity .3s}
.click-cursor.is-on{opacity:1}
.click-cursor.is-click{animation:press .3s ease}
@keyframes press{40%{scale:.82}}

/* El aviso de WhatsApp */
.hs-wa{position:absolute;z-index:4;right:-22px;bottom:56px;width:min(310px,72%);padding:12px 14px 14px;border-radius:20px 20px 6px 20px;background:#fff;box-shadow:0 26px 60px -22px #000d;opacity:0;transform:translateY(14px) scale(.94);transform-origin:100% 100%;transition:opacity .35s,transform .55s cubic-bezier(.2,.9,.25,1.25)}
.hs-wa.is-on{opacity:1;transform:none}
.hs-wa-head{display:flex;align-items:center;gap:8px;min-width:0}
.hs-wa-head b{font:600 14px var(--sans);color:var(--ink)}
.hs-wa-to{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 9.5px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#0b6b4c;background:#e3f3eb;padding:4px 7px;border-radius:var(--pill)}
.hs-wa-head time{margin-left:auto;flex:none;font-size:11.5px;color:var(--muted)}
.hs-wa-msg{margin-top:8px;font-size:14px;line-height:1.42;color:var(--ink)}

@media (max-width:1060px){
  .hero-in{grid-template-columns:1fr;gap:40px}
  .hero-shade{background:linear-gradient(180deg,#0b1633d9 0%,#0b1633a6 45%,#0b163333 75%,#0b163366 100%)}
  .hero-stage{width:100%;max-width:600px;margin:0 auto;padding-left:0}
  .clicks{position:relative;left:auto;top:auto;width:auto;margin:-40px 14px 0;gap:10px;transform:none}
  .click{padding:11px 12px}
  .click.is-on{transform:translateY(-2px)}
  .click:not(:last-child)::after{height:10px}
  .hs-wa{left:12px;right:12px;top:46px;bottom:auto;width:auto;transform-origin:50% 0}
  .lens-alert{top:auto;right:auto;left:16px;bottom:42px}
  .hero-next{display:none}
}
@media (max-width:520px){
  .lens{border-radius:20px}
  .lens-top,.lens-foot{left:30px;right:30px;font-size:9.5px}
  .pain-list li{font-size:14px;padding:9px 13px}
  .hero .hero-cta .btn{flex:1 1 auto;justify-content:space-between}
}

/* Selector de idioma */
.flag{width:18px;height:18px;flex:none;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px #0b163329}
.lang .dd-btn{gap:7px;padding:7px 9px 7px 8px;font:600 12.5px var(--mono);letter-spacing:.04em;border:1px solid var(--line)}
.lang .dd-panel{left:auto;right:-8px;width:236px;top:calc(100% + 20px)}
.lang-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-sm);text-decoration:none;color:var(--ink)}
.lang-row b{flex:1;font:500 15px var(--sans)}
.lang-row.is-current{background:var(--soft)}
.lang-code{font:600 11px var(--mono);color:var(--acc)}
.lang-row.is-soon{color:var(--muted);cursor:default}
.lang-row.is-soon .flag{opacity:.7;filter:saturate(.6)}
.lang-soon{font:600 9.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#7a5a00;background:#fdf1d6;padding:4px 8px;border-radius:var(--pill)}
@media (max-width:420px){.lang .dd-btn span{display:none}}

/* La simulación: corre sola y el navegador es el protagonista */
.demo{height:auto;padding:clamp(56px,7vw,88px) var(--pad)!important}
.demo-head{margin:0 auto 30px;text-align:center}
.demo-head .label{justify-content:center}
.demo-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:1040px;margin:0 auto 26px;padding:0;list-style:none;border:0}
.dstep button{height:100%;align-items:flex-start;gap:12px;padding:16px 18px 18px;background:#fff;border:1px solid var(--line-2);border-radius:var(--r-lg);transform:none;box-shadow:none}
.dstep button:hover{border-color:var(--acc)}
.dstep.is-on button{border-color:var(--acc);transform:translateY(-3px);box-shadow:var(--sh-2)}
.dstep-n{border-radius:10px;width:30px;height:30px}
.dstep-t b{font-size:16.5px}
.dstep-t small,.dstep.is-on .dstep-t small{max-height:none;opacity:1;margin-top:4px;font-size:13.5px}
.dstep-bar{left:18px;right:18px;top:auto;bottom:0;width:auto;height:3px;border-radius:3px;background:var(--acc);transform:scaleX(0);transform-origin:0 50%;opacity:0}
.dstep.is-on .dstep-bar{opacity:1}
.dstep.is-done .dstep-bar{opacity:.3;transform:scaleX(1)}
.dstep.is-run .dstep-bar{animation:fill-x var(--dur,5s) linear forwards}
.demo-stage{position:relative;display:block;height:auto;min-height:0;max-width:1140px;margin:0 auto;padding:0 0 40px}
.demo-stage::before{content:"";position:absolute;inset:6% 4% 0;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,#9fb6ff80,#9fb6ff00);filter:blur(20px)}
.app{height:min(660px,78svh);min-height:540px;margin-right:120px}
.app-body{grid-template-columns:286px minmax(0,1fr)}
.app-url{display:flex;align-items:center;gap:7px;flex:0 1 380px;margin:0 auto;padding:5px 14px;border-radius:var(--pill);background:#fff;border:1px solid var(--line);font-size:11px;color:var(--muted);text-transform:none;letter-spacing:.01em;white-space:nowrap;overflow:hidden}
.app-url svg{flex:none;width:11px;height:11px;fill:none;stroke:#0b6b4c;stroke-width:1.3}
.app-step{margin-left:0}
.demo-cta{justify-content:center;margin-top:16px}

/* El teléfono donde llega el aviso */
.dphone{position:absolute;right:0;bottom:0;z-index:4;width:256px;height:460px;padding:9px;border-radius:40px;background:#0b1633;box-shadow:0 44px 90px -34px #0b1633e6,inset 0 0 0 2px #2b3c6b;display:flex;flex-direction:column}
.dphone::before{content:"";position:absolute;z-index:2;top:17px;left:50%;width:72px;height:20px;margin-left:-36px;border-radius:12px;background:#0b1633}
.dphone-bar{display:flex;align-items:center;gap:10px;padding:44px 14px 12px;border-radius:32px 32px 0 0;background:#075e54;color:#fff}
.dphone-bar img{border-radius:50%;background:#fff;padding:2px}
.dphone-bar b{display:block;font:600 14.5px/1.2 var(--sans)}
.dphone-bar small{display:block;font-size:11.5px;color:#cfe9e4}
.dphone-chat{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;padding:12px 10px;border-radius:0 0 32px 32px;background:#e7ddd3}
.dphone-day{align-self:center;padding:4px 10px;border-radius:var(--pill);background:#ffffffd9;color:#54656f;font-size:10px}
.dphone-wait{margin-top:auto;margin-bottom:auto;padding:10px 12px;border-radius:12px;background:#ffffffa6;font-size:12.5px;line-height:1.4;color:#54656f;text-align:center}
.dphone.is-live .dphone-wait{display:none}
.dphone-typing{display:none;align-self:flex-start;gap:4px;padding:11px 13px;border-radius:4px 14px 14px 14px;background:#fff}
.dphone.is-typing .dphone-typing{display:flex}
.dphone-typing i{width:6px;height:6px;border-radius:50%;background:#8696a0;animation:typing 1s ease-in-out infinite}
.dphone-typing i:nth-child(2){animation-delay:.15s}
.dphone-typing i:nth-child(3){animation-delay:.3s}
@keyframes typing{30%{transform:translateY(-3px);opacity:.5}}
.dphone .wa-note{position:static;display:none;align-self:flex-start;width:auto;max-width:94%;padding:9px 11px 7px;border:0;border-radius:4px 14px 14px 14px;background:#fff;box-shadow:0 1px 1px #0b163326;opacity:0;transform:translateY(10px) scale(.96);transform-origin:0 0;transition:opacity .35s,transform .5s cubic-bezier(.2,.9,.25,1.2)}
.dphone.is-live .wa-note{display:block}
.dphone .wa-note.is-on{opacity:1;transform:none}
.dphone .wa-note p{margin:0;font-size:13px;line-height:1.42;color:#111b21}
.dphone .wa-note .wa-meta{display:flex;justify-content:space-between;gap:8px;margin-top:6px;font-size:9.5px;color:#667781}

@media (max-width:900px){
  .demo-steps{gap:8px;margin-bottom:18px}
  .dstep button{flex-direction:column;gap:8px;padding:12px 12px 14px}
  .dstep-t b{font-size:14px}
  .dstep-t small,.dstep.is-on .dstep-t small{display:none}
  .dstep-bar{left:12px;right:12px}
  .demo-stage{padding-bottom:0}
  .app{height:auto;min-height:0;margin-right:0}
  .app-body{grid-template-columns:1fr;grid-template-rows:300px 260px}
  .dphone{position:relative;right:auto;bottom:auto;width:auto;max-width:360px;height:auto;margin:18px auto 0;border-radius:34px}
  .dphone-chat{min-height:170px}
}
@media (max-width:560px){.app-url{display:none}.app-step{margin-left:auto}}
.map-svg.is-reset *{transition:none!important}
.dstep.is-on .dstep-n{box-shadow:none}
@media (max-width:900px){.app-body{grid-template-rows:280px 330px}.dqr{width:96px;height:96px}}

/* ── Iteración del 10/11 (2) ─────────────────────────────────────────── */

/* Simulación: los lotes siguen campos reales y aparecen cuando se marcan */
.map-svg .mp{fill:#9fb6ff;fill-opacity:0;stroke:#fff;stroke-opacity:0;stroke-width:2.2;stroke-dasharray:none;stroke-linejoin:round;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;transition:fill .4s,fill-opacity .4s,stroke-opacity .3s}
.map-svg .mp.is-snap{stroke-opacity:1;animation:m-snap .45s cubic-bezier(.2,.9,.3,1.3)}
@keyframes m-snap{from{transform:scale(1.6);stroke-opacity:0}to{transform:none;stroke-opacity:1}}
.map-svg .mp.is-sel{fill-opacity:.42;stroke-opacity:1;stroke-dasharray:none}
.map-svg .mp.is-hit{fill:#f2b84b;fill-opacity:.72;stroke:#ffe2a8}
.map-svg .m-draft-line{fill:none;stroke:#fff;stroke-width:2;stroke-dasharray:5 3;vector-effect:non-scaling-stroke}
.map-svg .m-vtx{fill:#fff;stroke:var(--acc);stroke-width:1.6;vector-effect:non-scaling-stroke}
.dqr{width:136px;height:136px;padding:9px;border-radius:var(--r-md);overflow:hidden;box-shadow:var(--sh-1)}
.dqr-logo{opacity:0;transition:opacity .3s .5s}
.dqr.is-on .dqr-logo{opacity:1}
.dqr::after{border-radius:var(--r-md)}
.map-svg .m-tag text{font-size:4.6px}
.map-svg .mp.is-sel{fill-opacity:.3}
.map-svg .mp.is-sel.is-hit{fill-opacity:.72}

/* Menú móvil, como el de ucotron.com: pantalla completa azul noche que baja
   con un recorte; links grandes con su número y los grupos como acordeones. */
.nav-toggle{width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);background:#fff;gap:6px;transition:background .3s,border-color .3s}
.nav-toggle span{width:18px;height:1.5px;transition:transform .3s,width .3s,background .3s}
.nav-toggle span:last-child{width:13px;transform:translateX(-2.5px)}
.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}
.nav-toggle[aria-expanded=true] span:last-child{width:18px;transform:translateY(-3.75px) rotate(-45deg)}
.mmenu{position:fixed;inset:0;z-index:-1;overflow:auto;overscroll-behavior:contain;background:#0b1633;color:#f3f6fb;visibility:hidden;opacity:0;pointer-events:none;
  clip-path:inset(0 0 100% round 0 0 36px 36px);transition:clip-path .55s cubic-bezier(.22,1,.36,1),opacity .3s,visibility .55s}
.mmenu::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(180deg,#000,transparent 70%)}
.mmenu.is-open{visibility:visible;opacity:1;pointer-events:auto;clip-path:inset(0)}
.mmenu-in{position:relative;max-width:620px;min-height:100svh;margin:auto;padding:118px max(26px,env(safe-area-inset-right,0px)) 30px max(26px,env(safe-area-inset-left,0px));display:flex;flex-direction:column}
.mm-label{display:flex;align-items:center;gap:10px;margin-bottom:18px;color:#9fb6ff;font-size:10px;letter-spacing:.12em}
.mm-dot{width:7px;height:7px;border-radius:50%;background:var(--lt);box-shadow:0 0 10px var(--lt)}
.mm-nav{display:flex;flex-direction:column}
.mm-nav>a,.mm-group{border-bottom:1px solid #ffffff1f;opacity:0;translate:0 14px;transition:opacity .4s,translate .4s}
.mmenu.is-open .mm-nav>a,.mmenu.is-open .mm-group{opacity:1;translate:0}
.mmenu.is-open .mm-nav>:nth-child(1){transition-delay:.12s}
.mmenu.is-open .mm-nav>:nth-child(2){transition-delay:.18s}
.mmenu.is-open .mm-nav>:nth-child(3){transition-delay:.24s}
.mmenu.is-open .mm-nav>:nth-child(4){transition-delay:.3s}
.mmenu.is-open .mm-nav>:nth-child(5){transition-delay:.36s}
.mm-row{display:flex;align-items:center;gap:16px;width:100%;padding:20px 0;background:none;border:0;color:#f3f6fb;text-decoration:none;text-align:left;cursor:pointer;font:500 clamp(26px,7vw,38px)/1.05 var(--sans);letter-spacing:-.04em}
.mm-i{font-size:10px;color:#7d90c4;letter-spacing:0;align-self:flex-start;margin-top:6px}
.mm-t{flex:1}
.mm-arrow{font-style:normal;font-size:20px;color:#7d90c4;transition:transform .25s,color .25s}
.mm-row:hover .mm-arrow,.mm-row:focus-visible .mm-arrow{color:#fff;transform:translate(2px,-2px)}
.mm-plus{position:relative;width:30px;height:30px;flex:none;border-radius:50%;border:1px solid #ffffff38;transition:background .3s,border-color .3s,transform .4s cubic-bezier(.2,.8,.2,1)}
.mm-plus::before,.mm-plus::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;margin:-.75px 0 0 -6px;background:#fff;transition:transform .35s}
.mm-plus::after{transform:rotate(90deg)}
.mm-group.is-open .mm-plus{background:#fff;border-color:#fff;transform:rotate(180deg)}
.mm-group.is-open .mm-plus::before{background:#0b1633}
.mm-group.is-open .mm-plus::after{transform:rotate(0);background:#0b1633}
.mm-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1)}
.mm-group.is-open .mm-panel{grid-template-rows:1fr}
.mm-panel-in{min-height:0;overflow:hidden;padding-left:30px}
.mm-head{color:#9fb6ff;font-size:10px;letter-spacing:.1em;margin:4px 0 4px}
.mm-head:not(:first-child){margin-top:14px}
.mm-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;color:#f3f6fb;text-decoration:none;border-top:1px dashed #ffffff1a}
.mm-link b{display:block;font:500 17px/1.25 var(--sans);letter-spacing:-.01em}
.mm-link small{display:block;margin-top:2px;font-size:13px;line-height:1.35;color:#9aa7c9}
.mm-link em{flex:none;font:500 10px var(--mono);font-style:normal;letter-spacing:.05em;text-transform:uppercase;color:#9fb6ff;border:1px solid #ffffff2b;border-radius:var(--pill);padding:4px 8px;white-space:nowrap}
.mm-link:active{background:#ffffff0d}
.mm-foot{display:flex;flex-wrap:wrap;gap:6px 16px;padding:12px 0 20px}
.mm-foot a{font:500 12px var(--mono);color:#9fb6ff;text-decoration:none}
.mm-lang{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:26px;font-size:13px;color:#9aa7c9}
.mm-lang>div{display:flex;gap:6px}
.mm-lang-i{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid #ffffff2e;border-radius:var(--pill);font:600 11.5px var(--mono);color:#9aa7c9}
.mm-lang-i.is-current{color:#fff;border-color:#fff}
.mm-lang-i:not(.is-current) .flag{opacity:.6}
.mm-cta{display:flex;align-items:center;justify-content:space-between;margin-top:22px;padding:18px 22px;border-radius:var(--pill);background:#fff;color:var(--acc);font:600 17px var(--sans);text-decoration:none}
.mm-cta svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mm-login{align-self:center;margin-top:14px;font-size:14.5px;color:#cfd8f2;text-decoration:none}
.mm-footer{display:flex;justify-content:space-between;gap:30px;margin-top:auto;padding-top:44px;font-size:10.5px;line-height:1.7;color:#7d90c4}
.mm-footer span:last-child{text-align:right}
body.menu-open{overflow:hidden}
.nav-wrap.menu-is-open .nav{background:transparent;border-color:#ffffff2e;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.nav-wrap.menu-is-open .brand img{filter:brightness(0) invert(1)}
.nav-wrap.menu-is-open .nav-toggle{background:#ffffff0d;border-color:#ffffff4d}
.nav-wrap.menu-is-open .nav-toggle span{background:#fff}
.nav-wrap.menu-is-open .nav-scale,.nav-wrap.menu-is-open .btn-sm,.nav-wrap.menu-is-open .lang{opacity:0;pointer-events:none}
@media (min-width:1141px){.mmenu{display:none}}
@media (max-width:900px){.nav-actions .lang{display:none}}
@media (prefers-reduced-motion:reduce){.mmenu,.mm-nav>a,.mm-group,.mm-panel{transition:none!important}}

/* Hero: entran las pastillas, aparece «te olvidás de todo eso» y se tachan
   todas juntas con un trazo de marcador. */
.pain-k{opacity:0;transform:translateY(8px);transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1)}
.pain.is-in .pain-k{opacity:1;transform:none}
.pain-list li{position:relative;opacity:0;translate:0 12px;transition:opacity .45s calc(var(--k,0) * .11s + .15s),translate .55s calc(var(--k,0) * .11s + .15s) cubic-bezier(.2,.8,.2,1),color .4s .3s,background .4s .3s,border-color .4s .3s,scale .4s .3s}
.pain.is-in .pain-list li{opacity:1;translate:0}
.pain-list s::after{display:none}
.pain-list .strike{position:absolute;left:-5px;top:50%;width:calc(100% + 10px);height:18px;margin-top:-9px;overflow:visible;pointer-events:none;clip-path:inset(-4px 100% -4px 0);transition:clip-path .36s cubic-bezier(.65,0,.35,1) calc(var(--k,0) * 45ms)}
.pain-list .strike path{fill:none;stroke:#f2b84b;stroke-width:3.6;stroke-linecap:round;stroke-linejoin:round}
.pain.is-struck .strike{clip-path:inset(-4px -2px -4px -2px)}
.pain.is-struck .pain-list li{color:#a9b6dc;background:#0b163326;border-color:#ffffff22;scale:.97}
.pain-out b{background-size:0 .13em}
.pain-out.is-on b{background-size:100% .13em}

@media (max-width:1060px){
  .hero-copy{display:contents}
  .hero-title{order:1}
  .hero-stage{order:2}
  .hero .hero-cta{order:3;margin-top:4px}
  .pain{order:4;margin-top:0}
  .hero-in{gap:28px}
  .hero-title .tw{min-height:2em}
}
@media (max-width:520px){
  main>section.hero:first-child{padding-top:96px!important}
  .hero-title{font-size:clamp(36px,10.5vw,44px)}
  .click small{font-size:11px}
  .click b{font-size:14.5px}
  .clicks{gap:8px}
}

/* Para quién: tarjetas vivas. Cada una tiene un pedacito de lo que ve ese
   cliente; al pasar se levanta, la luz sigue al cursor y aparece «Ver más». */
.icp-grid .sector{min-height:470px;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.door-live::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,30%),#9fb6ff38,transparent 60%)}
.door-live:hover,.door-live:focus-visible{transform:translateY(-6px);box-shadow:0 34px 70px -30px #0b1633d9}
.door-live:hover::after{opacity:1}
.door-live .sector-body{position:relative;z-index:1}
.sector-go{position:absolute;z-index:2;top:16px;right:16px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#ffffff26;border:1px solid #ffffff4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .3s,transform .4s cubic-bezier(.2,.8,.2,1)}
.sector-go svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}
.door-live:hover .sector-go{background:#fff;transform:rotate(45deg)}
.door-live:hover .sector-go svg{stroke:var(--acc)}
.sector-more{display:inline-flex;align-items:center;gap:10px;margin-top:16px;padding:10px 16px;border-radius:var(--pill);background:#fff;color:var(--acc);font:600 14px var(--sans);opacity:0;transform:translateY(10px);transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1)}
.sector-more i{font-style:normal;transition:transform .25s}
.door-live:hover .sector-more,.door-live:focus-visible .sector-more{opacity:1;transform:none}
.door-live:hover .sector-more i{transform:translateX(4px)}
@media (hover:none){.sector-more{opacity:1;transform:none}}
.sector-live{position:absolute;z-index:1;top:18px;left:18px;right:72px;pointer-events:none}
.lv{display:inline-flex;flex-direction:column;gap:6px;max-width:300px;padding:12px 14px;border-radius:16px;background:#ffffffeb;color:var(--ink);box-shadow:0 18px 40px -18px #0b1633cc;transform:translateY(-6px);opacity:0;transition:opacity .5s .3s,transform .6s .3s cubic-bezier(.2,.8,.2,1)}
.icp.is-in .lv,html:not(.js) .lv{opacity:1;transform:none}
.lv .mono{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}
.lv-dot{width:7px;height:7px;border-radius:50%;background:#e5484d;animation:live-r 1.6s ease-out infinite}
@keyframes live-r{0%,100%{opacity:1;scale:1}50%{opacity:.45;scale:.78}}
.lv-hud b{font:600 24px/1 var(--sans);letter-spacing:-.03em;color:var(--ink)}
.lv-hud small{font-size:12.5px;color:var(--muted)}
.lv-bar{height:5px;border-radius:5px;background:var(--soft);overflow:hidden}
.lv-bar i{display:block;height:100%;width:62%;border-radius:5px;background:linear-gradient(90deg,var(--acc),#f2b84b);transform-origin:0;animation:lv-fill 3.4s cubic-bezier(.65,0,.35,1) infinite}
@keyframes lv-fill{0%{transform:scaleX(.1)}60%,100%{transform:scaleX(1)}}
.lv-gauge{width:270px}
.lv-track{position:relative;height:8px;margin:6px 0 2px;border-radius:8px;background:linear-gradient(90deg,#cfe0ff,#3d6fe0 55%,#1d3c8f)}
.lv-trig{position:absolute;left:55%;top:-5px;width:2px;height:18px;background:var(--ink)}
.lv-mk{position:absolute;top:-4px;left:0;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:#fff;border:3px solid #f2b84b;box-shadow:0 2px 6px #0b163366;animation:lv-mk 4s cubic-bezier(.65,0,.35,1) infinite}
@keyframes lv-mk{0%{translate:8cqw}55%,85%{translate:62cqw}100%{translate:8cqw}}
.lv-gauge small{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted)}
.lv-gauge small b{color:#0b6b4c;font-weight:600}
.lv-toasts{gap:8px;padding:10px;background:transparent;box-shadow:none}
.lv-toasts p{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border-radius:14px;background:#ffffffeb;box-shadow:0 14px 30px -16px #0b1633cc;font-size:12.5px;line-height:1.3;color:var(--muted);animation:lv-toast 6s cubic-bezier(.2,.8,.2,1) infinite}
.lv-toasts p:nth-child(2){animation-delay:.6s}
.lv-toasts b{display:block;font:600 13.5px var(--sans);color:var(--ink)}
@keyframes lv-toast{0%{opacity:0;transform:translateY(-10px) scale(.96)}8%,85%{opacity:1;transform:none}95%,100%{opacity:0;transform:translateY(-4px)}}
.lv-wa{flex-direction:row;align-items:flex-start;gap:9px;border-radius:4px 16px 16px 16px;background:#fff}
.lv-wa p{font-size:13.5px;line-height:1.38;color:var(--ink)}
.lv-wa time{align-self:flex-end;font-size:10.5px;color:var(--muted)}
.lv-wa{animation:lv-pop 5s cubic-bezier(.2,.9,.3,1.3) infinite}
@keyframes lv-pop{0%{scale:.9;opacity:.4}10%,90%{scale:1;opacity:1}100%{scale:.95;opacity:.4}}
@media (prefers-reduced-motion:reduce){.lv *,.lv,.lv-toasts p{animation:none!important}}
@media (max-width:520px){.icp-grid .sector{min-height:500px}.sector-live{right:66px;left:14px;top:14px}.lv-gauge{width:220px}}

/* Cortex Enterprise: el frente avanza suave y los cuatro temas son paneles
   sobre el mapa, en la esquina que la franja deja libre. */
.ent-top{grid-template-columns:minmax(0,760px);margin-bottom:clamp(24px,3vw,36px)}
.ent-svg{aspect-ratio:1100/500}
.ent-svg .e-front line{display:none}
.ent-svg .e-edge{fill:none;stroke:#ffd27a;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 6px #f2b84bcc)}
.ent-svg .e-edge-2{stroke-width:1.4;stroke-opacity:.6;stroke-dasharray:6 6}
.ent-svg .e-rain line{stroke:#bfe0ff;stroke-width:1.2;stroke-linecap:round;opacity:.7;animation:e-rain .7s linear infinite;animation-delay:calc(var(--k) * -45ms)}
@keyframes e-rain{0%{opacity:0;transform:translate(6px,-3px)}40%{opacity:.8}100%{opacity:0;transform:translate(-10px,4px)}}
.ent-svg .e-flab{font-size:11px}
.ent-panels{position:absolute;right:16px;bottom:16px;z-index:2;width:min(340px,40%);display:flex;flex-direction:column;gap:8px}
.ep{border-radius:16px;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 40px -22px #0b1633e6;overflow:hidden;transition:background .35s,box-shadow .35s,transform .45s cubic-bezier(.2,.8,.2,1)}
.ep:not(.is-on){background:#0b1633b3;color:#dfe6fb}
.ep.is-on{transform:translateX(-6px);box-shadow:0 26px 50px -22px #0b1633}
.ep-h{position:relative;display:flex;align-items:center;gap:10px;padding:10px 14px;margin:0}
.ep-h b{font:600 14px var(--sans);color:inherit}
.ep.is-on .ep-h b{color:var(--ink)}
.ep-n{font-size:10px;color:#9fb6ff}
.ep.is-on .ep-n{color:var(--acc)}
.ep.is-done .ep-n::after{content:" ✓";color:#3ddc97}
.ep-bar{position:absolute;left:14px;right:14px;bottom:0;height:2px;border-radius:2px;background:var(--acc);transform:scaleX(0);transform-origin:0}
.ep.is-on .ep-bar{animation:fill-x var(--dur,4s) linear forwards}
.ep-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.2,.8,.2,1)}
.ep.is-on .ep-body{grid-template-rows:1fr}
.ep-in{min-height:0;overflow:hidden;padding:0 14px}
.ep.is-on .ep-in{padding-bottom:14px}
.ep-d{font-size:12.5px;line-height:1.38;color:var(--muted);margin-bottom:10px}
.ep-nums{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ep-nums .mono{display:block;font-size:9.5px;color:var(--muted)}
.ep-nums b{display:block;margin-top:4px;font:600 22px/1 var(--sans);letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}
.ep-zones{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.ep-zones li{display:grid;grid-template-columns:52px 1fr 40px;align-items:center;gap:8px;font-size:12px;color:var(--text)}
.ep-zones i{height:6px;border-radius:6px;background:var(--soft);overflow:hidden}
.ep-zones s{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--acc),#f2b84b);transform:scaleX(var(--w,0));transform-origin:0;transition:transform .3s}
.ep-zones b{font:600 12px var(--mono);color:var(--ink);text-align:right}
.ep-big{display:flex;align-items:baseline;gap:8px}
.ep-big b{font:600 26px/1 var(--sans);letter-spacing:-.03em;color:#0b6b4c;white-space:nowrap}
.ep-big span{font-size:12px;line-height:1.3;color:var(--muted)}
.ep-claims{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:5px}
.ep-claims li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border-radius:10px;background:var(--soft);font-size:12.5px;color:var(--ink)}
.ep-claims small{display:block;font-size:10.5px;color:var(--muted)}
.ep-claims em{font:600 10px var(--mono);font-style:normal;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:4px 7px;border-radius:var(--pill);background:#fff;transition:all .3s}
.ep-claims li.is-ok em{background:#e3f3eb;color:#0b6b4c}
.ep-claims li.is-warn em{background:#fff1e6;color:#b4521f}
.ep-bars{display:flex;align-items:flex-end;gap:2px;height:84px}
.ep-bars i{flex:1;height:calc(var(--h) * 100%);border-radius:2px 2px 0 0;background:#c9d5ff;transform:scaleY(0);transform-origin:bottom;transition:transform .5s cubic-bezier(.2,.8,.2,1) calc(var(--k) * 22ms)}
.ep-bars i.is-big{background:#f2b84b}
.ep-bars i.is-now{background:#e5484d}
.is-retro .ep-bars i{transform:scaleY(1)}
.ep-note{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:6px;font:500 10px var(--mono);color:var(--muted)}
.ep-note b{font:600 12px var(--sans);color:var(--ink);text-align:center}
.ep-gauge p{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:var(--muted)}
.ep-idx{font:600 20px/1 var(--sans);color:var(--ink);font-variant-numeric:tabular-nums}
.ep-track{position:relative;display:block;height:10px;margin-top:10px;border-radius:10px;background:linear-gradient(90deg,#cfe0ff,#3d6fe0 60%,#1d3c8f)}
.ep-trig{position:absolute;left:60%;top:-6px;width:2px;height:22px;border-radius:2px;background:var(--ink)}
.ep-mk{position:absolute;left:0;top:-5px;width:20px;height:20px;margin-left:-10px;border-radius:50%;background:#fff;border:4px solid #f2b84b;box-shadow:0 2px 8px #0b163366}
.ep-pay{margin-top:12px;padding:9px 12px;border-radius:12px;background:#e3f3eb;color:#0b6b4c;font:600 13px var(--sans);opacity:0;transform:scale(.94);transition:opacity .35s,transform .45s cubic-bezier(.2,.9,.3,1.4)}
.is-pay .ep-pay{opacity:1;transform:none}
@media (max-width:900px){
  .ent-panels{position:static;width:auto;padding:12px;background:var(--dark)}
  .ep.is-on{transform:none}
  .ent-svg{aspect-ratio:1100/560}
}

/* Cómo funciona por dentro: la pregunta viaja por las tres estaciones y baja
   al Engine, que es la base de todo (no una nota al pie). */
.brain{min-width:0}
.br-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:26px}
.br-tab{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:3px;text-align:left;padding:13px 16px 15px;border-radius:var(--r-md);background:#fff;border:1px solid var(--line-2);cursor:pointer;font:inherit;transition:border-color .3s,box-shadow .3s,transform .35s cubic-bezier(.2,.8,.2,1)}
.br-tab b{font:600 15px var(--sans);color:var(--ink)}
.br-tab small{font-size:12.5px;color:var(--muted)}
.br-tab.is-on{border-color:var(--acc);box-shadow:var(--sh-2);transform:translateY(-2px)}
.br-bar{position:absolute;left:16px;right:16px;bottom:0;height:3px;border-radius:3px;background:var(--acc);transform:scaleX(0);transform-origin:0}
.br-tab.is-on .br-bar{transform:scaleX(.35);transition:transform 3.8s linear}
.br-tab.is-run .br-bar{transform:scaleX(1);transition:transform 2.3s linear}
.br-stage{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) repeat(3,minmax(0,1fr)) minmax(0,1.25fr);grid-template-areas:"ask s1 s2 s3 ans" "eng eng eng eng eng";gap:64px 34px;padding:6px}
.br-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:1}
.br-w{fill:none;stroke:var(--line-2);stroke-width:1.6;stroke-dasharray:4 5}
.br-w-live{stroke:var(--acc);stroke-width:2.4;stroke-dasharray:none;opacity:0;transition:opacity .35s}
.br-w-live.is-on{opacity:1}
.br-pk{fill:#f2b84b;opacity:0;transition:opacity .25s}
.br-pk-0{stroke:#fff;stroke-width:2;filter:drop-shadow(0 0 6px #f2b84b)}
.br-pk-1{fill-opacity:.7}.br-pk-2{fill-opacity:.45}.br-pk-3{fill-opacity:.25}
.br-pk.is-on{opacity:1}
.br-ask{grid-area:ask}.br-ans{grid-area:ans}.br-engine{grid-area:eng}
.br-step[data-n=s1]{grid-area:s1}.br-step[data-n=s2]{grid-area:s2}.br-step[data-n=s3]{grid-area:s3}
.br-card{position:relative;z-index:2;display:flex;flex-direction:column;gap:8px;min-height:236px;padding:16px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line-2);transition:border-color .35s,box-shadow .45s,transform .45s cubic-bezier(.2,.8,.2,1),background .35s}
.br-card.is-on{border-color:var(--acc);box-shadow:0 0 0 4px #1d3c8f14,var(--sh-2);transform:translateY(-4px)}
.br-card.is-done{transform:none;box-shadow:var(--sh-1)}
.br-k{display:flex;align-items:center;gap:8px;font-size:10.5px;color:var(--acc)}
.br-num{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--soft);color:var(--acc);font-weight:600;transition:background .3s,color .3s}
.br-card.is-on .br-num,.br-card.is-done .br-num{background:var(--acc);color:#fff}
.br-step b,.br-card .br-k{font-weight:600}
.br-step .br-k{font:600 16px var(--sans);letter-spacing:-.01em;color:var(--ink);text-transform:none}
.br-d{font-size:12.5px;line-height:1.4;color:var(--muted)}
.br-out{list-style:none;margin:auto 0 0;padding:0;display:flex;flex-direction:column;gap:5px}
.br-out li{font:500 11px/1.35 var(--mono);color:var(--ink);padding:6px 8px;border-radius:8px;background:var(--soft);opacity:0;transform:translateY(6px);transition:opacity .3s,transform .4s cubic-bezier(.2,.8,.2,1)}
.br-out li.is-in{opacity:1;transform:none}
.br-out .br-chip{display:flex;justify-content:space-between;gap:8px}
.br-out .br-chip span{color:var(--muted);text-transform:uppercase;font-size:9.5px;letter-spacing:.06em}
.br-out li.is-ok{background:#e3f3eb;color:#0b6b4c}
.br-out li.is-no{background:#fff1e6;color:#b4521f}
.br-out li i{font-style:normal;margin-right:6px;font-weight:700}
.br-step.is-no{border-color:#e8925c}
.br-ask .br-ch{display:inline-flex;padding:4px 9px;border-radius:var(--pill);background:var(--soft)}
.br-q{font:500 16px/1.35 var(--sans);color:var(--ink);min-height:4em}
.is-code .br-q{font:500 12.5px/1.5 var(--mono);color:var(--acc);word-break:break-all}
.br-q:not(:empty)::after{content:"";display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-.15em;background:var(--acc);animation:blink 1s steps(1) infinite}
.br-ask.is-done .br-q::after{display:none}
.br-ans{background:var(--dark);border-color:var(--dark);color:#dfe6fb}
.br-ans .br-k{color:#9fb6ff}
.br-ans.is-on{box-shadow:0 0 0 4px #9fb6ff33,0 30px 60px -28px #0b1633}
.br-a{font:500 15.5px/1.42 var(--sans);color:#fff}
.is-acode .br-a{font:500 13px/1.5 var(--mono);color:#b8f3fb}
.br-ans.is-no{background:#2a1a10;border-color:#2a1a10}
.br-src{margin-top:auto;font-size:10px;color:#9fb6ff;opacity:0;transition:opacity .4s}
.br-src:not(:empty){opacity:1}
.is-wa .br-ans .br-k::before{content:"";width:14px;height:14px;background:url(/assets/landing-c/whatsapp.svg) center/contain no-repeat}
.br-engine{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:28px;align-items:center;padding:24px 26px;border-radius:24px;background:#0b1633;color:#c9d5f2;overflow:hidden;transition:box-shadow .45s}
.br-engine::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:24px 24px}
.br-engine::after{content:"";position:absolute;top:0;bottom:0;left:-30%;width:30%;pointer-events:none;background:linear-gradient(90deg,transparent,#9fb6ff26,transparent);opacity:0}
.br-engine.is-on{box-shadow:0 0 0 4px #9fb6ff40,0 30px 70px -30px #0b1633}
.br-engine.is-on::after{opacity:1;animation:br-scan 1.4s cubic-bezier(.65,0,.35,1) 2}
@keyframes br-scan{to{transform:translateX(450%)}}
.br-eng-copy{position:relative}
.br-eng-k{display:flex;align-items:center;gap:8px;color:#9fb6ff;font-size:11px}
.br-eng-dot{width:8px;height:8px;border-radius:50%;background:#3ee08a;animation:live 1.8s ease-out infinite}
.br-engine h3{margin-top:10px;color:#fff;font-size:clamp(20px,1.9vw,25px);font-weight:600;letter-spacing:-.025em;line-height:1.15}
.br-eng-copy p:last-child{margin-top:10px;font-size:14px;line-height:1.45;color:#a9b6dc}
.br-layers{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.br-layers li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#ffffff0d;border:1px solid #ffffff1a;transition:background .35s,border-color .35s,transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.br-layers svg{flex:none;width:20px;height:20px;fill:none;stroke:#9fb6ff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}
.br-layers b{display:block;font:600 13px/1.2 var(--sans);color:#e6ecfb}
.br-layers small{display:block;font-size:11px;color:#8d9cc8}
.br-layers li.is-on{background:#f2b84b;border-color:#f2b84b;transform:translateY(-3px);box-shadow:0 10px 24px -10px #f2b84bb3}
.br-layers li.is-on b{color:#2b1a00}
.br-layers li.is-on small{color:#5c3c00}
.br-layers li.is-on svg{stroke:#2b1a00}
@media (max-width:1100px){
  .br-tabs{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--pad) * -1);padding:4px var(--pad)}
  .br-stage{grid-template-columns:1fr;grid-template-areas:"ask" "s1" "s2" "eng" "s3" "ans";gap:30px;max-width:560px;margin:0 auto}
  .br-card{min-height:0}
  .br-q{min-height:0}
  .br-engine{grid-template-columns:1fr;padding:20px}
  .br-layers{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Por qué confiar: las cuatro capas y la escalera */
.layers{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(20px,3vw,36px);align-items:start}
.ly-stack{position:relative;display:flex;flex-direction:column;gap:12px;padding-left:40px}
.ly-spine{position:absolute;left:0;top:0;width:24px;overflow:visible}
.ly-rail{stroke:var(--line-2);stroke-width:2;stroke-dasharray:3 4}
.ly-pk{fill:var(--acc);stroke:#fff;stroke-width:2.5;transition:cy .9s cubic-bezier(.65,0,.35,1),fill .3s;filter:drop-shadow(0 0 6px #1d3c8f80)}
.layers.is-up .ly-pk{fill:#21b46a;filter:drop-shadow(0 0 6px #21b46a99)}
.ly{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);gap:18px;align-items:center;padding:16px 18px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line-2);transition:border-color .35s,box-shadow .45s,transform .45s cubic-bezier(.2,.8,.2,1)}
.ly.is-on{border-color:var(--acc);box-shadow:0 0 0 4px #1d3c8f14,var(--sh-2);transform:translateX(6px)}
.ly.is-on.is-up{border-color:#21b46a;box-shadow:0 0 0 4px #21b46a1f,var(--sh-2)}
.ly-head .mono{font-size:10px;color:var(--acc)}
.ly-head h3{margin-top:4px;font-size:19px;font-weight:600;letter-spacing:-.02em}
.ly-head p:last-child{margin-top:4px;font-size:13.5px;line-height:1.4;color:var(--text)}
.ly:first-child{background:var(--dark);border-color:var(--dark)}
.ly:first-child .ly-head .mono{color:#9fb6ff}
.ly:first-child h3{color:#fff}
.ly:first-child .ly-head p:last-child{color:#a9b6dc}
.ly-ex{display:flex;flex-direction:column;gap:6px;min-width:0}
.ly-q{align-self:flex-end;max-width:92%;padding:7px 11px;border-radius:12px 12px 3px 12px;background:#d7f6c9;color:#1b2a2e;font-size:13px;line-height:1.35}
.ly-a{align-self:flex-start;max-width:96%;padding:7px 11px;border-radius:12px 12px 12px 3px;background:#fff;color:#1b2a2e;font-size:13px;line-height:1.38;box-shadow:0 1px 2px #0b163322}
.ly-a small{display:block;margin-top:3px;font:500 10.5px var(--mono);color:#0b6b4c}
.ly-code{margin:0;padding:10px 12px;border-radius:12px;background:var(--dark);color:#b8f3fb;font:500 11.5px/1.65 var(--mono);white-space:pre-wrap}
.ly-chips{display:flex;flex-wrap:wrap;gap:6px}
.ly-chips span{padding:6px 10px;border-radius:var(--pill);background:var(--soft);border:1px solid var(--line);font-size:12px;color:var(--ink)}
.ly-chips b{font-weight:600;color:var(--acc);margin-right:4px}
.ly-rules{position:sticky;top:96px;padding:20px;border-radius:var(--r-lg);background:var(--soft);border:1px solid var(--line)}
.ly-rules>.mono{font-size:10.5px;color:var(--acc)}
.ly-rules ol{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;counter-reset:r}
.ly-rules li{counter-increment:r;display:grid;grid-template-columns:24px 1fr;column-gap:10px;font-size:13.5px;line-height:1.4;color:var(--text)}
.ly-rules li::before{content:counter(r);grid-row:span 2;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid var(--line-2);font:600 11px var(--mono);color:var(--acc)}
.ly-rules li b{display:block;font:600 14.5px var(--sans);color:var(--ink)}
.ly-no{display:flex;flex-direction:column;gap:6px;margin-top:16px;padding-top:16px;border-top:1px dashed var(--line-2)}
.stairs-head{max-width:720px;margin:clamp(48px,6vw,72px) 0 24px}
.stairs-head h3{font-size:clamp(24px,2.4vw,32px);font-weight:600;letter-spacing:-.03em;line-height:1.1}
.stairs-head p{margin-top:10px;font-size:16px;line-height:1.5;color:var(--text)}
.stairs{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end;padding-top:20px}
.stair{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line-2);cursor:default;outline:none;transition:border-color .35s,box-shadow .45s,transform .45s cubic-bezier(.2,.8,.2,1),background .35s}
.stair[data-st="0"]{min-height:330px}.stair[data-st="1"]{min-height:380px}.stair[data-st="2"]{min-height:430px}.stair[data-st="3"]{min-height:480px}
.stair .mono{font-size:10px;color:var(--acc)}
.stair h4{margin:0;font-size:22px;font-weight:600;letter-spacing:-.025em;color:var(--ink)}
.stair.is-on{border-color:var(--acc);box-shadow:0 0 0 4px #1d3c8f14,var(--sh-2);transform:translateY(-6px)}
.stair-ent{background:var(--dark);border-color:var(--dark)}
.stair-ent h4{color:#fff}.stair-ent .mono{color:#9fb6ff}
.stair-ent.is-on{box-shadow:0 0 0 4px #9fb6ff40,0 30px 60px -26px #0b1633}
.st-bars{display:flex;flex-direction:column;gap:5px}
.st-bars span{display:grid;grid-template-columns:1fr 62px;align-items:center;gap:8px;font:500 10px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.st-bars span i{order:-1;height:7px;border-radius:7px;background:var(--soft);position:relative;overflow:hidden}
.st-bars span i::after{content:"";position:absolute;inset:0;border-radius:7px;transform-origin:0;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.st-open i::after{background:#9aa7c9;transform:scaleX(var(--open))}
.st-value i::after{background:linear-gradient(90deg,var(--acc),#3ddc97);transform:scaleX(var(--value))}
.stair-ent .st-bars span{color:#8d9cc8}
.stair-ent .st-bars span i{background:#ffffff1a}
.stair dl{margin:auto 0 0;display:flex;flex-direction:column;gap:8px}
.stair dl div{padding:9px 10px;border-radius:12px;background:var(--soft)}
.stair dt{font:600 9.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.stair dd{margin:3px 0 0;font-size:13px;line-height:1.38;color:var(--ink)}
.st-keeps{background:#fff!important;border:1px dashed var(--line-2)}
.st-keeps dt::before{content:"🔒 "}
.st-gets{background:#e3f3eb!important}
.st-gets dt{color:#0b6b4c}
.stair-ent dl div{background:#ffffff12}
.stair-ent .st-keeps{background:transparent!important;border-color:#ffffff33}
.stair-ent .st-gets{background:#3ddc9726!important}
.stair-ent dd{color:#e6ecfb}
.stair-ent dt,.stair-ent .st-gets dt{color:#9fb6ff}
.st-climber{position:absolute;left:0;top:0;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#f2b84b;border:3px solid #fff;box-shadow:0 4px 12px #0b163366;transition:transform .7s cubic-bezier(.5,-.4,.3,1.4);pointer-events:none;z-index:3}
.trust-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;padding:16px 18px;border-radius:var(--r-lg);background:var(--dark);color:#dfe6fb}
.sec{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sec li{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:var(--pill);border:1px solid #ffffff2e;font-size:12.5px}
.sec li::before{content:"";width:7px;height:7px;border-radius:50%;background:#3ddc97}
.loop{display:flex;align-items:center;gap:10px;max-width:460px;font-size:13.5px;line-height:1.4;color:#c9d5f2}
.loop-ico{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#ffffff14;color:#9fb6ff;font-size:16px;animation:hs-spin 6s linear infinite}
@media (max-width:980px){
  .layers{grid-template-columns:1fr}
  .ly-rules{position:static}
  .stairs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stair[data-st]{min-height:0}
  .st-climber{display:none}
}
@media (max-width:640px){
  .ly{grid-template-columns:1fr}
  .ly-stack{padding-left:28px}
  .stairs{grid-template-columns:1fr}
}

/* ── Iteración del 10/11 (3) ─────────────────────────────────────────── */

/* Desplegable «Producto»: Recetas y Enterprise en grande; las APIs en una
   tarjeta de otro color dentro del panel. */
.dd-feature{align-items:flex-start;gap:14px;padding:14px 12px}
.dd-feature .dd-t b{font-size:16.5px;font-weight:600}
.dd-feature .dd-t small{font-size:13px;line-height:1.4}
.dd-ico{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:var(--acc);box-shadow:0 8px 18px -10px #1d3c8fb3}
.dd-ico svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.dd-feature:hover .dd-ico{transform:translateY(-1px)}
.dd-feature .dd-tag{margin-top:2px}
.dd-block.dd-card{margin:4px;padding:6px;border:1px solid #fff!important;border-radius:16px;background:linear-gradient(160deg,#eaf0ff,#dfe8ff);box-shadow:0 0 0 1px #1d3c8f1f,inset 0 1px 0 #fff}
.dd-block.dd-card .dd-sub{border-bottom-color:#1d3c8f2e}
.dd-block.dd-card .dd-row:hover{background:#ffffffb3}
.dd-block.dd-card .dd-code{background:#fff;border-color:#fff}
.dd-block+.dd-block.dd-card{border-left:1px solid #fff}

/* Modal de «Empezá gratis» */
.start-dialog{width:min(920px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:24px;background:#fff;color:var(--text);box-shadow:0 40px 100px -30px #0b1633;overflow:auto}
.start-dialog::backdrop{background:#0b1633a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.start-dialog[open]{animation:start-in .45s cubic-bezier(.2,.9,.25,1.1)}
.start-dialog[open]::backdrop{animation:start-fade .3s ease}
@keyframes start-in{from{opacity:0;transform:translateY(18px) scale(.97)}}
@keyframes start-fade{from{opacity:0}}
body.start-open{overflow:hidden}
.start-close{position:absolute;z-index:3;top:14px;right:14px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer}
.start-close svg{width:18px;height:18px;fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round}
.start-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);min-height:540px}
.start-aside{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;gap:28px;padding:28px;color:#fff;background:var(--acc)}
.start-map{position:absolute;inset:0;z-index:-1;opacity:.9}
.start-map svg{width:100%;height:100%}
.start-map rect{fill:none;stroke:#fff;stroke-opacity:.14}
.start-map path{fill:none;stroke:#fff;stroke-opacity:.25;stroke-dasharray:6 5}
.start-aside img{height:30px;width:auto;filter:brightness(0) invert(1);align-self:flex-start}
.start-pitch{margin-top:auto}
.start-big{font:600 clamp(28px,3vw,36px)/1.05 var(--sans);letter-spacing:-.035em}
.start-steps{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.start-steps li{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:14px;background:#0b16334d;border:1px solid #ffffff33;font:500 14.5px var(--sans);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.start-steps i{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#fff;color:var(--acc);font:600 12px var(--mono);font-style:normal}
.start-note{display:flex;align-items:center;gap:8px;color:#dfe6fb;font-size:10.5px}
.start-dot{width:7px;height:7px;border-radius:50%;background:#3ee08a;animation:live 1.8s ease-out infinite}
.start-main{display:flex;flex-direction:column;justify-content:center;padding:36px clamp(22px,4vw,44px)}
.start-heading h2{font-size:clamp(28px,3vw,38px);letter-spacing:-.035em}
.start-heading p{margin-top:8px;font-size:15px;line-height:1.5;max-width:420px}
.start-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.start-fields label{display:flex;flex-direction:column;gap:6px;font:500 13px var(--sans);color:var(--ink)}
.start-fields label.is-wide{grid-column:1/-1}
.start-fields small{font-weight:400;color:var(--muted)}
.start-fields input,.start-fields textarea{width:100%;padding:12px 14px;border:1px solid var(--line-2);border-radius:12px;background:#fff;font:400 15px var(--sans);color:var(--ink);transition:border-color .2s,box-shadow .2s;resize:vertical}
.start-fields input:focus,.start-fields textarea:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 4px #1d3c8f1f}
.start-fields input:user-invalid{border-color:#d1493f}
.start-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.start-error{margin-top:12px;padding:10px 12px;border-radius:12px;background:#fdecea;color:#a2322a;font-size:13.5px}
.start-submit{margin-top:18px;width:100%;justify-content:space-between}
.start-submit[disabled]{opacity:.7;cursor:progress}
.start-foot{margin-top:10px;font-size:12.5px;color:var(--muted);text-align:center}
.start-success{display:flex;flex-direction:column;align-items:flex-start;gap:12px;outline:none}
.start-success[hidden]{display:none}
.start-ok{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#e3f3eb;animation:start-pop .5s cubic-bezier(.2,.9,.3,1.5)}
.start-ok svg{width:30px;height:30px;fill:none;stroke:#0b6b4c;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30;stroke-dashoffset:30;animation:start-check .5s .2s forwards}
@keyframes start-pop{from{transform:scale(.4);opacity:0}}
@keyframes start-check{to{stroke-dashoffset:0}}
.start-success h3{font-size:24px;font-weight:600;letter-spacing:-.02em}
.start-success p{font-size:15px;line-height:1.5}
@media (max-width:760px){
  .start-dialog{width:100%;max-width:none;max-height:calc(100dvh - 12px);margin:auto 0 0;border-radius:24px 24px 0 0}
  .start-dialog[open]{animation:start-up .45s cubic-bezier(.2,.9,.25,1)}
  @keyframes start-up{from{transform:translateY(40px);opacity:0}}
  .start-layout{grid-template-columns:1fr;min-height:0}
  .start-aside{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px}
  .start-pitch,.start-note{display:none}
  .start-aside img{height:24px}
  .start-close{top:10px;right:10px;background:#ffffff26;border-color:#ffffff4d}
  .start-close svg{stroke:#fff}
  .start-main{padding:20px 18px 26px}
  .start-fields{grid-template-columns:1fr;gap:10px;margin-top:16px}
}

/* Para quién: el texto se apoya en un degradé azul noche con la cuadrícula
   del plano, que se pierde hacia arriba. */
.door-live::before{background:linear-gradient(180deg,#0b163314 0%,#0b163300 22%,#0b163399 46%,#0b1633f0 70%,#0b1633 100%)}
.door-live .sector-body{isolation:isolate;padding-top:70px}
.door-live .sector-body::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:24px 24px;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 55%);mask-image:linear-gradient(180deg,transparent 0%,#000 55%)}
.door-live h3,.door-live .sector-text,.door-live .sector-q{text-shadow:0 1px 12px #0b1633}
.door-live .sector-text{color:#e3e9f9}
.door-live .sector-media{filter:saturate(.85) contrast(1.05)}

/* Hero en el teléfono: todo entra en la primera pantalla */
@media (max-width:600px){
  main>section.hero:first-child{padding-top:88px!important;padding-bottom:36px!important;min-height:0}
  .hero-in{gap:18px}
  .hero-title{font-size:34px}
  .hero-title .tw{min-height:2em}
  .lens{aspect-ratio:16/10;border-radius:18px}
  .lens-tick{width:12px;height:12px}
  .lens-top,.lens-foot{left:26px;right:26px;font-size:8.5px}
  .lens-top{top:10px}.lens-foot{bottom:10px}
  .lens-live,.lens-c{padding:3px 7px}
  .lens-scale i{width:36px}
  .lens-alert{left:12px;bottom:30px;padding:5px 9px;font-size:9.5px}
  .clicks{margin:-22px 10px 0;gap:6px}
  .click{padding:8px 10px;gap:10px;border-radius:14px}
  .click-n{width:26px;height:26px;border-radius:9px;font-size:11.5px}
  .click-ok{inset:5px}
  .click b{font-size:13.5px}
  .click small{font-size:10.5px;margin-top:1px}
  .click:not(:last-child)::after{left:22px;height:6px}
  .hs-wa{top:30px;left:10px;right:10px;padding:9px 11px;border-radius:14px 14px 4px 14px}
  .hs-wa-head b{font-size:12.5px}
  .hs-wa-msg{margin-top:5px;font-size:12px;line-height:1.36}
  .hero .hero-cta{flex-wrap:nowrap;gap:8px}
  .hero .hero-cta .btn{flex:1 1 0;justify-content:space-between;font-size:15px}
  .hero .hero-cta .btn-dark{padding:5px 5px 5px 16px;gap:8px}
  .hero .hero-cta .btn-dark .btn-arrow{width:34px;height:34px}
  .hero .hero-cta .btn-light{padding:13px 14px}
  .hero .hero-cta .btn-light::after{margin-left:4px}
}

/* La simulación en el teléfono: el mapa ocupa todo, el panel es una hoja
   flotante abajo y el aviso de WhatsApp cae como notificación arriba. */
@media (max-width:900px){
  .demo-head{margin-bottom:18px}
  .app{height:auto;min-height:0}
  .app-body{display:block;position:relative;height:min(500px,70svh)}
  .app-map{position:absolute;inset:0}
  .map-zoom,.map-foot span:first-child{display:none}
  .map-chip{top:10px;left:10px;font-size:9.5px;padding:6px 9px}
  .app-panel{position:absolute;z-index:3;left:10px;right:10px;bottom:10px;height:188px;border:0;border-radius:18px;box-shadow:0 18px 40px -14px #0b1633cc}
  .pane{padding:12px 14px;gap:7px}
  .pane-hint,.pane-ghost,.pane-search,.dqr-hint{display:none}
  .pane-count b{font-size:20px}
  .llist li{padding:4px 0;font-size:12.5px}
  .ritem{padding:7px 9px}
  .ritem:nth-child(n+4){display:none}
  .ritem-t small{display:none}
  .pane[data-pane="2"]{display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto 1fr auto auto;column-gap:12px;row-gap:6px}
  .pane[data-pane="2"] .pane-k{grid-column:1/-1}
  .pane[data-pane="2"] .dqr{grid-column:1;grid-row:2/5;width:96px;height:96px;align-self:center;padding:6px}
  .pane[data-pane="2"] .clist{grid-column:2;grid-row:2;font-size:12px;gap:2px}
  .pane[data-pane="2"] .pane-btn{grid-column:2;padding:7px 10px;font-size:12.5px;margin:0}
  .dphone{position:absolute;z-index:5;top:46px;left:10px;right:10px;width:auto;max-width:none;height:auto;margin:0;padding:0;border-radius:16px;background:none;box-shadow:none;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .35s,transform .45s cubic-bezier(.2,.9,.25,1.2)}
  .dphone::before,.dphone-bar,.dphone-day,.dphone-wait{display:none}
  .dphone-chat{min-height:0;padding:0;background:none;border-radius:0}
  .dphone.is-typing,.dphone:has(.wa-note.is-on){opacity:1;transform:none}
  .dphone .wa-note{max-width:none;width:100%;padding:10px 12px;border-radius:14px;box-shadow:0 16px 36px -12px #0b1633b3}
  .dphone .wa-note::before{content:"WhatsApp · Ucotron";display:block;margin-bottom:4px;font:600 10px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:#0b6b4c}
  .dphone-typing{box-shadow:0 10px 24px -10px #0b1633b3}
  .demo-cta{margin-top:18px}
}

/* Motor: latido al llegar, fundido entre ejemplos y cables que fluyen */
.br-w{animation:wire-flow 1.2s linear infinite}
.br-card.is-hit{animation:br-hit .6s cubic-bezier(.2,.8,.2,1)}
@keyframes br-hit{0%{box-shadow:0 0 0 0 #1d3c8f55,var(--sh-2)}100%{box-shadow:0 0 0 14px #1d3c8f00,var(--sh-2)}}
.br-engine.is-hit{animation:none}
.br-out li,.br-q,.br-a,.br-src{transition:opacity .28s,transform .4s cubic-bezier(.2,.8,.2,1)}
.brain.is-swap .br-out li,.brain.is-swap .br-q,.brain.is-swap .br-a,.brain.is-swap .br-src{opacity:0;transform:translateY(-4px)}
.brain.is-swap .br-card{transition-duration:.25s}
.br-layers li{transition:background .45s,border-color .45s,transform .55s cubic-bezier(.2,.9,.3,1.3),box-shadow .45s}

/* Motor en el teléfono: una sola columna compacta, sin cables, que se lee
   de una: lo que todavía no pasó queda atenuado. */
@media (max-width:1100px){
  .br-wires{display:none}
  .br-stage{gap:8px;max-width:520px;padding:0}
  .br-card{padding:11px 13px;gap:5px;border-radius:16px;transform:none!important}
  .br-card:not(.is-on):not(.is-done){opacity:.45}
  .br-d,.br-eng-copy>p:last-child{display:none}
  .br-step .br-k{font-size:14.5px}
  .br-num{width:20px;height:20px;font-size:11px}
  .br-q{font-size:14.5px}
  .br-out{flex-direction:row;flex-wrap:wrap;gap:4px;margin:0}
  .br-out li{padding:4px 7px;font-size:10.5px}
  .br-out .br-chip span{display:none}
  .br-a{font-size:14px}
  .br-engine{padding:12px 13px;gap:8px;border-radius:16px}
  .br-engine h3{margin-top:4px;font-size:14.5px}
  .br-layers{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
  .br-layers li{flex-direction:column;align-items:flex-start;gap:4px;padding:7px 8px;border-radius:10px}
  .br-layers svg{width:16px;height:16px}
  .br-layers b{font-size:10.5px}
  .br-layers small{display:none}
  .br-tabs{margin-bottom:14px}
  .br-tab{padding:9px 12px 11px}
  .br-tab b{font-size:13.5px}
  .br-tab small{font-size:11px}
}

/* Enterprise en el teléfono: el mapa más bajo y, debajo, sólo el panel
   activo; los otros tres quedan como pestañas chicas. */
@media (max-width:900px){
  .ent-svg{aspect-ratio:auto;height:250px}
  .ent-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px}
  .ep{order:1;border-radius:12px}
  .ep.is-on{order:2;grid-column:1/-1;transform:none}
  .ep:not(.is-on) .ep-h{padding:7px 9px;gap:6px}
  .ep:not(.is-on) .ep-h b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ep-d{display:none}
  .ep.is-on .ep-in{padding-bottom:12px}
  .ep-bars{height:60px}
  .ent-top .lead{font-size:15px}
}

/* Por qué confiar: dos columnas, capas y escalera */
.trust-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.trust-col{min-width:0;display:flex;flex-direction:column;gap:20px}
.trust-sub .mono{font-size:10.5px;color:var(--acc)}
.trust-sub h3{margin-top:8px;font-size:clamp(21px,2vw,26px);font-weight:600;letter-spacing:-.025em;line-height:1.15}
.trust-sub p:last-child{margin-top:8px;font-size:15px;line-height:1.5;color:var(--text)}
.trust .layers{display:block}
.trust .ly-stack{gap:10px;padding-left:34px}
.trust .ly{grid-template-columns:30px minmax(0,1fr);gap:4px 12px;padding:13px 15px;align-items:start}
.ly-n{display:grid;place-items:center;grid-row:span 2;width:30px;height:30px;border-radius:10px;background:var(--soft);color:var(--acc);font-size:12px;font-weight:600}
.trust .ly:first-child .ly-n{background:#ffffff1a;color:#fff}
.trust .ly-head h3{margin:0;font-size:16.5px}
.trust .ly-head p{margin-top:2px;font-size:13px}
.trust .ly-ex{grid-column:2}
.trust .ly-ex .ly-q,.trust .ly-ex .ly-a{font-size:12px}
.trust .ly-code{font-size:10.5px;padding:8px 10px}
.trust .ly-chips span{font-size:11px;padding:4px 8px}
.trust .ly.is-on{transform:translateX(4px)}
.climb2{position:relative;padding:18px 18px 14px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line-2)}
.climb2-line{position:absolute;left:18px;right:18px;top:18px;height:220px;width:calc(100% - 36px);overflow:visible;pointer-events:none;z-index:2}
.c2-value{fill:none;stroke:#21b46a;stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s .3s cubic-bezier(.65,0,.35,1)}
.c2-open{fill:none;stroke:#9aa7c9;stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1;vector-effect:non-scaling-stroke;transition:stroke-dashoffset 1.4s .5s cubic-bezier(.65,0,.35,1)}
.climb2.is-in .c2-value,.climb2.is-in .c2-open{stroke-dashoffset:0}
.climb2-steps{position:relative;list-style:none;margin:0;padding:0;height:220px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end}
.c2{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;cursor:default}
.c2-bar{position:relative;display:block;height:var(--h);border-radius:14px 14px 6px 6px;background:linear-gradient(180deg,#dfe8ff,#eef3ff);border:1px solid var(--line);transform-origin:bottom;transform:scaleY(.2);opacity:0;transition:transform .7s cubic-bezier(.2,.9,.3,1.2),opacity .4s,background .4s,border-color .4s,box-shadow .4s}
.c2:nth-child(2) .c2-bar{transition-delay:.08s}.c2:nth-child(3) .c2-bar{transition-delay:.16s}.c2:nth-child(4) .c2-bar{transition-delay:.24s}
.climb2.is-in .c2-bar{transform:none;opacity:1}
.c2-ent .c2-bar{background:linear-gradient(180deg,#2b4fa6,#1d3c8f)}
.c2.is-on .c2-bar{border-color:var(--acc);box-shadow:0 14px 30px -14px #1d3c8f99}
.c2-ico{position:absolute;left:50%;top:10px;display:grid;place-items:center;width:34px;height:34px;margin-left:-17px;border-radius:11px;background:#fff;box-shadow:0 4px 12px -6px #0b163366;transition:transform .4s cubic-bezier(.2,.9,.3,1.4)}
.c2-ico svg{width:18px;height:18px;fill:none;stroke:var(--acc);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.c2.is-on .c2-ico{transform:translateY(-4px) scale(1.08)}
.climb2-steps b,.climb2-steps small{display:block}
.c2 b{position:absolute;left:0;right:0;bottom:calc(var(--h) + 8px);font:600 12.5px/1.2 var(--sans);color:var(--ink);text-align:center;opacity:.55;transition:opacity .3s}
.c2 small{display:none}
.c2.is-on b{opacity:1}
.climb2-legend{display:flex;justify-content:space-between;gap:12px;margin-top:12px;padding-top:10px;border-top:1px dashed var(--line-2);font:500 11px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.climb2-legend span{display:inline-flex;align-items:center;gap:8px}
.climb2-legend span::before{content:"";width:18px;height:3px;border-radius:3px;background:#21b46a}
.climb2-legend .lg-open::before{background:#9aa7c9}
.climb2-caption{min-height:1.4em}
.vault{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--r-lg);background:var(--dark);color:#c9d5f2}
.vault-ico{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:#ffffff14}
.vault-ico svg{width:22px;height:22px;fill:none;stroke:#3ddc97;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vault p{font-size:13.5px;line-height:1.4}
.vault b{display:block;font:600 15px var(--sans);color:#fff}
@media (max-width:980px){
  .trust-cols{grid-template-columns:1fr;gap:34px}
  .trust-col+.trust-col{padding-top:28px;border-top:1px dashed var(--line-2)}
}
@media (max-width:520px){
  .climb2-steps{height:190px;gap:6px}
  .climb2-line{height:190px}
  .c2 b{font-size:10.5px}
  .c2-ico{width:28px;height:28px;margin-left:-14px;top:6px}
  .c2-ico svg{width:15px;height:15px}
  .trust .ly-stack{padding-left:26px}
}
.c2-open{position:absolute;left:4px;right:4px;bottom:4px;height:var(--o);border-radius:4px;background:#9aa7c9}
.c2-ent .c2-open{background:#c9d5ff}
.climb2-legend span::before{background:var(--acc)}
.climb2-legend .lg-open::before{background:#9aa7c9}
@media (max-width:900px){.app-body{flex:none}}
@media (max-width:600px){.hero .hero-cta .btn{font-size:14.5px;white-space:nowrap}.hero .hero-cta .btn-light{padding:13px 12px}}

/* ── Iteración del 10/11 (4) ─────────────────────────────────────────── */

/* Rendimiento: sin vidrio (backdrop-filter) en lo que se anima o se repite;
   fondos casi opacos dan el mismo efecto sin recalcular lo de atrás en cada
   cuadro. Las capas de plano van en su propia capa de composición. */
.sector .chip,.hero .hero-cta .btn-light,.pain-list li,.click,.sector-go,.ep,.start-steps li{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.lens{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:linear-gradient(160deg,#cfe0ff38,#9fb6ff1f 60%,#ffffff12)}
.pain-list li{background:#0b163380}
.pain.is-struck .pain-list li{background:#0b16334d}
.click{background:#0b1633e0}
.ep:not(.is-on){background:#0b1633e6}
.ep{background:#fffffff5}
.sector-go{background:#0b163380}
.hero .hero-cta .btn-light{background:#0b16334d}
.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.final-map svg,.footer-map svg,.hero-bg svg,.start-map svg{will-change:transform;transform:translateZ(0)}
.br-w{animation:none}
/* Lo que no se ve no se anima (site.js marca la sección con is-off). */
.is-off,.is-off *,.is-off *::before,.is-off *::after{animation-play-state:paused!important}
.faq-list details::before{transition-duration:.3s}

/* Integradores: tres tarjetas con su código y lo que las hace distintas */
.api2-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.api2{--c:var(--acc);--cs:#e8eeff;display:flex;flex-direction:column;gap:12px;min-width:0;padding:22px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line-2);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}
.api2:hover{transform:translateY(-4px);border-color:var(--c);box-shadow:var(--sh-2)}
.api2-reports{--c:#b4521f;--cs:#fff1e6}
.api2-recipes{--c:#0b6b4c;--cs:#e3f3eb}
.api2-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.api2-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:var(--pill);background:var(--cs);color:var(--c);font:600 14px var(--sans)}
.api2-tag i{width:10px;height:10px;border-radius:3px;background:var(--c)}
.api2-path{font:500 12px var(--mono);color:var(--muted)}
.api2 h3{font-size:19px;font-weight:600;letter-spacing:-.02em;line-height:1.25}
.api2-text{font-size:14px;line-height:1.5;color:var(--text)}
.api2-uses{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.api2-uses li{padding:5px 10px;border-radius:var(--pill);border:1px solid var(--line);font-size:12.5px;color:var(--ink)}
.api2-code{margin-top:4px;border-radius:14px;background:#0b1633;overflow:hidden;box-shadow:0 14px 30px -18px #0b1633}
.api2-bar{display:flex;align-items:center;gap:5px;padding:8px 12px;border-bottom:1px solid #ffffff14}
.api2-bar i{width:8px;height:8px;border-radius:50%;background:#ffffff2e}
.api2-bar span{margin-left:8px;font:500 10.5px var(--mono);color:#7d90c4}
.api2-code pre{margin:0;padding:12px 14px 14px;overflow-x:auto;font:500 11.5px/1.65 var(--mono);color:#dfe6fb;white-space:pre}
.api2-code .cm{display:inline-block;padding:0 6px;border-radius:5px;background:var(--c);color:#fff;font-weight:600}
.api2-code .ck{color:#9fb6ff}
.api2-code .cv{color:#ffd27a}
.api2-code .cc{color:#7d90c4}
.api2-eps{list-style:none;margin:auto 0 0;padding:0;display:flex;flex-direction:column;gap:5px}
.api2-eps li{display:flex;align-items:center;gap:8px;font-size:12px}
.api2-eps b{flex:none;width:44px;padding:3px 0;border-radius:5px;background:var(--soft);font:600 10px var(--mono);text-align:center;color:var(--ink)}
.api2-eps b.mt-post{background:var(--ink);color:#fff}
.api2-eps code{font:500 12px var(--mono);color:var(--ink);overflow-wrap:anywhere}
.api2-why{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.api2-why li{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:var(--r-lg);background:var(--soft);border:1px solid var(--line)}
.api2-ico{display:grid;place-items:center;width:36px;height:36px;margin-bottom:4px;border-radius:11px;background:#fff;box-shadow:var(--sh-1)}
.api2-ico svg{width:18px;height:18px;fill:none;stroke:var(--acc);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.api2-why b{font:600 15px var(--sans);color:var(--ink)}
.api2-why li>span:last-child{font-size:13.5px;line-height:1.45;color:var(--text)}
.api2-cta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}
@media (max-width:1000px){.api2-grid{grid-template-columns:1fr}.api2-why{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.api2-why{grid-template-columns:1fr}.api2{padding:18px}}

/* Qué vendemos: cuatro planes */
.tiers2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}
.tier2{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0;padding:22px 20px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line-2);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}
.tier2:hover{transform:translateY(-4px);border-color:var(--acc);box-shadow:var(--sh-2)}
.tier2-k{font-size:10.5px;color:var(--acc)}
.tier2 h3{font-size:24px;font-weight:600;letter-spacing:-.03em}
.tier2-price{display:flex;align-items:baseline;gap:6px}
.tier2-price b{font:600 34px/1 var(--sans);letter-spacing:-.04em;color:var(--ink)}
.tier2-price small{font-size:14px;color:var(--muted)}
.tier2-for{font-size:14px;line-height:1.45;color:var(--text);min-height:2.9em}
.tier2-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}
.tier2-meta div{padding:8px 9px;border-radius:12px;background:var(--soft)}
.tier2-meta dt{font:500 9.5px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.tier2-meta dd{margin:3px 0 0;font:600 13.5px var(--sans);color:var(--ink)}
.tier2 .btn{justify-content:space-between}
.tier2 ul{list-style:none;margin:6px 0 0;padding:14px 0 0;border-top:1px dashed var(--line-2);display:flex;flex-direction:column;gap:9px}
.tier2 li{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;line-height:1.38;color:var(--ink)}
.tier2 li svg{flex:none;width:16px;height:16px;margin-top:1px;padding:2px;border-radius:50%;background:#e3f3eb;fill:none;stroke:#0b6b4c;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.tier2-plus{font:500 11px var(--mono)!important;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)!important}
.tier2-ent{background:var(--dark);border-color:var(--dark);color:#c9d5f2}
.tier2-ent .tier2-k{color:#9fb6ff}
.tier2-ent h3,.tier2-ent .tier2-price b{color:#fff}
.tier2-ent .tier2-price small,.tier2-ent .tier2-for{color:#a9b6dc}
.tier2-ent .tier2-meta div{background:#ffffff12}
.tier2-ent .tier2-meta dt{color:#8d9cc8}
.tier2-ent .tier2-meta dd{color:#fff}
.tier2-ent ul{border-color:#ffffff26}
.tier2-ent li{color:#e6ecfb}
.tier2-ent li svg{background:#3ddc9726;stroke:#3ddc97}
.tier2-ent .tier2-plus{color:#8d9cc8!important}
.tier2-ent .btn-dark{background:#fff;border-color:#fff;color:var(--acc)}
.tier2-ent .btn-dark .btn-arrow{background:var(--acc);color:#fff}
.tier2-flag{position:absolute;top:16px;right:16px;padding:4px 9px;border-radius:var(--pill);background:#f2b84b;color:#3a2400;font:600 10px var(--mono);letter-spacing:.04em;text-transform:uppercase}
@media (max-width:1100px){.tiers2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.tiers2{grid-template-columns:1fr}.tier2-for{min-height:0}}

/* Cierre */
.final-lead{margin:18px auto 0;max-width:560px;font-size:17px;line-height:1.5;color:#dfe6fb;text-align:center}

/* Pie */
.footer-cta,.footer-top,.footer-bottom,.footer-giant{max-width:var(--max);margin:0 auto;border-inline:1px solid #ffffff1f;padding-inline:var(--pad)}
.footer-cta{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-block:64px 44px;border-bottom:1px solid #ffffff1f}
.footer-k{display:flex;align-items:center;gap:8px;color:#9fb6ff;font-size:10.5px}
.footer-dot{width:7px;height:7px;border-radius:50%;background:#3ee08a;animation:live 1.8s ease-out infinite}
.footer-big{margin-top:12px;font:600 clamp(34px,4.6vw,60px)/1 var(--sans);letter-spacing:-.04em;color:#fff}
.footer-btns{display:flex;gap:10px;flex-wrap:wrap}
.footer .btn-dark{background:#fff;border-color:#fff;color:var(--acc)}
.footer .btn-dark .btn-arrow{background:var(--acc);color:#fff}
.footer .btn-light{background:transparent;color:#fff;border-color:#ffffff59}
.footer .btn-light:hover{background:#ffffff14;border-color:#fff}
.footer-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2fr);gap:40px;padding-block:48px}
.footer-brand{display:flex;flex-direction:column;gap:16px}
.footer-mark{height:40px;width:auto;align-self:flex-start;filter:brightness(0) invert(1)}
.footer-claim{margin-top:0;max-width:340px;font-size:14.5px;line-height:1.55;color:#a9b6dc}
.footer-eco{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.footer-eco .mono{font-size:9.5px;color:#7d90c4}
.footer-eco div{display:flex;align-items:center;gap:18px}
.footer-eco img{height:30px;width:auto;filter:brightness(0) invert(1);opacity:.7}
.footer-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.footer-cols div{display:flex;flex-direction:column;gap:10px}
.footer-cols a{font-size:14px}
.footer-lang{display:flex;gap:6px;margin-top:6px}
.footer-lang span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #ffffff26;border-radius:var(--pill);font:600 10.5px var(--mono);color:#7d90c4}
.footer-lang span.is-current{color:#fff;border-color:#ffffff73}
.footer-lang .flag{width:14px;height:14px}
.footer-giant{overflow:hidden;height:clamp(70px,13vw,170px);font:700 clamp(110px,21vw,270px)/.9 var(--sans);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px #ffffff2b;text-align:center;user-select:none;background:linear-gradient(180deg,#ffffff14,#ffffff00 70%);-webkit-background-clip:text;background-clip:text}
.footer-bottom{border-top:1px solid #ffffff1f}
@media (max-width:900px){.footer-top{grid-template-columns:1fr}.footer-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.footer-cta{padding-block:48px 32px}.footer-btns .btn{flex:1 1 auto;justify-content:space-between}}
/* Si la página ya cierra con la franja azul, el pie no repite los botones. */
main:has(.final) ~ .footer .footer-cta{display:none}
.tier2-flag{top:-11px;right:18px;box-shadow:0 6px 14px -6px #0b163380}
@media (max-width:520px){.api2-code pre{font-size:10.5px;padding:10px 12px 12px}}

/* ── Iteración del 10/11 (5) ─────────────────────────────────────────── */

/* Por qué confiar · el motor en una tarjeta */
.eng2{position:relative;display:flex;flex-direction:column;align-items:stretch}
.eng2-ai{position:relative;z-index:2;align-self:center;width:min(100%,420px);padding:14px 16px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line-2);box-shadow:var(--sh-1);display:flex;flex-direction:column;gap:8px;transition:border-color .3s,box-shadow .3s}
.eng2[data-at=ask] .eng2-ai,.eng2.is-done .eng2-ai{border-color:var(--acc);box-shadow:0 0 0 4px #1d3c8f14,var(--sh-2)}
.eng2-ai-k{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--acc)}
.eng2-logos img{display:block}
.eng2-q{align-self:flex-end;padding:7px 11px;border-radius:12px 12px 3px 12px;background:#d7f6c9;font-size:13px;color:#1b2a2e}
.eng2-a{align-self:flex-start;max-width:92%;padding:7px 11px;border-radius:12px 12px 12px 3px;background:var(--soft);font-size:13px;color:#1b2a2e;opacity:0;transform:translateY(6px);transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1)}
.eng2-a small{display:block;margin-top:3px;font:500 10.5px var(--mono);color:#0b6b4c}
.eng2.is-done .eng2-a{opacity:1;transform:none}
.eng2-link{position:relative;align-self:center;width:2px;height:54px;background:repeating-linear-gradient(180deg,var(--line-2) 0 4px,transparent 4px 8px)}
.eng2-link span{position:absolute;left:14px;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:10px;color:var(--muted)}
.eng2-pk{position:absolute;left:50%;top:0;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--acc);border:2px solid #fff;box-shadow:0 0 10px #1d3c8f99;opacity:0;transition:top .5s cubic-bezier(.65,0,.35,1),background .3s,opacity .3s}
.eng2[data-at="0"] .eng2-pk,.eng2[data-at="1"] .eng2-pk,.eng2[data-at="2"] .eng2-pk{opacity:1;top:100%}
.eng2.is-up .eng2-pk{background:#21b46a;box-shadow:0 0 10px #21b46a99}
.eng2.is-up[data-at=ans] .eng2-pk{opacity:1;top:0}
.eng2-card{position:relative;padding:16px;border-radius:24px;background:#0b1633;color:#c9d5f2;overflow:hidden;box-shadow:0 30px 60px -30px #0b1633}
.eng2-card::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 80%);mask-image:linear-gradient(180deg,#000,transparent 80%)}
.eng2-head{position:relative;display:flex;align-items:center;gap:9px;margin-bottom:12px}
.eng2-head b{font:600 16px var(--sans);color:#fff}
.eng2-head .mono{margin-left:auto;font-size:9.5px;color:#7d90c4}
.eng2-dot{width:8px;height:8px;border-radius:50%;background:#3ee08a;animation:live 1.8s ease-out infinite}
.eng2-band{position:relative;display:flex;flex-direction:column;gap:7px;padding:12px 14px;border-radius:16px;background:#ffffff0d;border:1px solid #ffffff1a;transition:background .35s,border-color .35s,box-shadow .35s,transform .45s cubic-bezier(.2,.8,.2,1)}
.eng2-band+.eng2-band{margin-top:8px}
.eng2-band>.mono{font-size:10px;color:#9fb6ff}
.eng2-band small{font-size:12px;color:#8d9cc8}
.eng2-band.is-on{background:#1d3c8f;border-color:#9fb6ff;box-shadow:0 0 0 4px #9fb6ff26;transform:translateX(4px)}
.eng2.is-up .eng2-band.is-on{background:#0e5a40;border-color:#3ddc97;box-shadow:0 0 0 4px #3ddc9726}
.eng2-api{display:flex;flex-wrap:wrap;gap:6px}
.eng2-api code{padding:4px 8px;border-radius:7px;background:#ffffff14;font:500 11.5px var(--mono);color:#fff}
.eng2-chips{display:flex;flex-wrap:wrap;gap:6px}
.eng2-chips span{padding:4px 9px;border-radius:var(--pill);background:#ffffff14;font-size:12px;color:#e6ecfb}
.eng2-src span{background:transparent;border:1px solid #ffffff2e}

/* La escalera: bloques que suben, con su cara de arriba, y el último es
   Enterprise. Un punto va saltando de escalón en escalón. */
.st3{position:relative;padding:18px 16px 16px;border-radius:var(--r-lg);background:linear-gradient(180deg,#fff,var(--soft));border:1px solid var(--line-2)}
.st3 ol{list-style:none;margin:0;padding:0;height:250px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:end}
.st3-step{height:100%;display:flex;flex-direction:column;justify-content:flex-end;cursor:default}
.st3-block{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;height:var(--h);padding:12px 10px;border-radius:14px 14px 8px 8px;background:linear-gradient(180deg,#e6edff,#d3defc);box-shadow:inset 0 3px 0 #fff,inset 0 -6px 0 #b9c8f2;transform-origin:bottom;transform:scaleY(.15);opacity:0;transition:transform .7s cubic-bezier(.2,.9,.3,1.15),opacity .4s,box-shadow .4s,background .4s}
.st3-step:nth-child(2) .st3-block{transition-delay:.08s}.st3-step:nth-child(3) .st3-block{transition-delay:.16s}.st3-step:nth-child(4) .st3-block{transition-delay:.24s}
.st3.is-in .st3-block{transform:none;opacity:1}
.st3-block b{font:600 13px/1.2 var(--sans);color:var(--ink)}
.st3-block small{font-size:11px;line-height:1.3;color:var(--text)}
.st3-ico{position:absolute;left:10px;top:10px;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#fff;box-shadow:0 4px 10px -5px #0b163366;transition:transform .4s cubic-bezier(.2,.9,.3,1.4)}
.st3-ico svg{width:16px;height:16px;fill:none;stroke:var(--acc);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.st3-step.is-on .st3-block{box-shadow:inset 0 3px 0 #fff,inset 0 -6px 0 #9fb6ff,0 16px 30px -16px #1d3c8f99}
.st3-step.is-on .st3-ico{transform:translateY(-3px) scale(1.06)}
.st3-ent .st3-block{background:linear-gradient(180deg,#2b4fa6,#1d3c8f);box-shadow:inset 0 3px 0 #ffffff33,inset 0 -6px 0 #0b1633}
.st3-ent .st3-block b{color:#fff;font-size:15px}
.st3-ent .st3-block small{color:#c9d5ff}
.st3-ent.is-on .st3-block{box-shadow:inset 0 3px 0 #ffffff33,inset 0 -6px 0 #0b1633,0 18px 36px -14px #1d3c8fcc}
.st3-climber{position:absolute;left:0;top:0;width:16px;height:16px;margin:-12px 0 0 -8px;border-radius:50%;background:#f2b84b;border:3px solid #fff;box-shadow:0 4px 12px #0b163366;transition:transform .7s cubic-bezier(.5,-.4,.3,1.4);pointer-events:none;z-index:3}
@media (max-width:520px){.st3 ol{height:220px;gap:5px}.st3-block{padding:10px 7px}.st3-block small{display:none}.st3-block b{font-size:11.5px}.st3-ent .st3-block b{font-size:12.5px}.st3-ico{width:24px;height:24px;left:7px;top:7px}.st3-ico svg{width:13px;height:13px}}

/* Tu información, protegida */
.guard{padding:18px;border-radius:var(--r-lg);background:var(--dark);color:#c9d5f2}
.guard-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.guard-head b{font:600 17px var(--sans);color:#fff}
.guard-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#3ddc9726}
.guard-ico svg{width:22px;height:22px;fill:none;stroke:#3ddc97;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.guard ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.guard li{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border-radius:14px;background:#ffffff0d;border:1px solid #ffffff14}
.guard li svg{flex:none;width:18px;height:18px;margin-top:1px;fill:none;stroke:#9fb6ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.guard li b{display:block;margin-bottom:2px;font:600 13.5px var(--sans);color:#fff}
.guard li span{font-size:12.5px;line-height:1.4;color:#a9b6dc}
@media (max-width:520px){.guard ul{grid-template-columns:1fr}}

/* Planes: los CTAs alineados aunque un dato ocupe dos líneas (subgrid) */
.tiers2{grid-auto-rows:auto}
.tier2{display:grid;grid-row:span 7;grid-template-rows:subgrid;gap:12px;align-content:start}
.tier2>ul{align-self:start}
@supports not (grid-template-rows:subgrid){.tier2{display:flex}}
.st3 ol{height:270px}.st3-block{padding-top:48px}

/* Idiomas: ahora son links de verdad */
a.mm-lang-i{text-decoration:none}
a.mm-lang-i:not(.is-current) .flag{opacity:1}
a.mm-lang-i:hover{color:#fff;border-color:#ffffff73}
.footer-lang a{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #ffffff26;border-radius:var(--pill);font:600 10.5px var(--mono);color:#a9b6dc;text-decoration:none}
.footer-lang a.is-current{color:#fff;border-color:#ffffff73}
.footer-lang a:hover{color:#fff}
.lang-row{transition:background .15s}
.lang-row:hover{background:var(--soft)}
/* Idiomas: los datos de los planes van en filas (cualquier largo entra) y
   las palabras largas de la escalera se cortan con guion. */
.tier2-meta{grid-template-columns:1fr;gap:0;padding:4px 10px;border-radius:12px;background:var(--soft)}
.tier2-meta div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:6px 0;border-radius:0;background:none}
.tier2-meta div+div{border-top:1px dashed var(--line-2)}
.tier2-meta dd{margin:0;text-align:right}
.tier2-ent .tier2-meta{background:#ffffff12}
.tier2-ent .tier2-meta div{background:none}
.tier2-ent .tier2-meta div+div{border-color:#ffffff26}
.st3-block b,.st3-block small,.c2 b,.br-layers b,.click b{hyphens:auto;overflow-wrap:anywhere}

/* ── Iteración del 10/11 (6) ───────────────────────────────── */
/* Modal: nunca scroll horizontal (la barra aparecía al pasar el mouse) */
.start-dialog{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
.start-layout,.start-main,.start-fields label{min-width:0}
/* APIs: los tres bloques de código a la misma altura (subgrid) */
@media (min-width:1001px){
  .api2-grid{grid-template-rows:auto}
  .api2{display:grid;grid-row:span 6;grid-template-rows:subgrid;row-gap:12px;align-content:start}
  .api2-eps{margin:0}
}

/* Carrusel de recetas (home): dos filas en sentidos opuestos, pausa al pasar
   el mouse o fuera de pantalla; las pastillas iluminan un área. */
.rxs{overflow:visible}
.rx-rows{margin-inline:calc(var(--pad) * -1)}
.rx-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 26px;max-width:900px}
.rx-filters button{padding:8px 14px;border-radius:var(--pill);border:1px solid var(--line-2);background:#fff;color:var(--ink);font:500 13.5px var(--sans);cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}
.rx-filters button:hover{border-color:var(--acc);transform:translateY(-1px)}
.rx-filters button.is-on{background:var(--acc);border-color:var(--acc);color:#fff}
.rx-rows{display:flex;flex-direction:column;gap:14px;padding-block:6px 28px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.rx-row{overflow:hidden}
.rx-track,.rx-dup{display:flex;gap:14px;width:max-content}
.rx-track{animation:rx-l 110s linear infinite;will-change:transform}
.rx-r .rx-track{animation-name:rx-r;animation-duration:125s}
@keyframes rx-l{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 7px))}}
@keyframes rx-r{from{transform:translateX(calc(-50% - 7px))}to{transform:translateX(0)}}
.rx-rows:hover .rx-track,.rxs.is-off .rx-track,.rxs.is-filtered .rx-track{animation-play-state:paused}
.rx{--c:#1d3c8f;--cs:#e8eeff;flex:none;display:flex;flex-direction:column;gap:9px;width:300px;padding:16px 16px 14px;border-radius:var(--r-lg,20px);background:#fff;border:1px solid var(--line);box-shadow:0 10px 26px -20px #0b1633;transition:opacity .35s,transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.rx:hover{transform:translateY(-4px);border-color:var(--c);box-shadow:0 22px 40px -26px #0b1633}
.rx-granizo{--c:#3d4fc4;--cs:#eceefe}.rx-agua{--c:#0c7fa6;--cs:#e2f4fa}.rx-lluvia{--c:#2c6bd1;--cs:#e6effd}.rx-calor{--c:#c8551c;--cs:#fdeee5}
.rx-rayo{--c:#a87b00;--cs:#fdf5d9}.rx-sequia{--c:#94652a;--cs:#f8efe3}.rx-multi{--c:#1d3c8f;--cs:#eef2fb}
.rx-top{display:flex;align-items:center;gap:8px;min-width:0}
.rx-ico{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:10px;background:var(--cs)}
.rx-ico svg{width:17px;height:17px;fill:none;stroke:var(--c);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.rx-peril{font:600 12.5px var(--sans);color:var(--c)}
.rx-area{margin-left:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 10px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.rx h3{font-size:17px;font-weight:600;line-height:1.2}
.rx-when{font-size:13px;line-height:1.4;color:var(--ink);padding:8px 10px;border-radius:12px;background:var(--soft)}
.rx-when b{font:600 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--c);margin-right:2px}
.rx-does{font-size:13px;line-height:1.45;color:var(--text);flex:1}
.rx-ch{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:5px}
.rx-ch li{padding:3px 8px;border-radius:var(--pill);border:1px solid var(--line);font:500 11px var(--sans);color:var(--ink)}
.rxs.is-filtered .rx-rows{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:14px;margin-inline:0;-webkit-mask-image:none;mask-image:none}
.rxs.is-filtered .rx-row,.rxs.is-filtered .rx-track{display:contents}
.rxs.is-filtered .rx-dup,.rxs.is-filtered .rx:not(.is-match){display:none}
.rxs.is-filtered .rx.is-match{animation:rx-in .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes rx-in{from{opacity:0;transform:translateY(12px) scale(.98)}}
@media (max-width:640px){.rx{width:262px;padding:14px}.rx-filters{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.rx-filters button{flex:none}}
@media (prefers-reduced-motion:reduce){.rx-track{animation:none}.rx-row{overflow-x:auto}.rx-dup{display:none}}

/* Para quién: seis puertas (las tres de aseguradora arriba) */
@media (min-width:1101px){.icp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.icp-grid .sector{min-height:500px}.icp-grid .sector h3{font-size:21px}}
.icp-grid .sector-media{background-position:center 30%}
.lv-verdict b{font:600 22px/1 var(--sans);color:#0b6b4c}
.lv-verdict small{font-size:12.5px;color:var(--muted)}
.lv-ok{width:8px;height:8px;border-radius:50%;background:#20a464}
.lv-seal{align-self:flex-start;padding:3px 8px;border-radius:var(--pill);border:1px dashed var(--line-2);font-size:9.5px!important;color:var(--muted)}
.lv-verdict{animation:lv-stamp 6s cubic-bezier(.2,.9,.3,1.3) infinite}
@keyframes lv-stamp{0%,4%{scale:1.08;opacity:.3}12%,92%{scale:1;opacity:1}100%{opacity:.3}}
.lv-alert{gap:8px;background:#fff8e6;border:1px solid #f2c75c}
.lv-alert p{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;line-height:1.35;color:#7a5a00}
.lv-alert p i{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:#f2b84b;color:#fff;font:700 13px var(--sans);font-style:normal;animation:lv-blink 1.6s ease-in-out infinite}
.lv-alert b{display:block;font:600 13.5px var(--sans);color:var(--ink)}
.lv-alert small{font-size:10px!important;color:#9a7a20}
@keyframes lv-blink{0%,100%{opacity:1;scale:1}50%{opacity:.45;scale:.78}}
section.is-off .lv,section.is-off .lv *{animation-play-state:paused!important}

/* El fondo del encabezado (108% de ancho) no puede empujar la página */
.page-head{overflow-x:clip}

/* Índice lateral: el componente que acompaña el scroll muestra, al pasar el
   mouse, los títulos de las secciones; click = ir a esa sección. */
.secnav{position:fixed;z-index:40;left:max(10px,calc((100% - var(--max)) / 2 - 38px));top:50%;transform:translateY(-50%);display:flex;align-items:center}
.secnav .readout{position:static;transform:rotate(180deg);pointer-events:auto;cursor:pointer;transition:background .2s,box-shadow .2s}
.secnav:hover .readout,.secnav:focus-within .readout{background:#fff;box-shadow:0 10px 26px -14px #1d3c8f99}
.secnav-panel{position:absolute;left:100%;top:50%;padding-left:10px;opacity:0;visibility:hidden;transform:translate(-6px,-50%);transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1),visibility 0s linear .22s}
.secnav:hover .secnav-panel,.secnav:focus-within .secnav-panel{opacity:1;visibility:visible;transform:translate(0,-50%);transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1),visibility 0s}
.secnav-h{padding:12px 14px 4px;font:500 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:#fff;border:1px solid var(--line);border-bottom:0;border-radius:16px 16px 0 0}
.secnav-list{list-style:none;margin:0;padding:4px 6px 8px;width:280px;max-height:min(66vh,560px);overflow:auto;overscroll-behavior:contain;background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 16px 16px;box-shadow:0 24px 50px -24px #0b163380;scrollbar-width:thin}
.secnav-list button{display:flex;align-items:baseline;gap:10px;width:100%;padding:7px 8px;border:0;border-radius:10px;background:none;text-align:left;cursor:pointer;color:var(--text);font:500 13.5px/1.25 var(--sans)}
.secnav-list button:hover,.secnav-list button:focus-visible{background:var(--soft);color:var(--ink);outline:none}
.secnav-n{flex:none;width:22px;font:500 10.5px var(--mono);color:var(--muted)}
.secnav-list button.is-on{background:#eef2fb;color:var(--acc)}
.secnav-list button.is-on .secnav-n{color:var(--acc)}
@media (max-width:1300px){.secnav{display:none}}
@media (prefers-reduced-motion:reduce){.secnav-panel{transition:none}}

/* ── Rendimiento (10/11, 2) ───────────────────────────────────
   Medido con CDP: lo que costaba era pintar, no el JS.
   1. El nav ya no hace blur de lo que pasa por debajo: en cada frame de
      scroll había que re-desenfocar esa franja de la pantalla.
   2. Los pulsos «en vivo» animan scale/opacity (compuesto en GPU) en vez de
      box-shadow (repintado por frame). Los barridos de luz, sin blend mode.
   3. El marcador del índice viaja con translate (unidades del contenedor),
      no con left.
   4. FAQ: el resumen no anima padding (layout) y la respuesta se contiene. */
.nav,.nav-wrap .nav{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fffffff5}
.lv-track{container-type:inline-size}
.lv-mk{left:0}
.faq summary{transition:color .2s}
.faq-a{contain:layout paint}
/* Fuera de pantalla tampoco hay transiciones: los bucles que cambian clases
   ahí no generan trabajo de estilo en cada frame. */
.is-off *,.is-off *::before,.is-off *::after{transition:none!important}

/* FAQ: abrir y cerrar sin animar el alto (eso recalculaba el layout de toda
   la página en cada frame). La respuesta entra con opacidad y desplazamiento,
   que corren en la GPU. */
.faq details[open] .faq-a{animation:faq-in .22s cubic-bezier(.22,1,.36,1)}
@keyframes faq-in{from{opacity:0;transform:translateY(-6px)}}
.faq summary::after{transition:transform .2s cubic-bezier(.22,1,.36,1)}
@media (prefers-reduced-motion:reduce){.faq details[open] .faq-a{animation:none}}