/* v3.css · landing Cyber v3 · SOLO variables (vission-adn/tokens.css + alias de la firmada). 390 primero. */
.v3-type{margin-top:18px;border:1px solid var(--va-line);border-radius:var(--va-r-xl);background:var(--va-surface);padding:12px 14px;font:500 16px/1.5 var(--va-font-mono);color:var(--va-chrome);min-height:52px}
.v3-type .ok{color:var(--va-ink)}
.v3-type::after{content:"_";margin-left:2px;color:var(--va-red);animation:v3bl 1s steps(1) infinite}
@keyframes v3bl{50%{opacity:0}}
.v3-blink{position:relative}
.v3-blink::after{content:"";position:absolute;left:34%;top:22%;width:32%;height:22%;border-radius:50%;background:radial-gradient(closest-side,var(--va-red-glow-strong),transparent);opacity:0;animation:v3eye 3.2s ease-in-out infinite;pointer-events:none}
@keyframes v3eye{0%,70%,100%{opacity:0}78%,86%{opacity:1}}
/* 2 · perfiles */
.v3-perfiles{display:grid;gap:12px;margin-top:24px}
@media(min-width:760px){.v3-perfiles{grid-template-columns:repeat(3,1fr)}}
.v3-perfil{display:block;width:100%;text-align:left;min-height:88px;padding:18px;border:1px solid var(--va-line);border-radius:var(--va-r-lg);background:var(--va-surface);color:var(--va-ink);font:400 16px/1.4 var(--va-font-mono);cursor:pointer;transition:border-color var(--va-t-chip) var(--va-ease-out),box-shadow var(--va-t-chip) var(--va-ease-out),transform var(--va-t-chip) var(--va-ease-out)}
.v3-perfil b{display:block;font:400 30px/1.05 var(--va-font-display);margin-bottom:6px;letter-spacing:.01em}
.v3-perfil span{color:var(--va-steel-lo)}
.v3-perfil:hover{transform:translateY(-2px)}
.v3-perfil[aria-pressed="true"]{border-color:var(--va-red);box-shadow:var(--va-sh-red)}
.v3-perfil:focus-visible,.v3-btn:focus-visible,.v3-dom input:focus-visible,.v3-faq summary:focus-visible{outline:3px solid var(--va-red);outline-offset:3px}
.v3-ptexto{margin-top:18px;border-left:3px solid var(--va-red);padding:6px 0 6px 14px;color:var(--va-ink);max-width:62ch}
/* 3 · cifras */
.v3-cifras{display:grid;gap:12px;margin-top:24px}
@media(min-width:760px){.v3-cifras{grid-template-columns:repeat(3,1fr)}}
.v3-cifra{border:1px solid var(--va-line);border-radius:var(--va-r-lg);background:var(--va-surface);padding:20px 18px}
.v3-cifra .num{display:block;font:400 clamp(64px,18vw,96px)/.9 var(--va-font-display);background:var(--va-chrome-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.v3-cifra p{margin:8px 0 10px;color:var(--va-ink)}
.v3-cifra .src{color:var(--va-steel-lo);font-size:16px}
.v3-cifra .src a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline}
/* 4 · radar */
.v3-radar-wrap{display:grid;gap:18px;margin-top:22px}
@media(min-width:900px){.v3-radar-wrap{grid-template-columns:.9fr 1.1fr;align-items:start}}
.v3-dial{position:relative;width:min(100%,320px);aspect-ratio:1;margin:0 auto;border-radius:50%;border:1px solid var(--va-line);background:repeating-radial-gradient(circle,transparent 0 23%,var(--va-line) 23% calc(23% + 1px));overflow:hidden}
.v3-dial::before{content:"";position:absolute;inset:0;background:conic-gradient(from 0deg,var(--va-red-glow-strong),transparent 22%);animation:v3sweep 3s linear infinite;border-radius:50%}
.v3-dial::after{content:"+";position:absolute;inset:0;display:grid;place-items:center;color:var(--va-red);font:700 22px var(--va-font-mono)}
@keyframes v3sweep{to{transform:rotate(1turn)}}
.v3-dial pre{position:absolute;inset:0;margin:0;display:grid;place-items:center;font:400 13px/1.15 var(--va-font-mono);color:var(--va-steel-lo);opacity:.55}
.v3-dom{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.v3-dom label{width:100%;color:var(--va-chrome)}
.v3-dom input{flex:1 1 200px;min-height:52px;padding:10px 14px;border:1px solid var(--va-steel-hi);border-radius:var(--va-r-sm);background:var(--va-bg);color:var(--va-ink);font:500 16px/1.2 var(--va-font-mono)}
.v3-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 20px;border:1px solid var(--va-steel-hi);border-radius:var(--va-r-sm);background:var(--va-ink);color:var(--va-on-solid);font:700 16px/1.2 var(--va-font-mono);letter-spacing:var(--va-ls-btn);cursor:pointer;box-shadow:var(--va-sh-solid)}
.v3-btn:hover{box-shadow:var(--va-sh-red)}
.v3-term{border:1px solid var(--va-line);border-radius:var(--va-r-xl);background:var(--va-surface);overflow:hidden}
.v3-term .bar{padding:8px 14px;border-bottom:1px solid var(--va-line);color:var(--va-steel-lo);font-size:16px}
.v3-term ol{list-style:none;margin:0;padding:12px 14px;font:400 16px/1.5 var(--va-font-mono);color:var(--va-chrome)}
.v3-term li{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center;padding:4px 0}
.v3-term li .st{color:var(--va-steel-lo)}
.v3-term li.on .st{color:var(--va-ink)}
.v3-term li .tr{grid-column:2;height:6px;background:var(--va-track);border-radius:var(--va-r-sm);overflow:hidden}
.v3-term li .tr i{display:block;height:100%;width:100%;background:var(--va-bar-grad);transform-origin:left;transform:scaleX(1);transition:transform .5s var(--va-ease-bar)}
.v3-js .v3-term li .tr i{transform:scaleX(0)}
.v3-js .v3-term li.on .tr i{transform:scaleX(1)}
.v3-aviso{color:var(--va-steel-lo);font-size:16px;margin:10px 0 0}
.v3-res{margin-top:14px}
.v3-js .v3-res{display:none}
.v3-js .v3-res.on{display:block}
/* 6 · línea de tiempo */
.v3-tl{position:relative;margin-top:24px;padding-left:34px}
.v3-tl::before{content:"";position:absolute;left:11px;top:6px;bottom:6px;width:2px;background:var(--va-line)}
.v3-tl .fill{position:absolute;left:11px;top:6px;width:2px;height:calc((100% - 12px) * var(--p,1));background:var(--va-red);box-shadow:var(--va-sh-hot)}
.v3-tl li{list-style:none;position:relative;margin:0 0 22px}
.v3-tl li::before{content:"";position:absolute;left:-29px;top:6px;width:14px;height:14px;border-radius:50%;border:2px solid var(--va-steel-lo);background:var(--va-bg)}
.v3-tl li.on::before{border-color:var(--va-red);background:var(--va-red)}
.v3-tl h3{margin:0 0 4px}
/* 8 · objeciones */
.v3-faq{margin-top:20px;border-top:1px solid var(--va-line)}
.v3-faq details{border-bottom:1px solid var(--va-line)}
.v3-faq summary{list-style:none;cursor:pointer;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;color:var(--va-ink);font:400 26px/1.1 var(--va-font-display)}
.v3-faq summary::-webkit-details-marker{display:none}
.v3-faq summary::after{content:"+";color:var(--va-red);font:700 22px var(--va-font-mono);transition:transform var(--va-t-chip) var(--va-ease-out)}
.v3-faq details[open] summary::after{transform:rotate(45deg)}
.v3-faq details p{margin:0 0 16px}
@media (prefers-reduced-motion:reduce){.v3-type::after,.v3-blink::after,.v3-dial::before{animation:none}.v3-term li .tr i{transition:none}}
/* 4b · tu equipo (agentes como mascotas digitales) */
.v3-equipo{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}
@media(min-width:900px){.v3-equipo{grid-template-columns:repeat(5,1fr)}}
.v3-ag{display:flex;flex-direction:column;gap:6px;text-align:left;padding:14px;min-height:44px;border:1px solid var(--va-line);border-radius:var(--va-r-lg);background:var(--va-surface);color:var(--va-ink);font:400 16px/1.35 var(--va-font-mono);cursor:pointer;transition:border-color var(--va-t-chip) var(--va-ease-out),transform var(--va-t-chip) var(--va-ease-out)}
.v3-ag:hover{transform:translateY(-2px);border-color:var(--va-steel-hi)}
.v3-ag:focus-visible{outline:3px solid var(--va-red);outline-offset:3px}
.v3-ag .av{display:grid;place-items:center;height:120px;overflow:hidden}
.v3-ag .av img{height:120px;width:auto;-webkit-mask-image:linear-gradient(180deg,var(--va-on-solid) 70%,transparent);mask-image:linear-gradient(180deg,var(--va-on-solid) 70%,transparent)}
.v3-mono{margin:0;font:700 16px/1.15 var(--va-font-mono);color:var(--va-chrome)}
.v3-ag b{font:400 28px/1 var(--va-font-display);letter-spacing:.02em}
.v3-ag .of{color:var(--va-steel-lo)}
.v3-ag .est{display:flex;align-items:center;gap:8px;color:var(--va-chrome)}
.v3-ag .est i{width:9px;height:9px;border-radius:50%;background:var(--va-steel-lo)}
.v3-ag[data-estado="trabajando"] .est i{background:var(--va-red);box-shadow:var(--va-sh-hot);animation:v3pulse .8s ease-in-out infinite}
.v3-ag[data-estado="listo"] .est i,.v3-ag .est.on i{background:var(--va-ink)}
@keyframes v3pulse{50%{opacity:.35}}
.v3-ag .en{display:block;height:6px;background:var(--va-track);border-radius:var(--va-r-sm);overflow:hidden}
.v3-ag .en span{display:block;height:100%;background:var(--va-bar-grad)}
.v3-ag .fr{min-height:1.35em;color:var(--va-ink);font-size:16px}
.v3-ag.gesto .av{animation:v3glitch .45s steps(3) 1}
@keyframes v3glitch{0%{transform:translate(0)}33%{transform:translate(-3px,1px)}66%{transform:translate(3px,-1px)}100%{transform:translate(0)}}
.v3-humano{cursor:default;border-color:var(--va-red)}
.v3-mini{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.v3-mini span{padding:6px 10px;border:1px solid var(--va-line);border-radius:var(--va-r-sm);color:var(--va-steel-lo);font-size:16px}
.v3-mini span.trabajando{border-color:var(--va-red);color:var(--va-ink);box-shadow:var(--va-sh-red)}
.v3-mini span.listo{border-color:var(--va-steel-hi);color:var(--va-ink)}
.v3-term .ag{font-weight:700;color:var(--va-ink)}
.v3-tl .lv{display:inline-block;margin-bottom:4px;color:var(--va-red);letter-spacing:var(--va-ls-chip);text-transform:uppercase;font-size:16px}
@media (prefers-reduced-motion:reduce){.v3-ag[data-estado="trabajando"] .est i,.v3-ag.gesto .av{animation:none}}

/* r2 · ritmo y profundidad */
.v3-rain{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.06}
main{position:relative;z-index:1}
.v3-div{overflow:hidden;white-space:nowrap;text-align:center;padding:14px 0;color:var(--va-steel-lo);font:500 16px/1 var(--va-font-mono);letter-spacing:.12em;border-bottom:1px solid var(--va-line)}
.v3-cifra .src{display:block;font-size:16px;color:var(--va-steel-lo)}
.v3-cifra .src a{min-height:44px;color:var(--va-chrome)}
.v3-flash{animation:v3fl .5s ease-out 1}
@keyframes v3fl{0%{box-shadow:0 0 0 0 var(--va-red-glow-strong)}100%{box-shadow:0 0 0 24px transparent}}
@media (prefers-reduced-motion:reduce){.v3-rain{display:none}.v3-flash{animation:none}}

.v3-res .btn{display:inline-block;text-align:center}

/* r3 · dock solo cuando el CTA del hero sale de la vista; anclas bajo la topbar; pixel art nítido */
html.v3-js body .dock{visibility:hidden;opacity:0;transform:translateY(100%);transition:opacity .25s var(--va-ease-out),transform .25s var(--va-ease-out),visibility 0s .25s}
html.v3-js body .dock.v3-dock-on{visibility:visible;opacity:1;transform:none;transition:opacity .25s var(--va-ease-out),transform .25s var(--va-ease-out)}
main section[id],main .sec{scroll-margin-top:72px}
.v3-px{image-rendering:pixelated;-webkit-mask-image:none!important;mask-image:none!important;height:120px;width:auto}