/* ============================================================
FLYDE · Capa "Vivid Premium" — según Manual de marca 2024
Azul Fly #009CFF · Naranja IA #FF8E3E · Azul profundo #232A50
Agenda Light para títulos · formas orgánicas · optimismo
============================================================ */
:root{
--display:'Roboto',sans-serif;
--body:'Roboto',sans-serif;
--mono:'Space Mono',monospace;
--fly:#009CFF;
--fly-deep:#0072E0;
--cielo:#00BBEA;
--naranja:#FF8E3E;
--naranja-deep:#F07620;
--night:#232A50; /* Azul profundo oficial */
--night-2:#2B3364;
--night-line:#3C4680;
--night-text:#C9CFE8;
--paz:#7D7D7D; /* Gris paz */
--paper:#FFFFFF;
--paper-2:#FFF6EC; /* crema cálido de las gráficas de marca */
--ink:#232A50; /* la tinta ES el azul profundo */
--ink-soft:#5A6180;
--line:#E8EAF2;
--radius:20px;
}
/* ---------- Tipografía: títulos ligeros (Agenda Light) ---------- */
body{font-weight:400;color:var(--ink)}
h1,h2{font-weight:300;letter-spacing:-.014em;line-height:1.06}
h2{font-size:clamp(32px,4.8vw,54px);margin-bottom:18px}
h1 b,h2 b,h1 strong,h2 strong{font-weight:600}
h3{font-weight:600;letter-spacing:-.008em}
.sub{font-size:clamp(17px,2vw,20px);line-height:1.7;color:var(--ink-soft);font-weight:400}
/* Eyebrow con la flecha de marca */
.eyebrow{font-family:var(--body);font-weight:600;font-size:13px;letter-spacing:.16em;color:var(--fly)}
.eyebrow::before{content:"⟶";font-weight:400;color:var(--naranja);margin-right:10px;letter-spacing:0}
.brain-dark .eyebrow,.impact .eyebrow{color:#fff}
/* ---------- Botones: píldora orgánica, naranja IA ---------- */
.btn{border-radius:999px;font-weight:600;font-size:15px;padding:14px 30px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.btn-primary{background:var(--naranja);color:#fff;box-shadow:0 12px 30px -10px rgba(255,142,62,.55)}
.btn-primary:hover{background:var(--naranja-deep);transform:translateY(-2px);box-shadow:0 18px 40px -12px rgba(255,142,62,.6)}
.btn-ghost{border:1.5px solid rgba(35,42,80,.2);background:#fff;color:var(--night)}
.btn-ghost:hover{border-color:var(--fly);color:var(--fly)}
.btn-light{background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.45);color:#fff;backdrop-filter:blur(8px)}
.btn-light:hover{background:rgba(255,255,255,.24)}
/* ---------- Navegación: blanca, limpia, azul al hover ---------- */
header{background:rgba(255,255,255,.86);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border-bottom:1px solid rgba(35,42,80,.07)}
.nav{height:74px}
.nav-links a,.trigger{font-weight:500;font-size:15px;color:var(--night)}
.nav-links a:hover,.trigger:hover{color:var(--fly)}
.panel{border:1px solid rgba(35,42,80,.08);border-radius:22px;box-shadow:0 2px 8px rgba(35,42,80,.06),0 36px 80px -24px rgba(35,42,80,.3)}
.panel a b{font-weight:600;color:var(--night)}
.panel a:hover b{color:var(--fly)}
/* ---------- Tarjetas: blancas, radios generosos, sombra azulada ---------- */
/* Layout abierto: sin cajas — filete fino arriba, aire y tipografía */
.impact-card{background:transparent;border:none;box-shadow:none;border-radius:0;
border-top:1.5px solid rgba(35,42,80,.16);padding:32px 10px 16px;
transition:border-color .2s ease,transform .2s ease}
section:not(.impact):not(.brain-dark) .impact-card:hover{border-top-color:var(--naranja);transform:translateY(-2px)}
.impact .impact-card,.brain-dark .impact-card{background:transparent;border:none;box-shadow:none;
border-top:1.5px solid var(--night-line);border-radius:0;padding:32px 10px 16px}
.impact .impact-card:hover,.brain-dark .impact-card:hover{border-top-color:var(--naranja);transform:translateY(-2px)}
/* Los contenedores funcionales (formularios) sí conservan su caja */
.impact-card form,.pt-form-card,.demo-form{background:#fff;border:1px solid rgba(35,42,80,.1);border-radius:var(--radius);padding:22px;box-shadow:0 20px 50px -28px rgba(0,110,200,.3)}
section:not(.impact):not(.brain-dark) .big{color:var(--fly)}
.big{font-weight:300;letter-spacing:-.02em}
/* ---------- Secciones oscuras: azul profundo con vida ---------- */
.brain-dark,.impact{color:#fff;background:
radial-gradient(1000px 560px at 82% -8%,rgba(0,156,255,.22),transparent 60%),
radial-gradient(720px 460px at 4% 104%,rgba(255,142,62,.14),transparent 55%),
var(--night)}
.impact h2,.brain-dark h2{color:#fff}
.impact .sub,.brain-dark .sub{color:var(--night-text)}
.impact .impact-card h3,.brain-dark .impact-card h3{color:#fff}
.impact .impact-card p,.brain-dark .impact-card p{color:var(--night-text)}
.brain-dark .btn-primary{background:var(--naranja)}
/* ---------- Detalles ---------- */
.hero-note,.crumbs,small{font-family:var(--mono);font-size:12px}
.crumbs a{color:var(--ink-soft)} .crumbs a:hover{color:var(--fly)}
.pill{border-radius:999px;border:1.5px solid rgba(0,156,255,.35);color:var(--fly);background:rgba(0,156,255,.06);font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:6px 14px}
::selection{background:rgba(0,156,255,.25)}
.more{color:var(--fly);font-weight:600}
.chat{border:1px solid var(--night-line);border-radius:20px;box-shadow:0 2px 10px rgba(0,0,0,.3),0 50px 110px -34px rgba(0,20,60,.6)}
.msg.bot b{color:#fff}.bot-hl{color:var(--naranja)}
footer{background:var(--night)}
footer,footer a{color:var(--night-text)}
footer h4{color:#fff;font-weight:600;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
footer a:hover{color:var(--naranja)}
.foot-bottom{border-top:1px solid var(--night-line);font-size:13px}
/* ============================================================
HERO AZUL FLY — cielo, partículas y dunas naranjas
============================================================ */
.hero-cine{position:relative;color:#fff;overflow:hidden;padding:92px 0 210px;background:linear-gradient(158deg,#0064DC 0%,#009CFF 52%,#00B7EA 100%)}
/* Partículas y luz (como la portada del manual) */
.hero-cine::before{content:"";position:absolute;inset:0;pointer-events:none;background:
radial-gradient(2.5px 2.5px at 12% 24%,rgba(255,255,255,.9),transparent 55%),
radial-gradient(2px 2px at 28% 62%,rgba(255,255,255,.7),transparent 55%),
radial-gradient(3px 3px at 71% 18%,rgba(255,255,255,.8),transparent 55%),
radial-gradient(2px 2px at 84% 47%,rgba(255,255,255,.65),transparent 55%),
radial-gradient(2.5px 2.5px at 56% 9%,rgba(255,255,255,.7),transparent 55%),
radial-gradient(2px 2px at 39% 33%,rgba(255,255,255,.55),transparent 55%),
radial-gradient(2px 2px at 91% 71%,rgba(255,255,255,.5),transparent 55%),
radial-gradient(700px 420px at 76% 8%,rgba(255,255,255,.16),transparent 60%),
radial-gradient(560px 380px at 12% 86%,rgba(0,60,160,.25),transparent 60%)}
/* Dunas naranjas orgánicas al pie */
.hero-cine::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:220px;pointer-events:none;background:
url('data:image/svg+xml;utf8,') center bottom/100% 100% no-repeat}
.hero-cine .wrap{position:relative;z-index:2}
.hc-eyebrow{font-family:var(--body);font-weight:600;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#fff;display:inline-flex;align-items:center;gap:10px;margin-bottom:26px}
.hc-eyebrow::before{content:"⟶";color:var(--naranja);font-weight:400;letter-spacing:0;font-size:18px}
.hero-cine h1{font-size:clamp(42px,6.6vw,80px);font-weight:300;letter-spacing:-.016em;line-height:1.02;color:#fff;max-width:17ch;margin-bottom:26px}
.hero-cine h1 .mark{font-weight:600}
.hero-cine .sub{color:rgba(255,255,255,.92);font-size:clamp(17px,2.1vw,21px);max-width:58ch;line-height:1.65}
.hc-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px}
.hc-actions .btn-primary{background:var(--naranja);color:#fff;font-weight:600;box-shadow:0 16px 42px -12px rgba(200,80,0,.55)}
.hc-actions .btn-primary:hover{background:var(--naranja-deep)}
.hc-note{font-family:var(--mono);font-size:12px;color:rgba(255,255,255,.8);margin-top:20px}
/* Sol de marca */
.hc-sun{position:absolute;top:70px;right:8%;width:64px;height:64px;z-index:1;animation:sunfloat 9s ease-in-out infinite}
@keyframes sunfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
/* Escenario Brain */
.hc-stage{position:relative;z-index:2;margin-top:60px;display:flex;justify-content:center}
.hc-stage .brain-card{color:var(--ink);max-width:820px;width:100%;border-radius:22px;box-shadow:0 3px 14px rgba(0,40,110,.3),0 60px 130px -36px rgba(0,30,90,.55),0 0 0 1px rgba(255,255,255,.12)}
.hc-stage .chip{position:absolute;z-index:3;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.7);color:var(--night);backdrop-filter:blur(8px);border-radius:16px;padding:10px 16px;font-family:var(--mono);font-size:11px;display:flex;flex-direction:column;gap:2px;box-shadow:0 20px 44px -14px rgba(0,40,110,.45);animation:hcfloat 7s ease-in-out infinite}
.hc-stage .chip b{font-family:var(--display);font-weight:600;font-size:18px;color:var(--naranja-deep)}
.hc-stage .chip.c1{left:2%;top:8%;right:auto;bottom:auto}
.hc-stage .chip.c2{right:4%;top:-4%;left:auto;bottom:auto;animation-delay:1.6s}
.hc-stage .chip.c2 b{color:var(--fly-deep)}
.hc-stage .chip.c3{right:-1%;bottom:16%;left:auto;top:auto;animation-delay:3.1s}
.hc-stage .chip.c3 b{color:#0AA34F}
@keyframes hcfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media (prefers-reduced-motion:reduce){.hc-stage .chip,.hc-sun{animation:none}}
@media (max-width:760px){.hc-stage .chip.c1{left:0;top:-6%}.hc-stage .chip.c3{bottom:auto;top:-6%}.hc-sun{display:none}}
/* Logos: banda blanca bajo las dunas, en escala de grises */
.hc-logos{position:relative;background:#fff;padding:34px 0 30px}
.hc-logos p{text-align:center;font-family:var(--body);font-weight:500;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:22px}
.hc-track{display:flex;gap:72px;width:max-content;animation:hcmarquee 36s linear infinite;align-items:center}
.hc-logos:hover .hc-track{animation-play-state:paused}
.hc-track img{height:52px;width:auto;filter:grayscale(1);opacity:.7;transition:opacity .2s,filter .2s}
.hc-track img:hover{filter:none;opacity:1}
.hc-viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
@keyframes hcmarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.hc-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center}}
/* Sección de métricas sobre crema cálido de marca */
.metrics{background:linear-gradient(180deg,#fff 0%,var(--paper-2) 100%)}
.num.blue{color:var(--fly)} .num.orange{color:var(--naranja)} .num.deep{color:var(--night)}
/* ============================================================
Destape global: todas las tarjetas de contenido pasan a
layout abierto (filete arriba, sin caja). Se conservan como
caja solo los elementos funcionales: formularios, calculadora,
modales y las "ventanas" de producto (chat, gráficos).
============================================================ */
.metric,.pipe,.ind,.res,.hl,.dl-card,.topic,.ep,.pain,.uc,.rcard,.tier,
.pe-col,.pe-st,.wf-step,.wf-reason,.ms,.value,.member,.office,.benefit,
.o,.c{
background:transparent;border:none;box-shadow:none;border-radius:0;
border-top:1.5px solid rgba(35,42,80,.16);padding:32px 10px 16px;
transition:border-color .2s ease,transform .2s ease}
a.ind:hover,a.uc:hover,a.ep:hover,a.res:hover,
.metric:hover,.pipe:hover,.benefit:hover,.tier:hover{
border-top-color:var(--naranja);transform:translateY(-2px);box-shadow:none}
/* Carrusel de casos: plano y editorial, sin redondeos */
.case-card2{border-radius:0;border:1px solid rgba(35,42,80,.14);box-shadow:none;overflow:hidden}
.case-card2 .cc-stats{border-radius:0}
/* Ventanas de producto y funcionales: conservan su caja */
.brain-card,.chat,.sankey-card,.vt-visual,.viz,
.calc-panel,.calc-legal,.bars,.out-break,.demo-form,.pt-form-card,.dl-modal-card{
border-radius:16px}
/* Fix: subrayado de "descomplica" re-anclado al hero nuevo */
.hero-cine h1 .mark{position:relative;white-space:nowrap}
.hero-cine h1 .mark svg{position:absolute;left:0;bottom:-10px;width:100%;height:14px}
.hero-cine h1 .mark svg path{stroke:var(--naranja);stroke-width:5;fill:none;stroke-linecap:round;stroke-dasharray:320;stroke-dashoffset:320;animation:draw 1s .8s ease forwards}
/* Fix: en secciones claras, la tipografía de los bloques vuelve a tinta
(el CSS del prototipo asumía tarjetas siempre oscuras) */
section:not(.impact):not(.brain-dark) .impact-card h3{color:var(--night)}
section:not(.impact):not(.brain-dark) .impact-card p{color:var(--ink-soft)}
section:not(.impact):not(.brain-dark) .impact-card .eyebrow{color:var(--fly)}
/* Posts del blog: respiración y jerarquía editorial */
.post p{margin:0 0 18px}
.post h2{font-size:clamp(24px,3.2vw,34px);font-weight:600;letter-spacing:-.01em;margin:38px 0 16px}
.post h3{font-size:clamp(19px,2.2vw,24px);margin:28px 0 12px}
.post ul,.post ol{margin:0 0 18px 22px}
.post table{margin:6px 0 18px}
.post a{color:var(--fly);font-weight:500}
/* Olas integradas en la sección: el degradado fluye sin costuras */
.has-waves{position:relative}
.has-waves > .wrap{position:relative;z-index:1}
.wave-top{position:absolute;top:-1px;left:0;width:100%;height:auto;margin:0;z-index:0;pointer-events:none}
.wave-bottom{position:absolute;bottom:-1px;left:0;width:100%;height:auto;margin:0;z-index:0;pointer-events:none}
/* Ritmo vertical dentro de los bloques abiertos */
.res .em,.ind .em,.uc .em,.ep .em{display:block;margin-bottom:14px}
.res h3,.ind h3,.uc h3,.pain h3,.benefit h3,.wf-step h3,.ms h3,.value h3{margin:0 0 12px}
.res p,.ind p,.uc p,.pain p,.benefit p,.wf-step p,.ms p,.value p{margin:0 0 20px;line-height:1.65}
.res h3{font-size:21px}
.res a{display:inline-block;margin-top:2px}
.res-grid{gap:56px}
/* La destacada: abierta como las demás, distinguida por el filete naranja */
.res.featured{background:transparent;border:none;box-shadow:none;border-radius:0;
border-top:2px solid var(--naranja);padding:32px 10px 16px}
/* Badge oficial AWS: la franja de confianza pasa a blanco para integrarlo */
#recursos ~ section .aws-logos, .aws-logos{display:flex;align-items:center}
.aws-badge{height:68px;width:auto;display:block}
.aws:has(.aws-badge){background:#fff}
/* ============ Solicitar demo · tratamiento vivid ============ */
.demo-vivid{position:relative;color:#fff;overflow:hidden;
padding:88px 0 200px;background:linear-gradient(158deg,#0064DC 0%,#009CFF 52%,#00B7EA 100%)}
.demo-vivid::before{content:"";position:absolute;inset:0;pointer-events:none;background:
radial-gradient(2.5px 2.5px at 14% 22%,rgba(255,255,255,.9),transparent 55%),
radial-gradient(2px 2px at 30% 66%,rgba(255,255,255,.7),transparent 55%),
radial-gradient(3px 3px at 68% 14%,rgba(255,255,255,.8),transparent 55%),
radial-gradient(2px 2px at 86% 44%,rgba(255,255,255,.6),transparent 55%),
radial-gradient(700px 420px at 78% 6%,rgba(255,255,255,.15),transparent 60%),
radial-gradient(560px 380px at 10% 88%,rgba(0,60,160,.25),transparent 60%)}
.demo-vivid::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:190px;pointer-events:none;background:
url('data:image/svg+xml;utf8,') center bottom/100% 100% no-repeat}
.demo-vivid .wrap{position:relative;z-index:2}
.demo-vivid .crumbs,.demo-vivid .crumbs a,.demo-vivid .crumbs b{color:rgba(255,255,255,.85)!important}
.demo-vivid .eyebrow{color:#fff;letter-spacing:.2em;text-transform:uppercase}
.demo-vivid h1{font-weight:300;font-size:clamp(34px,4.4vw,52px);letter-spacing:-.014em;line-height:1.08;color:#fff}
.demo-vivid .lead{color:rgba(255,255,255,.92)}
.demo-vivid .demo-step .n{background:var(--naranja);color:#fff;border:none;box-shadow:0 8px 20px -8px rgba(200,80,0,.6)}
.demo-vivid .demo-step b{color:#fff}
.demo-vivid .demo-step p{color:rgba(255,255,255,.82)}
.demo-vivid .demo-trust{border-top:1px solid rgba(255,255,255,.25)}
.demo-vivid .demo-trust .t{color:rgba(255,255,255,.8)}
.demo-vivid .demo-logos span{color:#fff;opacity:.9}
.demo-vivid .demo-form{position:relative;border:none;border-radius:22px;
box-shadow:0 3px 14px rgba(0,40,110,.28),0 60px 130px -36px rgba(0,30,90,.55),0 0 0 1px rgba(255,255,255,.14)}
.chip-float{position:absolute;top:-20px;left:22px;z-index:3;background:rgba(255,255,255,.94);
border:1px solid rgba(255,255,255,.7);color:var(--night);backdrop-filter:blur(8px);border-radius:16px;
padding:10px 16px;font-family:var(--mono);font-size:11px;display:flex;flex-direction:column;gap:2px;
box-shadow:0 20px 44px -14px rgba(0,40,110,.45);right:auto;bottom:auto;animation:hcfloat 7s ease-in-out infinite}
.chip-float b{font-family:var(--display);font-weight:600;font-size:18px;color:var(--naranja-deep)}
.demo-foot{background:#fff}
@media (max-width:900px){.chip-float{top:-14px;left:auto;right:6px}.demo-vivid .hc-sun{display:none}}
.demo-vivid .demo-form{overflow:visible}
.demo-vivid .demo-form>*:not(.chip-float){overflow:hidden;border-radius:inherit}
/* ============ Páginas legales: columna de lectura sobria ============ */
.legal-body{background:transparent;border:none;box-shadow:none;padding:0}
.legal-body h2{font-size:19px;font-weight:600;letter-spacing:.01em;color:var(--night);
margin:40px 0 12px;padding-top:22px;border-top:1px solid rgba(35,42,80,.12);line-height:1.35}
.legal-body h2:first-child{margin-top:6px;border-top:none;padding-top:0}
.legal-body p{font-size:15.5px;line-height:1.75;color:#3D4463;margin:0 0 14px}
.legal-body ul,.legal-body ol{margin:0 0 16px 22px;padding:0}
.legal-body li{font-size:15.5px;line-height:1.7;color:#3D4463;margin-bottom:8px}
.legal-body a{color:var(--fly);font-weight:500}
.legal-body .lb-updated{font-family:var(--mono);font-size:12.5px;letter-spacing:.02em;color:var(--ink-soft);margin:0 0 26px}
.legal-body h3{font-size:16px;font-weight:600;color:var(--night);margin:22px 0 8px}
.ck-table-wrap{overflow-x:auto;margin:8px 0 22px}
.legal-body table.ck-table{border-collapse:collapse;width:100%;min-width:640px;font-size:13.5px}
.legal-body table.ck-table th{text-align:left;font-family:var(--mono);font-weight:500;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);padding:10px 14px;border-bottom:2px solid rgba(35,42,80,.16);vertical-align:bottom}
.legal-body table.ck-table td{padding:12px 14px;border-bottom:1px solid rgba(35,42,80,.10);color:#3D4463;line-height:1.55;vertical-align:top}
.legal-body table.ck-table td:first-child{font-family:var(--mono);font-size:12.5px;color:var(--night);white-space:nowrap}
.legal-body table.ck-table tr:last-child td{border-bottom:none}
/* CTA final claro: cierra en luz antes del footer navy (como la home) */
.cta-final{padding:96px 0;background:
radial-gradient(700px 380px at 50% 110%,rgba(0,156,255,.10),transparent 65%),
linear-gradient(180deg,#fff 0%,var(--paper-2) 100%)}
.cta-final h2{color:var(--night)}
.cta-final .sub,.cta-final p{color:var(--ink-soft)}
.cta-final .eyebrow{color:var(--fly)}
.cta-final .btn-light{background:#fff;border:1.5px solid rgba(35,42,80,.2);color:var(--night);backdrop-filter:none}
.cta-final .btn-light:hover{border-color:var(--fly);color:var(--fly)}
/* ============ Donut predictivo animado (porque-flyde) ============ */
.wf-donut-wrap{position:relative;max-width:420px;margin:0 auto}
.wf-donut{width:100%;height:auto;display:block}
.wf-donut .seg{stroke-dasharray:0 100;transition:stroke-dasharray 1s ease,opacity .5s ease,stroke-width .5s ease,filter .5s ease;opacity:.4}
.wf-donut-wrap.draw .s1{stroke-dasharray:29.8 70.2;transition-delay:.05s}
.wf-donut-wrap.draw .s2{stroke-dasharray:29.8 70.2;transition-delay:.3s}
.wf-donut-wrap.draw .s3{stroke-dasharray:29.8 70.2;transition-delay:.55s}
.wf-donut .seg.on{opacity:1;stroke-width:42;filter:drop-shadow(0 0 12px rgba(255,255,255,.28))}
.wf-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 110px;transition:opacity .24s ease;pointer-events:none}
.wf-center.swap{opacity:0}
.wf-center b{font-family:var(--display);font-weight:300;font-size:32px;letter-spacing:-.01em;color:#fff}
.wf-legend{display:flex;gap:10px;justify-content:center;margin-top:22px;flex-wrap:wrap}
.wf-legend button{cursor:pointer;font-family:var(--body);font-weight:500;font-size:13px;color:var(--night-text);background:transparent;border:1.5px solid var(--night-line);border-radius:999px;padding:8px 16px;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}
.wf-legend button::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--c)}
.wf-legend button.on{color:#fff;border-color:var(--c);background:rgba(255,255,255,.06)}
@media (prefers-reduced-motion:reduce){.wf-donut .seg{transition:none;stroke-dasharray:29.8 70.2;opacity:1}}
.wf-models{text-align:center;font-family:var(--mono);font-size:12.5px;letter-spacing:.02em;color:var(--night-text);margin-top:20px;min-height:22px;transition:opacity .24s ease}
.wf-models.swap{opacity:0}
/* ============ Órbita de integraciones (porque-flyde) ============ */
.orbit-stage{--r1:105px;--r2:178px;--chip:58px;position:relative;width:min(500px,92vw);aspect-ratio:1;margin:34px auto 0}
.orbit-guide{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1.5px dashed rgba(35,42,80,.14);border-radius:50%}
.orbit-guide.g1{width:calc(var(--r1)*2);height:calc(var(--r1)*2)}
.orbit-guide.g2{width:calc(var(--r2)*2);height:calc(var(--r2)*2)}
@keyframes orbit-cw{to{transform:rotate(360deg)}}
@keyframes orbit-ccw{to{transform:rotate(-360deg)}}
.orbit-stage .ring{position:absolute;inset:0;animation:orbit-cw 48s linear infinite}
.orbit-stage .ring.rev{animation:orbit-ccw 72s linear infinite}
.orbit-stage .orb{position:absolute;top:50%;left:50%;transform:rotate(var(--a))}
.orbit-stage .ra .arm{transform:translateX(var(--r1))}
.orbit-stage .rb .arm{transform:translateX(var(--r2))}
.orbit-stage .unrot{transform:rotate(calc(var(--a)*-1))}
.orbit-stage .counter.ccw{animation:orbit-ccw 48s linear infinite}
.orbit-stage .counter.cw{animation:orbit-cw 72s linear infinite}
.orbit-stage .arm,.orbit-stage .unrot,.orbit-stage .counter{width:0;height:0}
.orb-chip{position:absolute;top:calc(var(--chip)/-2);left:calc(var(--chip)/-2);display:block;width:var(--chip);height:var(--chip);background:#fff;border:1px solid rgba(35,42,80,.08);border-radius:50%;box-shadow:0 3px 8px rgba(35,42,80,.06),0 18px 34px -16px rgba(0,110,200,.35);transition:transform .2s ease}
.orb-chip:hover{transform:scale(1.12)}
.orb-chip img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52%;height:52%;object-fit:contain}
.orbit-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:118px;height:118px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(35,42,80,.08),0 30px 60px -20px rgba(0,110,200,.4),0 0 0 1px rgba(35,42,80,.06)}
.orbit-core img{width:68%;height:auto}
@media (max-width:640px){.orbit-stage{--r1:74px;--r2:124px;--chip:46px}.orbit-core{width:88px;height:88px}}
@media (prefers-reduced-motion:reduce){.orbit-stage .ring,.orbit-stage .counter{animation:none}}
/* Tablas en artículos del blog */
article table{width:100%;border-collapse:collapse;margin:22px 0;font-size:14.5px}
article th{text-align:left;font-weight:600;color:var(--night);background:var(--paper-2);padding:10px 14px;border-bottom:2px solid var(--fly)}
article td{padding:10px 14px;border-bottom:1px solid rgba(35,42,80,.1);color:var(--ink-soft)}
/* Buscador del blog (Vivid Premium) */
.blog-search-box{margin:0;padding:0;background:none;border:0;display:flex;flex-direction:column;align-items:flex-end;gap:6px;width:100%;max-width:480px;margin-left:auto}
.blog-search-box label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.blog-search-wrap{position:relative;display:flex;align-items:center;gap:9px;width:320px;max-width:100%;background:#fff;border:1px solid rgba(35,42,80,.12);border-radius:999px;padding:0 15px;transition:border-color .18s,box-shadow .18s,width .3s cubic-bezier(.22,.61,.36,1)}
.blog-search-wrap:focus-within,.blog-search-wrap:has(#blog-search:not(:placeholder-shown)),.blog-search-wrap.is-wide{width:480px}
.blog-search-wrap:focus-within{border-color:var(--fly);box-shadow:0 0 0 3px rgba(0,156,255,.10)}
.blog-search-wrap svg{flex:0 0 17px;width:17px;height:17px;color:var(--night);opacity:.4}
#blog-search{flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:14.5px;padding:9px 0;color:var(--night)}
#blog-search::placeholder{color:#9aa0b2}
#blog-search-meta{font-family:"Space Mono",ui-monospace,monospace;font-size:11.5px;color:var(--night);opacity:.5;min-height:0;text-align:right}
@media(max-width:560px){.blog-search-box{align-items:stretch;max-width:none}.blog-search-wrap,.blog-search-wrap:focus-within,.blog-search-wrap:has(#blog-search:not(:placeholder-shown)),.blog-search-wrap.is-wide{width:100%}#blog-search-meta{text-align:left}}
#blog-search-results{display:block;margin:32px 0 40px}
.blog-hero-row{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;flex-wrap:wrap}
.blog-hero-copy{flex:1 1 420px;min-width:0}
.blog-hero-row .blog-search-box{flex:0 0 auto;margin-bottom:5px}
@media(max-width:760px){.blog-hero-row{align-items:stretch}.blog-hero-row .blog-search-box{width:100%;align-items:stretch;margin-top:6px}}
.bsr-card{display:flex;gap:16px;align-items:flex-start;padding:16px 2px;border-top:1.5px solid var(--line);text-decoration:none;color:inherit;transition:border-color .2s ease}
.bsr-card:hover{border-top-color:var(--fly)}
.bsr-cats{font-family:"Space Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fly);margin-bottom:10px}
.bsr-title{font-size:19px;font-weight:800;line-height:1.28;margin:0 0 10px;color:var(--night)}
.bsr-snippet{font-size:14.5px;line-height:1.55;color:var(--ink-soft);margin:0 0 14px}
.bsr-meta{font-family:"Space Mono",ui-monospace,monospace;font-size:11.5px;color:var(--night);opacity:.55}
#blog-search-results mark,.bsr-snippet mark,.bsr-title mark,.bsr-cats mark{background:rgba(255,142,62,.28);color:inherit;padding:0 2px;border-radius:3px;font-weight:600}
/* ===== Whitepaper v2: zona ciega + quiénes somos + embed Pipedrive ===== */
.wp-zone{background:var(--night);color:#fff;position:relative;overflow:hidden}
.wp-zone::before{content:"";position:absolute;inset:0;background:radial-gradient(620px 420px at 85% 0%,rgba(0,156,255,.16),transparent 62%),radial-gradient(440px 320px at 0% 100%,rgba(255,142,62,.10),transparent 60%);pointer-events:none}
.wp-zone .wrap{position:relative;z-index:1}
.wp-zone .eyebrow{color:var(--naranja)}
.wp-zone h2{color:#fff}
.wp-zone .sub{color:var(--night-text)}
.zone-card{margin-top:44px;background:rgba(255,255,255,.03);border:1px solid var(--night-line);border-radius:var(--radius);padding:26px 20px 16px}
.zone-card svg{width:100%;height:auto;display:block}
.zone-legend{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:18px;font-family:var(--mono);font-size:12px;color:var(--night-text)}
.zone-legend span{display:inline-flex;align-items:center;gap:8px}
.zone-legend i{width:10px;height:10px;border-radius:50%;display:inline-block}
.wp-about{background:var(--paper-2)}
.wp-about .cols{display:grid;gap:34px;margin-top:8px}
@media(min-width:980px){.wp-about .cols{grid-template-columns:.85fr 1.15fr;align-items:start}}
.wp-about p{color:var(--ink-soft);font-size:16.5px;margin-bottom:16px;max-width:640px}
.pd-embed{min-height:430px}
.pd-embed .fallback{padding:26px 6px;text-align:center;color:var(--ink-soft);font-size:14.5px}
.pd-embed .fallback .btn{margin-top:12px}
/* ===== Whitepaper v3: portada real en hero + descarga centrada ===== */
.wp-cover-img{max-width:380px;width:100%;height:auto;margin:0 auto;display:block;border-radius:12px;box-shadow:0 40px 90px rgba(28,35,66,.30);border:1px solid var(--line)}
.dl-single{max-width:640px;margin:0 auto;text-align:center}
.dl-single .dl-card{position:static;text-align:left;margin-top:26px}
.dl-single .dl-body{padding:22px 22px 20px}
.dl-alt{margin-top:16px;font-size:13px;color:var(--ink-soft)}
.dl-alt a{color:var(--fly);font-weight:700}
/* ===== Whitepaper v4: "para ti si" junto al formulario ===== */
.gate-parati{align-items:start}
.gate-parati .parati-list{display:grid;gap:14px;margin-top:24px}
.gate-parati .dl-card{position:static}
.gate-parati .dl-body .eyebrow{margin-bottom:14px}
/* ===== Ebook CDP: ciclo de color en capítulos + bio autor ===== */
.book-grid .topic:nth-child(3n+1) .n{color:var(--naranja)}
.book-grid .topic:nth-child(3n+2) .n{color:var(--fly)}
.book-grid .topic:nth-child(3n) .n{color:var(--ink-soft)}
.author-band{background:var(--paper-2)}
.author-grid{display:grid;gap:36px;align-items:center}
@media(min-width:820px){.author-grid{grid-template-columns:220px 1fr}}
.author-avatar{width:200px;height:200px;border-radius:22px;margin:0 auto;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--night),var(--night-2));color:#fff;font-family:var(--display);font-weight:900;font-size:60px;letter-spacing:-.02em;box-shadow:0 30px 70px rgba(28,35,66,.28)}
.author-band .role{font-family:var(--mono);font-size:13px;color:var(--fly);margin:6px 0 16px}
.author-band p{color:var(--ink-soft);margin-bottom:14px;max-width:640px}
.author-stats{display:flex;gap:40px;margin-top:22px;flex-wrap:wrap}
.author-stat b{font-family:var(--display);font-size:36px;font-weight:900;color:var(--fly);display:block;line-height:1}
.author-stat span{font-size:13px;color:var(--ink-soft)}
/* ===== Ebook: foto real del autor ===== */
.author-photo{width:220px;height:auto;display:block;margin:0 auto;filter:drop-shadow(0 24px 50px rgba(28,35,66,.22))}
/* ===== Mega menú visual ===== */
.panel.mega{width:min(1080px,calc(100vw - 48px));padding:26px 26px 22px}
.mega-grid{display:grid;grid-template-columns:1fr 1.15fr .95fr;gap:26px}
.mega-grid.two{grid-template-columns:1.1fr 1fr .95fr}
.mega-grid.mres{grid-template-columns:1fr 360px;gap:26px}
.panel.mega h5{margin:2px 8px 12px}
.panel a.mi{display:flex;gap:14px;padding:10px 12px;border-radius:12px;align-items:center;min-width:0;transition:background .15s ease}
.panel a.mi:hover{background:var(--paper-2)}
.panel a.mi .ic{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--night)}
.panel a.mi .ic svg{width:26px;height:26px;display:block}
.panel a.mi .ic.app img{width:34px;height:34px;object-fit:contain;display:block}
.panel a.mi b{display:block;font-size:14px;font-weight:700;color:var(--ink)}
.panel a.mi span{display:block;font-size:12.5px;color:var(--ink-soft);line-height:1.4}
.panel a.mfeat{border-radius:14px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;min-height:100%;background:linear-gradient(155deg,#141A2E,#232A50);color:#fff;position:relative;overflow:hidden}
.panel a.mfeat::before{content:"";position:absolute;inset:0;background:radial-gradient(320px 200px at 85% 0%,rgba(0,156,255,.35),transparent 60%);pointer-events:none}
.panel a.mfeat .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#5AB7FF;position:relative}
.panel a.mfeat b{font-size:18px;font-weight:900;margin:8px 0 6px;display:block;position:relative;color:#fff}
.panel a.mfeat span{font-size:12.5px;color:#C9CFE8;line-height:1.5;position:relative}
.panel a.mfeat .go{margin-top:14px;color:var(--naranja);font-weight:700;font-size:13px;position:relative}
.panel a.mfeat:hover .go{text-decoration:underline}
.panel a.mfeat .app-badge{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center}
.panel a.mfeat .app-badge img{width:44px;height:44px;object-fit:contain}
.panel a.mfeat.cover{background:transparent;min-height:0;padding:0;display:flex;flex-direction:column;overflow:hidden}
.panel a.mfeat.cover .rc-img{display:block;width:100%;aspect-ratio:1.72;position:relative;overflow:hidden}
.panel a.mfeat.cover .rc-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .5s ease}
.panel a.mfeat.cover:hover .rc-img img{transform:scale(1.04)}
.panel a.mfeat.cover .rc-body{display:block;background:linear-gradient(180deg,#1081DF 0%,#0E63AF 100%);padding:16px 18px 20px}
.panel a.mfeat.cover .rc-body .k{color:rgba(255,255,255,.90)}
.panel a.mfeat.cover .rc-body>span{color:rgba(255,255,255,.92)}
.panel a.mfeat.cover .rc-body .go{color:#fff}
.panel a.mfeat.cover::before{display:none}
.panel a.mfeat.cover .k,.panel a.mfeat.cover b,.panel a.mfeat.cover>span,.panel a.mfeat.cover .go{position:relative;z-index:2}
/* El panel mega de Recursos: anclado al viewport para que no se salga por la izquierda */
.panel.mega.right{position:fixed;top:64px;left:50%;right:auto;transform:translateX(-50%) translateY(6px);width:min(760px,calc(100vw - 48px))}
.menu-item:hover .panel.mega.right,.menu-item:focus-within .panel.mega.right{transform:translateX(-50%) translateY(0)}
/* Core app page */
@media(max-width:860px){.core-step{grid-template-columns:1fr!important}.core-step>div[style*="order:0"]{order:1!important}}
/* Core hero: dos columnas texto+imagen */
.core-hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
@media(max-width:900px){.core-hero-grid{grid-template-columns:1fr;gap:32px}}
/* Descargas · portadas reales recortadas en las tarjetas destacadas */
.rcard .cover.img{padding:0;background:var(--night);aspect-ratio:4/3;display:block}
.rcard .cover.img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .5s ease}
.rcard .cover.img::after{content:"";position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(to bottom,transparent,rgba(20,26,52,.30));pointer-events:none}
.rcard:hover .cover.img img{transform:scale(1.035)}
/* ---- FLYDE Talks · reproductor de vídeo + momentos destacados ---- */
.tk-player{display:grid;gap:30px;margin-top:8px}
@media(min-width:980px){.tk-player{grid-template-columns:1.4fr 1fr;align-items:start;gap:40px}}
.tk-video-col{position:relative}
@media(min-width:980px){.tk-video-col{position:sticky;top:96px}}
.tk-video{border-radius:16px;overflow:hidden;background:#0b0f1e;box-shadow:0 30px 70px rgba(28,35,66,.30);aspect-ratio:16/9}
.tk-video video{width:100%;height:100%;display:block}
.tk-vhint{font-family:var(--mono);font-size:12px;color:var(--ink-soft);margin-top:12px;display:flex;align-items:center;gap:8px}
.tk-vhint svg{flex:0 0 auto}
.tk-hl-head{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:14px}
.hl-group{margin-bottom:22px}
.hl-group>h3{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--fly);margin:0 0 10px}
.hl-item{display:flex;gap:12px;align-items:flex-start;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 13px;margin-bottom:8px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;font-family:inherit}
.hl-item:hover{border-color:var(--fly);box-shadow:0 8px 22px rgba(0,156,255,.12);transform:translateX(2px)}
.hl-item.active{border-color:var(--fly);background:#F3F9FF}
.hl-time{flex:0 0 auto;font-family:var(--mono);font-size:12px;font-weight:700;color:var(--fly);background:#EAF5FF;border-radius:7px;padding:4px 8px;min-width:54px;text-align:center;line-height:1.3}
.hl-item.active .hl-time{background:var(--fly);color:#fff}
.hl-item:hover .hl-time{background:var(--fly);color:#fff}
.hl-text{font-size:14px;line-height:1.5;color:var(--ink)}
/* índice: episodios con vídeo */
.ep .cv .ep-tag{position:absolute;bottom:12px;left:12px;font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;color:#fff;background:var(--naranja);padding:5px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:6px}
.ep.has-video .cv .pl{background:var(--naranja)}
.ep .info .role{display:block;font-size:12.5px;color:var(--ink-soft);margin-top:2px}
.ep .info .date{display:block;font-family:var(--mono);font-size:11.5px;color:#9AA0AC;margin-top:8px}
/* ===== FLYDE Talks · rediseño v58 ===== */
/* Héroe de episodio a 2 columnas: texto + póster (recorte a caras) */
.tk-hero-grid{display:grid;gap:30px;align-items:center}
@media(min-width:900px){.tk-hero-grid{grid-template-columns:1.12fr .88fr;gap:48px}}
.tk-hero-copy{min-width:0}
.tk-ephero-poster{aspect-ratio:3/2;border-radius:16px;overflow:hidden;box-shadow:0 26px 64px rgba(0,0,0,.42);position:relative}
.tk-ephero-poster img{width:100%;height:100%;object-fit:cover;object-position:center 86%;transform:scale(1.16);display:block}
.tk-ephero-poster.full{aspect-ratio:16/10}
.tk-ephero-poster.full img{object-position:center;transform:none}
@media(max-width:899px){.tk-ephero-poster{max-width:560px;margin:6px auto 0}}
/* Índice · tarjeta destacada (Aniversario) */
a.tk-feat{display:grid;gap:0;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 22px 54px rgba(28,35,66,.09);text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}
a.tk-feat:hover{transform:translateY(-3px);box-shadow:0 30px 66px rgba(28,35,66,.14)}
@media(min-width:820px){a.tk-feat{grid-template-columns:1fr 1fr}}
.tk-feat-poster{position:relative;overflow:hidden;min-height:250px;background:var(--night)}
.tk-feat-poster img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.tk-feat-poster .pl{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.92);width:60px;height:60px;border-radius:50%;background:var(--naranja);display:flex;align-items:center;justify-content:center;opacity:.94;transition:transform .18s ease,opacity .18s ease;box-shadow:0 12px 30px rgba(255,142,62,.45)}
a.tk-feat:hover .tk-feat-poster .pl{transform:translate(-50%,-50%) scale(1);opacity:1}
.tk-feat-body{padding:32px 34px;display:flex;flex-direction:column;justify-content:center}
.tk-feat-body .eyebrow{color:var(--naranja)}
.tk-feat-body h3{font-size:clamp(20px,2.5vw,27px);font-weight:900;color:var(--night);line-height:1.18;margin:10px 0 12px}
.tk-feat-body>p{font-size:15px;color:var(--ink-soft);line-height:1.6;margin:0 0 14px}
.tk-feat-people{font-size:13px;color:var(--fly);font-weight:700;margin-bottom:22px;line-height:1.5}
.tk-feat-cta{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--night);font-size:15px}
a.tk-feat:hover .tk-feat-cta{color:var(--fly-deep)}
/* Índice · tarjetas con póster completo */
.ep .cv{aspect-ratio:1/1;background:var(--night);position:relative;overflow:hidden;display:block}
.ep .cv img{width:100%;height:100%;object-fit:cover;display:block}
.ep .cv::after{content:"";position:absolute;inset:0;background:rgba(28,35,66,0);transition:background .18s ease}
.ep:hover .cv::after{background:rgba(28,35,66,.20)}
.ep .cv .pl{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:54px;height:54px;border-radius:50%;background:var(--naranja);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .18s ease,transform .18s ease;box-shadow:0 10px 26px rgba(255,142,62,.45);z-index:2}
.ep:hover .cv .pl{opacity:1;transform:translate(-50%,-50%) scale(1)}
.ep .info{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.ep .info .date{font-family:var(--mono);font-size:12px;color:var(--ink-soft);margin:0}
.ep .info .ep-tag{position:static;font-family:var(--mono);font-size:10px;letter-spacing:.03em;color:var(--naranja-deep);background:rgba(255,142,62,.12);padding:5px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
/* ===== Industrias · plantilla v59 ===== */
.ind-hero{background:var(--night);color:#fff;position:relative;overflow:hidden;padding:44px 0 70px}
.ind-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(680px 460px at 82% 6%,rgba(0,156,255,.22),transparent 62%),radial-gradient(480px 340px at 4% 96%,rgba(255,142,62,.15),transparent 60%);pointer-events:none}
.ind-hero .wrap{position:relative;z-index:1}
.ind-hero .crumbs{color:#7E88A8;padding-top:0}
.ind-hero .crumbs a:hover{color:#fff}
.ind-hero .crumbs b{color:#5AB7FF}
.ind-hero-grid{display:grid;gap:40px;align-items:center;margin-top:16px}
@media(min-width:960px){.ind-hero-grid{grid-template-columns:1.08fr .92fr;gap:56px}}
.ind-kind{display:inline-flex;gap:8px;align-items:center;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--naranja);border:1px solid var(--night-line);background:rgba(255,255,255,.04);border-radius:999px;padding:7px 14px;margin-bottom:18px}
.ind-hero h1{font-size:clamp(30px,4.6vw,50px);font-weight:900;line-height:1.1;margin-bottom:16px}
.ind-hero h1 em{font-style:normal;color:var(--fly)}
.ind-hero .lead{font-size:clamp(16px,2vw,19px);color:var(--night-text);max-width:600px;line-height:1.62;margin-bottom:26px}
.ind-hero .btn-ghost{border-color:var(--night-line);color:#fff}
.ind-hero .btn-ghost:hover{border-color:#5AB7FF;color:#5AB7FF}
.ind-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.ind-chips span{font-family:var(--mono);font-size:12px;color:var(--night-text);border:1px solid var(--night-line);background:rgba(255,255,255,.03);border-radius:999px;padding:7px 13px;display:inline-flex;align-items:center;gap:7px}
.ind-chips span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--fly);flex:0 0 auto}
.ind-hero .vt-logos{color:#6F7BA4;margin-top:26px}
.ind-hero .vt-logos .t{color:#7E88A8}
.ind-hero-visual{background:linear-gradient(165deg,var(--night-2),#1A2040);border:1px solid var(--night-line);border-radius:var(--radius);box-shadow:0 34px 80px rgba(0,0,0,.45);padding:24px;position:relative}
.ind-hero-visual .label{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:#8B96BE;margin-bottom:10px;text-transform:uppercase}
/* Franja de 3 pasos */
.step3-grid{display:grid;gap:16px;margin-top:44px}
@media(min-width:820px){.step3-grid{grid-template-columns:repeat(3,1fr)}}
.step3{background:transparent;border:none;border-radius:0;padding:22px 6px 0 0;position:relative;border-top:2px solid var(--line);transition:border-color .35s ease}
.step3 .n{font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--fly);display:block;margin-bottom:14px}
.step3 h3{font-size:19px;font-weight:800;margin-bottom:8px}
.step3 p{font-size:14.5px;color:var(--ink-soft);line-height:1.6}
.step3:hover{border-top-color:var(--fly)}
.step3-grid .step3:nth-child(2) .n{color:var(--naranja)}
.step3-grid .step3:nth-child(2):hover{border-top-color:var(--naranja)}
/* Banda de impacto: fichas de palanca */
.lever-grid{display:grid;gap:16px;margin-top:38px}
@media(min-width:820px){.lever-grid{grid-template-columns:repeat(3,1fr)}}
.lever{background:var(--night-2);border:1px solid var(--night-line);border-radius:14px;padding:24px 24px 22px}
.lever .k{font-family:var(--display);font-weight:900;font-size:clamp(20px,2.4vw,26px);color:var(--fly);display:block;line-height:1.15;margin-bottom:10px}
.lever:nth-child(2) .k{color:var(--naranja)}
.lever p{font-size:13.5px;color:var(--night-text);line-height:1.6;margin:0}
/* Cross-sell de apps */
.apps-strip{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.apps-strip a{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 18px 9px 10px;font-weight:700;font-size:14px;color:var(--night);text-decoration:none;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
.apps-strip a:hover{border-color:var(--fly);transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,156,255,.14)}
.apps-strip img{width:26px;height:26px;display:block}
/* ===== Soluciones · héroes vivos v60 ===== */
.sol-hero{padding:38px 0 66px;position:relative;overflow:hidden}
.sol-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(640px 440px at 86% 6%,rgba(0,156,255,.12),transparent 62%),radial-gradient(440px 320px at 0% 96%,rgba(255,142,62,.09),transparent 60%);pointer-events:none}
.sol-hero .wrap{position:relative;z-index:1}
.sol-hero-grid{display:grid;gap:44px;align-items:center}
@media(min-width:980px){.sol-hero-grid{grid-template-columns:1.02fr .98fr;gap:56px}}
.sol-hero h1{font-size:clamp(33px,5.2vw,56px);font-weight:900;line-height:1.07;margin-bottom:18px}
.sol-hero h1 em{font-style:normal;color:var(--fly)}
.sol-hero .lead{font-size:clamp(17px,2.1vw,20px);color:var(--ink-soft);line-height:1.55;margin-bottom:28px;max-width:560px}
.sol-visual{position:relative;padding:8px 2px}
.sol-visual svg{width:100%;height:auto;display:block}
.sol-visual .label{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:12px}
.sol-chip{position:absolute;z-index:3;background:rgba(255,255,255,.95);border:1px solid rgba(35,42,80,.1);backdrop-filter:blur(8px);border-radius:14px;padding:9px 14px;box-shadow:0 18px 40px -14px rgba(0,40,110,.32);display:flex;align-items:center;gap:9px;animation:solfloat 7s ease-in-out infinite}
.sol-chip .ic{width:26px;height:26px;border-radius:8px;background:rgba(0,156,255,.10);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.sol-chip span{font-family:var(--mono);font-size:10.5px;color:var(--ink-soft);line-height:1.35}
.sol-chip b{display:block;font-family:var(--display);font-size:13px;font-weight:700;color:var(--night)}
.sol-chip.c2{animation-delay:1.8s}
.sol-chip.c3{animation-delay:3.4s}
@keyframes solfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.sol-draw{stroke-dasharray:900;stroke-dashoffset:900;animation:soldraw 2.2s ease-out forwards}
.sol-draw.d2{animation-delay:.9s}
.sol-draw.d3{animation-delay:1.6s}
@keyframes soldraw{to{stroke-dashoffset:0}}
.sol-draw100{stroke-dasharray:100;stroke-dashoffset:100;animation:soldraw100 1.8s ease-out forwards}
@keyframes soldraw100{to{stroke-dashoffset:0}}
.sol-node{opacity:0;animation:solin .55s ease-out forwards}
@keyframes solin{to{opacity:1}}
.sol-pulse{animation:solpulse 2.8s ease-in-out infinite}
@keyframes solpulse{0%,100%{opacity:.35}50%{opacity:1}}
@media(max-width:640px){.sol-chip{position:static;margin:12px 10px 0 0;animation:none;display:inline-flex}}
@media (prefers-reduced-motion:reduce){.sol-chip,.sol-pulse{animation:none}.sol-draw,.sol-draw100{animation:none;stroke-dashoffset:0}.sol-node{animation:none;opacity:1}}
/* ===== Brain · rediseño limpio v62 ===== */
/* Chat abierto del héroe (sin contenedor): la conversación se escribe sola */
.bchat{display:flex;flex-direction:column;gap:14px}
.bchat .msg{max-width:88%;padding:14px 18px;font-size:14.5px;line-height:1.55;opacity:0;animation:bmsg .55s ease-out forwards}
.bchat .msg.user{align-self:flex-end;background:var(--night);color:#fff;border-radius:18px 18px 4px 18px;box-shadow:0 16px 34px -14px rgba(28,35,66,.4)}
.bchat .msg.bot{align-self:flex-start;background:#fff;color:#252A35;border-radius:18px 18px 18px 4px;box-shadow:0 3px 8px rgba(35,42,80,.05),0 26px 52px -22px rgba(0,110,200,.30)}
.bchat .msg.bot b{color:var(--night)}
.bchat .bot-hl{color:var(--naranja-deep);font-weight:700}
.bchat .msg:nth-child(1){animation-delay:.4s}
.bchat .msg:nth-child(2){animation-delay:1.4s}
.bchat .msg:nth-child(3){animation-delay:2.6s}
.bchat .msg:nth-child(4){animation-delay:3.5s}
@keyframes bmsg{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.bchat .bwrite{display:flex;align-items:center;gap:12px;margin-top:8px;border-bottom:1.5px solid rgba(35,42,80,.16);padding:10px 2px}
.bchat .bwrite span{font-family:var(--mono);font-size:13px;color:#9AA0AC}
.bchat .bwrite i{width:2px;height:16px;background:var(--fly);animation:bcaret 1.1s steps(1) infinite}
@keyframes bcaret{0%,49%{opacity:1}50%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.bchat .msg{animation:none;opacity:1}.bchat .bwrite i{animation:none}}
/* El Insight Gap: partido tipográfico */
.big-stat{font-family:var(--display);font-weight:900;font-size:clamp(64px,10vw,120px);line-height:.95;color:var(--night);letter-spacing:-.02em}
.big-stat em{font-style:normal;color:var(--fly)}
.gap-split{display:grid;gap:30px;margin-top:40px}
@media(min-width:860px){
.gap-split{grid-template-columns:1fr 1fr;gap:0}
.gap-split .gap-side{padding:6px 48px 10px}
.gap-split .gap-side.fast{padding-left:4px;border-right:2px solid var(--fly);border-image:linear-gradient(180deg,var(--fly),var(--naranja)) 1}
}
.gap-side .k{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;display:block;margin-bottom:12px;color:#8A93A6}
.gap-side .t{font-family:var(--display);font-weight:900;font-size:clamp(38px,5.4vw,62px);line-height:1;display:block;margin-bottom:10px}
.gap-side.fast .t{color:var(--fly)}
.gap-side.slow .t{color:#B9C0CE}
.gap-side p{font-size:15px;line-height:1.65;color:var(--ink-soft);max-width:390px;margin:0}
.gap-tag{text-align:center;font-family:var(--display);font-size:clamp(18px,2.5vw,23px);font-weight:700;color:var(--night);margin-top:34px}
.gap-tag em{font-style:normal;color:var(--naranja)}
.cost-grid{display:grid;gap:22px;margin-top:50px}
@media(min-width:860px){.cost-grid{grid-template-columns:repeat(3,1fr)}}
.cost{border-top:1.5px solid rgba(35,42,80,.16);padding:22px 4px 6px;transition:border-color .16s ease,transform .16s ease}
.cost:hover{border-top-color:var(--naranja);transform:translateY(-2px)}
.cost .k{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--naranja-deep);display:block;margin-bottom:14px}
.cost .n{font-family:var(--display);font-weight:300;font-size:clamp(40px,5vw,54px);line-height:1;letter-spacing:-.02em;color:var(--night);display:block;margin-bottom:12px}
.cost p{font-size:14px;line-height:1.62;color:var(--ink-soft);margin:0 0 14px}
.cost .out{font-size:13.5px;font-weight:700;color:var(--fly)}
/* La escalera del insight: peldaños de línea, silueta ascendente */
.ladder{display:grid;gap:26px;margin-top:58px;align-items:end}
@media(min-width:920px){.ladder{grid-template-columns:repeat(4,1fr)}}
.rung{border-top:2px solid rgba(35,42,80,.16);padding:20px 4px 6px;display:flex;flex-direction:column;transition:transform .18s ease}
.rung:hover{transform:translateY(-3px)}
.rung .lvl{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8A93A6;display:block;margin-bottom:12px}
.rung h3{font-size:22px;font-weight:900;margin:0 0 4px;color:var(--night)}
.rung .q{font-size:14px;color:var(--ink-soft);margin:0 0 18px}
.rung .ex{font-family:var(--mono);font-size:12.5px;line-height:1.62;color:#5A6274;border-left:2px solid #C9CEDA;padding:2px 0 2px 14px;margin:0 0 20px}
.rung .who{margin-top:auto;font-family:var(--mono);font-size:11.5px;letter-spacing:.02em;color:#8A93A6}
@media(min-width:920px){
.rung.r1{min-height:255px}.rung.r2{min-height:315px}.rung.r3{min-height:375px}.rung.r4{min-height:435px}
.ladder .rung:nth-child(2){transition-delay:.14s}.ladder .rung:nth-child(3){transition-delay:.28s}.ladder .rung:nth-child(4){transition-delay:.42s}
}
.rung.r2,.rung.r3{border-top-color:var(--fly)}
.rung.r2 .lvl,.rung.r3 .lvl{color:var(--fly)}
.rung.r2 .ex,.rung.r3 .ex{border-left-color:var(--fly);color:#2A3550}
.rung.r2 .who,.rung.r3 .who{color:var(--fly);font-weight:700}
.rung.r4{border-top-color:var(--naranja)}
.rung.r4 .lvl{color:var(--naranja-deep)}
.rung.r4 .ex{border-left-color:var(--naranja);color:#2A3550}
.rung.r4 .who{color:var(--naranja-deep);font-weight:700}
.ladder-note{margin-top:30px;text-align:center;font-size:14.5px;color:var(--ink-soft)}
.ladder-note a{color:var(--fly);font-weight:700}
/* Brain conoce TU contexto: una pregunta, dos respuestas */
.ctx-q{margin:46px auto 38px;max-width:660px;text-align:center;font-family:var(--display);font-size:clamp(19px,2.7vw,25px);font-weight:700;color:var(--night)}
.ctx-q .k{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8A93A6;font-weight:400;margin-bottom:10px}
.ctx-grid{display:grid;gap:34px}
@media(min-width:900px){.ctx-grid{grid-template-columns:1fr 1fr;gap:56px}}
.ctx{border-top:2px solid rgba(35,42,80,.16);padding:22px 4px 6px}
.ctx .k{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;display:block;margin-bottom:16px;color:#8A93A6}
.ctx .aa{font-size:15.5px;line-height:1.72;margin:0}
.ctx.generic .aa{color:#7A8296;font-style:italic}
.ctx.brain{border-top-color:var(--fly)}
.ctx.brain .k{color:var(--fly)}
.ctx.brain .aa{color:#1E2A45}
.ctx.brain .aa b{color:var(--fly-deep)}
.ctx .verdict{margin-top:18px;font-family:var(--mono);font-size:12px;display:flex;align-items:center;gap:8px}
.ctx.generic .verdict{color:var(--naranja-deep)}
.ctx.brain .verdict{color:var(--fly-deep);font-weight:700}
/* De la pregunta a la decisión */
.case-flow{display:grid;gap:22px;margin-top:48px}
@media(min-width:920px){.case-flow{grid-template-columns:repeat(4,1fr);gap:28px}}
.cstep{position:relative;border-top:1.5px solid rgba(35,42,80,.16);padding:20px 4px 6px;transition:border-color .16s ease,transform .16s ease}
.cstep:hover{transform:translateY(-2px);border-top-color:var(--fly)}
.cstep .tag{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fly);display:block;margin-bottom:10px}
.cstep .meta{font-family:var(--mono);font-size:11px;color:#9AA0AC;display:block;margin-bottom:10px}
.cstep p{font-size:14px;line-height:1.65;color:#2A3040;margin:0}
.cstep.final{border-top-color:var(--naranja)}
.cstep.final .tag{color:var(--naranja-deep)}
.cstep.final:hover{border-top-color:var(--naranja-deep)}
@media(min-width:920px){
.cstep:not(:last-child)::after{content:"→";position:absolute;right:-22px;top:22px;color:var(--naranja);font-size:17px;font-weight:700}
.case-flow .cstep:nth-child(2){transition-delay:.12s}.case-flow .cstep:nth-child(3){transition-delay:.24s}.case-flow .cstep:nth-child(4){transition-delay:.36s}
}
.case-res{margin-top:46px;display:flex;flex-wrap:wrap;gap:26px 56px;align-items:flex-end}
.case-res .t{flex:1 1 300px}
.case-res .t .k{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8A93A6;display:block;margin-bottom:8px}
.case-res .t b{font-family:var(--display);font-size:clamp(20px,2.8vw,27px);font-weight:900;color:var(--night);line-height:1.25}
.case-res .s b{font-family:var(--display);font-weight:300;font-size:clamp(38px,5vw,52px);letter-spacing:-.02em;display:block;line-height:1;color:var(--fly)}
.case-res .s:last-child b{color:var(--naranja-deep)}
.case-res .s span{font-family:var(--mono);font-size:12px;color:var(--ink-soft)}
/* Por qué Brain */
.dif-grid{display:grid;gap:22px;margin-top:48px}
@media(min-width:900px){.dif-grid{grid-template-columns:repeat(3,1fr)}}
.dif{border-top:1.5px solid rgba(35,42,80,.16);padding:22px 4px 6px;display:flex;flex-direction:column;transition:border-color .16s ease,transform .16s ease}
.dif:hover{border-top-color:var(--naranja);transform:translateY(-2px)}
.dif h3{font-size:20px;font-weight:900;margin:0 0 10px;color:var(--night)}
.dif p{font-size:14.5px;line-height:1.65;color:var(--ink-soft);margin:0 0 20px}
.dif .vs{margin-top:auto}
.dif .vs .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#9AA0AC;display:block;margin-bottom:4px}
.dif .vs b{font-size:13.5px;color:var(--naranja-deep)}
/* Raíl de datos compacto (sustituye a las 3 columnas de coste) */
.stat-rail{display:flex;flex-wrap:wrap;gap:18px 0;margin-top:40px;border-top:1.5px solid rgba(35,42,80,.16);padding-top:24px}
.stat-rail .it{flex:1 1 220px;padding:0 28px;position:relative}
.stat-rail .it:first-child{padding-left:4px}
@media(min-width:860px){.stat-rail .it+.it::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:1px;background:var(--line)}}
.stat-rail b{font-family:var(--display);font-weight:300;font-size:clamp(26px,3.4vw,36px);letter-spacing:-.02em;color:var(--night);display:block;line-height:1.05;margin-bottom:6px}
.stat-rail .it.hot b{color:var(--naranja-deep)}
.stat-rail span{font-size:13px;line-height:1.5;color:var(--ink-soft);display:block;max-width:240px}
/* Horas vs días, condensado a una línea */
.gap-line{margin:38px auto 0;max-width:860px;text-align:center;font-family:var(--display);font-size:clamp(19px,2.9vw,28px);font-weight:700;color:var(--night);line-height:1.4}
.gap-line b{color:var(--fly)}
.gap-line .d{color:var(--fly)}
.gap-line em{font-style:normal;color:var(--naranja)}
.gap-line .sep{display:inline-block;width:34px;height:2px;background:linear-gradient(90deg,var(--fly),var(--naranja));vertical-align:middle;margin:0 14px;border-radius:2px}
/* ===== Menú · destacado Brain v67 (tipográfico + tecleo/contador) ===== */
.panel a.mfeat.brain-feat{justify-content:flex-start;background:linear-gradient(160deg,#12172B,#232A50)}
.panel a.mfeat.brain-feat::before{background:radial-gradient(280px 180px at 90% -8%,rgba(255,142,62,.30),transparent 60%),radial-gradient(340px 230px at -5% 105%,rgba(0,156,255,.32),transparent 62%)}
.panel a.mfeat.brain-feat .k{color:var(--naranja)}
.panel a.mfeat.brain-feat .tt{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:900;margin:8px 0 2px;position:relative;color:#fff}
.panel a.mfeat.brain-feat .tt img{width:26px;height:26px;object-fit:contain}
.panel a.mfeat.brain-feat .bq{font-family:var(--mono);font-size:12px;color:#9FB4E8;margin:16px 0 14px;display:flex;align-items:center;gap:7px;position:relative}
.panel a.mfeat.brain-feat .bq .qt{font-size:inherit;font-family:inherit;color:inherit;line-height:inherit}
.panel a.mfeat.brain-feat .bq i{width:1.5px;height:13px;background:var(--fly);display:inline-block;flex:0 0 auto;animation:bcaret 1.1s steps(1) infinite}
@keyframes bcaret{0%,49%{opacity:1}50%,100%{opacity:0}}
.panel a.mfeat.brain-feat .bn{font-family:var(--display);font-weight:900;font-size:38px;line-height:1;color:#fff;display:block;position:relative;letter-spacing:-.01em;transition:opacity .4s ease}
.panel a.mfeat.brain-feat .bn .num{font-size:inherit;font-weight:inherit;font-family:inherit;line-height:inherit;color:#fff;display:inline}
.panel a.mfeat.brain-feat .bn small{font-size:15px;font-weight:700;font-family:var(--mono);color:#5AB7FF;margin-left:7px;letter-spacing:0;display:inline}
.panel a.mfeat.brain-feat .bl{font-size:12.5px;color:#C9CFE8;margin-top:6px;display:block;position:relative;transition:opacity .4s ease}
.panel a.mfeat.brain-feat .bl em{font-style:normal;color:var(--naranja)}
.panel a.mfeat.brain-feat .go{margin-top:auto;padding-top:18px;font-size:15.5px;font-weight:800;letter-spacing:.01em}
@media (prefers-reduced-motion:reduce){.panel a.mfeat.brain-feat .bq i{animation:none}}
/* ===== Calculadora ROI · rediseño editorial v69 ===== */
.cw{display:grid;gap:52px;margin-top:52px;text-align:left}
@media(min-width:1000px){.cw{grid-template-columns:1.05fr 1fr;gap:72px;align-items:start}}
.cin .sec{border-top:1.5px solid rgba(35,42,80,.16);padding-top:20px;margin-top:34px}
.cin .sec:first-child{margin-top:0}
.cin .sec-k{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fly);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
/* moneda y sectores: pestañas subrayadas, sin cajas */
#curSwitch{display:flex;gap:16px}
#curSwitch button{background:none;border:none;border-bottom:2px solid transparent;border-radius:0;padding:2px 1px 6px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:#8A93A6;cursor:pointer;transition:color .15s,border-color .15s}
#curSwitch button:hover{color:var(--night)}
#curSwitch button.active{color:var(--fly-deep);border-bottom-color:var(--fly);font-weight:700}
.cin .sector-grid{display:flex;flex-wrap:wrap;gap:2px 22px;margin-top:14px}
.cin .sector-btn{background:none;border:none;border-bottom:2px solid transparent;border-radius:0;box-shadow:none;padding:7px 1px 8px;font-family:var(--mono);font-size:12.5px;letter-spacing:.03em;color:#6A7284;cursor:pointer;transition:color .15s,border-color .15s}
.cin .sector-btn:hover{color:var(--night);border-bottom-color:#C9CEDA;background:none}
.cin .sector-btn.active{color:var(--fly-deep);border-bottom-color:var(--fly);font-weight:700;background:none}
.cin .no-sector{font-size:13px;color:var(--ink-soft);margin-top:14px}
.cin .no-sector a{color:var(--fly);font-weight:700}
/* sliders editoriales */
.cin .in-block{margin-top:26px}
.cin .in-block label{display:flex;justify-content:space-between;align-items:baseline;gap:14px;font-size:14.5px;font-weight:700;color:var(--night)}
.cin .in-block .vdisp{font-family:var(--display);font-weight:300;font-size:clamp(24px,3vw,30px);letter-spacing:-.02em;color:var(--fly-deep)}
.cin input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:24px;background:transparent;cursor:pointer;margin:8px 0 0}
.cin input[type="range"]::-webkit-slider-runnable-track{height:2px;background:#E3E5E9;border-radius:0}
.cin input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--fly);border:3px solid #fff;box-shadow:0 1px 6px rgba(28,35,66,.35);margin-top:-8px;transition:transform .12s}
.cin input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.15)}
.cin input[type="range"]::-moz-range-track{height:2px;background:#E3E5E9}
.cin input[type="range"]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--fly);border:3px solid #fff;box-shadow:0 1px 6px rgba(28,35,66,.35)}
.cin .range-labels{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10.5px;color:#9AA0AC;margin-top:2px}
/* avanzados */
.cin #toggleBtn{background:none;border:none;border-radius:0;padding:0;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--fly);cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.cin #toggleBtn .arr{transition:transform .2s;display:inline-block}
.cin .adv-toggle.open #toggleBtn .arr{transform:rotate(180deg)}
.cin .adv-body{display:none;margin-top:6px}
.cin .adv-body.show{display:block}
.cin .adv-grid{display:grid;gap:4px 34px;margin-top:12px}
@media(min-width:640px){.cin .adv-grid{grid-template-columns:1fr 1fr}}
.cin .adv-item label{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;font-weight:700;color:var(--night);margin-top:14px}
.cin .adv-item .v{font-family:var(--mono);font-size:14px;font-weight:700;color:var(--fly-deep)}
.cin .adv-item.imp .v{color:var(--naranja-deep)}
.cin .adv-h{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--naranja-deep);margin-top:26px}
/* resultados */
.cout{text-align:left}
@media(min-width:1000px){.cout{position:sticky;top:86px}}
.cout .res-k{border-top:2px solid var(--naranja);padding-top:18px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--naranja-deep)}
#beneficioNeto{font-family:var(--display);font-weight:900;font-size:clamp(44px,6vw,68px);line-height:1;letter-spacing:-.02em;color:var(--night);margin:14px 0 4px;transition:opacity .15s}
.cout .res-sub{font-size:14px;color:var(--ink-soft)}
.cout .roi-row{display:flex;gap:0;margin:26px 0 0}
.cout .roi-row>div{flex:1;padding:0 24px}
.cout .roi-row>div:first-child{padding-left:0;border-right:1px solid var(--line)}
.cout .roi-row .n{font-family:var(--display);font-weight:300;font-size:clamp(28px,3.6vw,38px);letter-spacing:-.02em;line-height:1.05;color:var(--fly-deep)}
.cout .roi-row .n.orange{color:var(--naranja-deep)}
.cout .roi-row span{font-family:var(--mono);font-size:11px;color:var(--ink-soft);display:block;margin-top:4px}
.cout h4{border-top:1.5px solid rgba(35,42,80,.16);padding-top:18px;margin-top:34px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8A93A6;font-weight:500}
.cout .brk{display:flex;align-items:center;gap:11px;padding:12px 1px;border-bottom:1px solid var(--line)}
.cout .brk:last-of-type{border-bottom:none}
.cout .brk .lb{font-size:14px;color:var(--night)}
.cout .brk .vl{margin-left:auto;font-family:var(--mono);font-size:14.5px;font-weight:700;color:var(--fly-deep)}
.cout .bar-row{margin-top:16px}
.cout .bar-row .t{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:var(--ink-soft);margin-bottom:7px}
.cout .bar-row .t b{font-family:var(--mono);font-size:13.5px;color:var(--night)}
.cout .bar-track{height:8px;background:#EEF0F4;border-radius:0}
.cout .bar-fill{height:100%;border-radius:0;transition:width .5s ease}
.cout .bar-fill.inv{background:#232A50}
.cout .bar-fill.ret{background:linear-gradient(90deg,#009CFF,#FF8E3E)}
.cout .payline{margin-top:22px;font-size:14.5px;color:var(--ink-soft)}
.cout .payline b{font-family:var(--display);font-weight:900;color:var(--naranja-deep);font-size:17px}
/* CTA */
.cout .calc-go{border-top:2px solid var(--naranja);padding-top:22px;margin-top:36px}
.cout .calc-go h3{font-size:clamp(19px,2.4vw,23px);font-weight:900;color:var(--night);margin:0 0 8px}
.cout .calc-go p{font-size:14px;color:var(--ink-soft);margin:0 0 18px}
.cout .calc-go .btn{font-size:16px;padding:14px 30px}
.cout .calc-go .fine{font-family:var(--mono);font-size:11px;color:#9AA0AC;margin:12px 0 0}
/* legal plano */
.calc-legal2{border-top:1.5px solid rgba(35,42,80,.16);max-width:900px;margin:64px auto 0;padding-top:14px;text-align:left}
.calc-legal2 summary{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8A93A6;cursor:pointer}
.calc-legal2 p{font-family:var(--mono);font-size:10.5px;line-height:1.7;color:#A7ADB9;margin-top:12px}
/* neutraliza herencias del CSS antiguo de la calculadora */
.cout .brk .ic{width:auto;height:auto;border-radius:0;background:none;display:inline-flex;flex-shrink:0}
.cin .in-block label{font-family:var(--body);margin-bottom:0}
.cin .adv-item label{font-family:var(--body);margin-bottom:2px}
.cin .no-sector{font-family:var(--body)}
/* ===== Menú · destacado Calculadora ROI v70 ===== */
.panel a.mfeat.roi-feat{justify-content:flex-start;background:linear-gradient(165deg,#0A86D6,#005A9E)}
.panel a.mfeat.roi-feat::before{background:radial-gradient(300px 200px at 92% -10%,rgba(255,142,62,.38),transparent 60%),radial-gradient(280px 220px at -10% 110%,rgba(255,255,255,.14),transparent 60%)}
.panel a.mfeat.roi-feat .k{color:#FFD9B8}
.panel a.mfeat.roi-feat .tt{font-size:18px;font-weight:900;color:#fff;margin:8px 0 2px;position:relative;display:block}
.panel a.mfeat.roi-feat .rn{display:block;margin:14px 0 4px;position:relative}
.panel a.mfeat.roi-feat .rn .rnum{font-family:var(--display);font-size:36px;font-weight:900;letter-spacing:-.01em;color:#fff;line-height:1;display:block}
.panel a.mfeat.roi-feat .rn small{font-family:var(--mono);font-size:10.5px;color:rgba(255,255,255,.85);display:block;margin-top:6px}
.panel a.mfeat.roi-feat .rbars{display:flex;flex-direction:column;gap:9px;margin-top:14px;position:relative}
.panel a.mfeat.roi-feat .rb{display:block}
.panel a.mfeat.roi-feat .rb i{display:block;height:7px;background:rgba(255,255,255,.34);width:13%;transition:width .9s cubic-bezier(.2,.7,.3,1)}
.panel a.mfeat.roi-feat .rb.r2 i{background:linear-gradient(90deg,#FFB876,#FF8E3E);width:12%}
.panel a.mfeat.roi-feat.on .rb.r2 i{width:88%}
.panel a.mfeat.roi-feat .rb em{font-style:normal;font-family:var(--mono);font-size:9.5px;color:rgba(255,255,255,.75);display:block;margin-top:4px}
.panel a.mfeat.roi-feat .go{margin-top:auto;padding-top:16px;color:#fff;font-weight:800;font-size:15px;position:relative}
@media (prefers-reduced-motion:reduce){.panel a.mfeat.roi-feat .rb i{transition:none}}
/* ===== Industrias · hero blanco v72 (un concepto visual por sector) ===== */
.ihw{background:#fff;padding:52px 0 68px}
.ihw-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:56px;align-items:center}
.ihw-copy h1{font-size:clamp(30px,4.4vw,48px);font-weight:300;line-height:1.08;letter-spacing:-.01em;color:var(--night);margin:14px 0 18px}
.ihw-copy h1 em{font-style:normal;color:var(--fly)}
.ihw-copy .lead{font-size:clamp(16px,1.9vw,18.5px);color:var(--ink-soft);max-width:600px;line-height:1.62;margin-bottom:26px}
.ihw-tags{font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--ink-soft);margin-top:26px}
.ihw-logos{margin-top:26px;display:flex;flex-wrap:wrap;gap:10px 26px;align-items:baseline}
.ihw-logos .t{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#9AA3BF;width:100%}
.ihw-logos span:not(.t){font-weight:700;font-size:16px;color:#B6BDD4}
.ihw-visual{position:relative}
.ihw-label{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;color:#8A93B4;text-transform:uppercase;margin:0 0 16px 2px}
.ihw-stage{position:relative}
.ihw-stage>svg{display:block;width:100%;height:auto}
.ihw-mono{font-family:var(--mono)}
/* fichas flotantes */
.ihw-chip{position:absolute;background:#fff;border:1px solid #E9EDF5;border-radius:12px;box-shadow:0 14px 34px rgba(28,35,66,.12);padding:10px 14px;display:flex;gap:10px;align-items:center;z-index:2}
.ihw-chip .cic{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex:none}
.ihw-chip b{display:block;font-size:12.5px;color:var(--night);line-height:1.2}
.ihw-chip span{font-family:var(--mono);font-size:10px;color:#8A93B4;letter-spacing:.04em}
.ihw-chip.tr{top:-14px;right:-18px}
.ihw-chip.bl{bottom:-34px;left:-22px}
.ihw-chip{opacity:0;transform:translateY(8px);transition:opacity .5s ease .9s,transform .5s ease .9s}
.reveal.in .ihw-chip{opacity:1;transform:none}
/* animaciones compartidas */
.ihw-draw{stroke-dasharray:900;stroke-dashoffset:900}
.reveal.in .ihw-draw{animation:ihwDraw 1.5s cubic-bezier(.4,0,.2,1) forwards}
@keyframes ihwDraw{to{stroke-dashoffset:0}}
.ihw-pop{opacity:0;transform:scale(.4);transform-origin:center;transform-box:fill-box}
.reveal.in .ihw-pop{animation:ihwPop .55s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes ihwPop{to{opacity:1;transform:scale(1)}}
.ihw-fade{opacity:0;transform:translateY(6px)}
.reveal.in .ihw-fade{animation:ihwFade .6s ease forwards}
@keyframes ihwFade{to{opacity:1;transform:none}}
/* Fallback anti-parpadeo: si el observer no marca .in en 1.2s, mostrar el contenido igualmente */
.ihw-visual:not(.in) .ihw-pop,.ihw-visual:not(.in) .ihw-fade,.ihw-visual:not(.in) .ihw-chip{animation:ihwSafe .01s linear 1.4s forwards}
@keyframes ihwSafe{to{opacity:1;transform:none}}
.ihw-pulse{transform-origin:center;transform-box:fill-box}
.reveal.in .ihw-pulse{animation:ihwPulse 2.2s ease-in-out 1.6s infinite}
@keyframes ihwPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}}
@media(max-width:980px){.ihw-grid{grid-template-columns:1fr;gap:44px}.ihw-visual{max-width:540px}.ihw-chip.tr{right:0}.ihw-chip.bl{left:0}}
@media(prefers-reduced-motion:reduce){
.ihw-draw{stroke-dashoffset:0;animation:none!important}
.ihw-pop,.ihw-fade,.ihw-chip{opacity:1;transform:none;animation:none!important;transition:none}
.ihw-pulse{animation:none!important}
}
/* --- Retail · ficha viva Customer 360 --- */
.r360-wrap{max-width:470px;margin-left:auto;position:relative}
.r360{background:#fff;border:1px solid #E3E8F2;border-radius:14px;box-shadow:0 24px 60px rgba(28,35,66,.10);overflow:hidden}
.r360-bar{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid #EDF0F7}
.r360-bar .dots{display:flex;gap:5px}.r360-bar .dots i{width:8px;height:8px;border-radius:50%;background:#E3E8F2;display:block}
.r360-bar b{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.12em;color:#8A93B4;text-transform:uppercase}
.r360-head{display:flex;align-items:center;gap:12px;padding:16px 18px 12px}
.r360-ava{width:40px;height:40px;border-radius:50%;background:#EAF6FF;display:flex;align-items:center;justify-content:center;flex:none}
.r360-head .nm{font-weight:700;color:var(--night);font-size:16px;line-height:1.15}
.r360-head .id{font-family:var(--mono);font-size:10.5px;color:#8A93B4;letter-spacing:.06em}
.r360-feed{padding:2px 18px 6px}
.r360-row{display:flex;align-items:baseline;gap:10px;padding:9px 0;border-top:1px solid #EDF0F7;opacity:0;transform:translateY(6px)}
.reveal.in .r360-row{animation:ihwFade .5s ease forwards}
.reveal.in .r360-row:nth-child(1){animation-delay:.25s}
.reveal.in .r360-row:nth-child(2){animation-delay:.55s}
.reveal.in .r360-row:nth-child(3){animation-delay:.85s}
.reveal.in .r360-row:nth-child(4){animation-delay:1.15s}
.r360-row .ch{font-family:var(--mono);font-size:10.5px;color:var(--fly);letter-spacing:.08em;text-transform:uppercase;flex:none;width:96px;display:flex;align-items:baseline;gap:7px}
.r360-row .ch::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--fly);position:relative;top:-1px;flex:none}
.r360-row .tx{font-size:13.5px;color:#4A5378;min-width:0}
.r360-row .tm{margin-left:auto;font-family:var(--mono);font-size:10.5px;color:#B6BDD4;flex:none}
.r360-ai{border-top:1px solid #EDF0F7;padding:14px 18px 22px;position:relative}
.r360-ai::before{content:"";position:absolute;top:-1px;left:18px;width:46px;height:2px;background:var(--naranja)}
.r360-ai .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#8A93B4;display:flex;align-items:center;gap:7px}
.r360-ai .k::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--naranja)}
.r360-ai .act{display:flex;align-items:center;gap:12px;margin-top:8px}
.r360-ai .atx{font-size:17px;font-weight:700;color:var(--night);line-height:1.25;min-height:22px}
.r360-ai .atx .caret{display:inline-block;width:2px;height:1em;background:var(--naranja);vertical-align:-2px;margin-left:2px;animation:r360blink .9s steps(1) infinite}
@keyframes r360blink{50%{opacity:0}}
.r360-ai .meta{font-family:var(--mono);font-size:10.5px;color:#8A93B4;letter-spacing:.05em;margin-top:5px;opacity:0;transition:opacity .5s ease}
.r360-ai .meta.in{opacity:1}
.r360-ai .go{margin-left:auto;flex:none;background:#FFF6EC;color:#D96A1E;font-family:var(--mono);font-weight:500;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:7px 12px;border-radius:7px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;opacity:0;transform:translateY(4px);transition:opacity .45s ease,transform .45s ease}
.r360-ai .go::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--naranja);flex:none}
.r360-ai .go.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
.r360-row{opacity:1;transform:none;animation:none!important}
.r360-ai .meta,.r360-ai .go{opacity:1;transform:none;transition:none}
.r360-ai .atx .caret{animation:none}
}
/* --- Automoción · el ciclo del propietario --- */
.aloop text{font-family:var(--mono)}
/* --- Deporte · la grada conocida --- */
.dgrada circle{transform-origin:center;transform-box:fill-box}
/* --- Banca · señales que anticipan --- */
.bsig text{font-family:var(--mono)}
/* --- Restauración · la frecuencia en el mapa --- */
.rheat text{font-family:var(--mono)}
.rheat .cell{opacity:0}
.reveal.in .rheat .cell{animation:ihwPop .4s ease forwards}
/* --- Energía · la fuga se ve venir --- */
.ecurve text{font-family:var(--mono)}
/* ===== Soluciones · mapa FLYDE v74 ===== */
.eco-hero{background:#fff;padding:56px 0 8px;text-align:center}
.eco-hero .eyebrow{justify-content:center}
.eco-hero h1{font-size:clamp(32px,4.6vw,52px);font-weight:300;line-height:1.06;letter-spacing:-.01em;color:var(--night);max-width:820px;margin:14px auto 18px}
.eco-hero h1 em{font-style:normal;color:var(--fly)}
.eco-hero .lead{font-size:clamp(16px,1.9vw,18.5px);color:var(--ink-soft);max-width:640px;margin:0 auto;line-height:1.62}
.eco-sec{background:#fff;padding:34px 0 64px}
.eco{position:relative;display:grid;grid-template-columns:1fr 330px 1fr;gap:56px;align-items:center}
.eco-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;opacity:0;transition:opacity .9s ease .25s}
.eco.in .eco-svg{opacity:1}
.eco-line{fill:none;stroke:#DFE5EF;stroke-width:1.5;transition:stroke .25s ease,opacity .25s ease,stroke-width .25s ease}
.eco.hov .eco-line{opacity:.22}
.eco.hov .eco-line.lit{opacity:1;stroke:var(--fly)}
.eco.hov .eco-line.me{stroke-width:2.4}
.eco-colk{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#9AA3BF;margin:0 0 6px;border:none!important}
.eco-node{display:flex;gap:10px;align-items:center;font-family:var(--mono);font-size:13px;color:#4A5378;padding:13px 0;border-top:1.5px solid var(--line);text-decoration:none;transition:color .25s ease,opacity .25s ease}
.eco-node i{width:7px;height:7px;border-radius:50%;background:var(--fly);flex:none;transition:transform .25s ease}
.eco-node .iad{width:6px;height:6px;border-radius:50%;background:var(--naranja);flex:none;margin-left:-4px;position:relative;top:-6px}
.eco-ind .eco-node{flex-direction:row-reverse;text-align:right;justify-content:flex-start}
.eco-node:hover,.eco-node.on{color:var(--night)}
.eco-node.on i{transform:scale(1.5)}
.eco.hov .eco-node:not(.on){opacity:.38}
.eco-plat{display:flex;flex-direction:column;align-items:center;gap:20px;padding:6px 0}
.eco-logo{width:118px;height:auto;display:block}
.eco-apps5{display:flex;gap:20px}
.eco-a5{display:flex;flex-direction:column;align-items:center;gap:9px;text-decoration:none}
.eco-a5 img{width:34px;height:34px;transition:transform .25s ease}
.eco-a5 span{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:#8A93B4;white-space:nowrap;transition:color .2s ease}
.eco-a5:hover img{transform:translateY(-4px)}
.eco-a5:hover span{color:var(--fly)}
.eco-rail{width:100%;max-width:322px;height:2px;background:var(--naranja);border-radius:2px;margin-top:2px}
.eco-brainrow{display:flex;align-items:baseline;gap:9px;text-decoration:none;margin-top:-2px}
.eco-brainrow img{width:26px;height:26px;flex:none;position:relative;top:6px}
.eco-brainrow b{font-size:15.5px;font-weight:800;color:var(--night)}
.eco-brainrow span{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:#B97A3F}
.eco-brainrow:hover b{color:#D96A1E}
.eco-node[data-id="predict"] i{background:var(--naranja)}
.eco-cap{font-family:var(--mono);font-size:12.5px;color:#8A93B4;text-align:center;margin:30px auto 0;max-width:680px;min-height:2.6em;line-height:1.55;transition:color .25s ease}
.eco-cap.on{color:var(--night)}
/* matriz */
.eco-mx{background:var(--paper-2);padding:78px 0 84px}
.eco-tabs{display:flex;flex-wrap:wrap;gap:2px 28px;margin:34px 0 0;border-bottom:1.5px solid var(--line)}
.eco-tab{appearance:none;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1.5px;padding:10px 2px 12px;font-family:var(--mono);font-size:13px;letter-spacing:.04em;color:#8A93B4;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:color .2s ease,border-color .2s ease}
.eco-tab:hover{color:var(--night)}
.eco-tab.on{color:var(--night);border-bottom-color:var(--fly)}
.eco-tab .iad{width:6px;height:6px;border-radius:50%;background:var(--naranja);display:inline-block}
.eco-panel{display:none}
.eco-panel.on{display:grid;grid-template-columns:.9fr 1.6fr;gap:56px;align-items:start;margin-top:44px}
.eco-mxi h3{font-size:clamp(24px,2.6vw,32px);font-weight:300;letter-spacing:-.01em;color:var(--night);line-height:1.15;margin:0 0 14px}
.eco-mxi h3 b{font-weight:300}
.eco-mxi.ia h3 b{color:var(--naranja)}
.eco-mxi p{font-size:15.5px;color:#4A5378;line-height:1.65;margin:0 0 18px}
.eco-mxi .eco-more{margin-top:4px}
.mxrow{display:flex;align-items:baseline;gap:18px;padding:14px 2px 14px 0;border-top:1.5px solid #D8DEEA;text-decoration:none;transition:border-color .25s ease}
.mxrow .k{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fly);flex:none;width:118px}
.mxrow p{font-size:14.5px;color:#4A5378;line-height:1.55;margin:0;min-width:0}
.mxrow .go{margin-left:auto;flex:none;color:#C6CCDE;font-size:14px;transition:color .2s ease,transform .2s ease}
.mxrow:hover{border-top-color:var(--fly)}
.mxrow:hover .go{color:var(--fly);transform:translateX(4px)}
.eco-more{display:inline-block;margin-top:36px;font-weight:700;color:var(--naranja);text-decoration:none;font-size:15px}
.eco-more:hover{text-decoration:underline}
@media(max-width:960px){
.eco{display:grid;grid-template-columns:1fr 1fr;gap:6px 34px;align-items:start}
.eco-svg{display:none}
.eco-core{grid-column:1/-1;order:-1;max-width:380px;margin:0 auto 30px;width:100%}
.eco-ind .eco-node{flex-direction:row;text-align:left}
.eco-cap{display:none}
.eco-panel.on{grid-template-columns:1fr;gap:26px}
.mxrow .k{width:96px}
}
@media(prefers-reduced-motion:reduce){.eco-svg{opacity:1;transition:none}.eco-line,.eco-node,.eco-cap{transition:none}}
/* ===== Acompañamiento v76 ===== */
.acpw{background:#fff;border:1px solid #E3E8F2;border-radius:14px;box-shadow:0 24px 60px rgba(28,35,66,.10);overflow:hidden;max-width:470px;margin-left:auto}
.acpw-bar{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid #EDF0F7}
.acpw-bar .dots{display:flex;gap:5px}.acpw-bar .dots i{width:8px;height:8px;border-radius:50%;background:#E3E8F2;display:block}
.acpw-bar b{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.12em;color:#8A93B4;text-transform:uppercase}
.acpw-body{padding:14px 16px 16px}
.acp-who{display:flex;gap:9px;align-items:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:#8A93B4;margin:2px 0 10px}
.acp-who .av{width:26px;height:26px;border-radius:50%;background:#EAF6FF;display:flex;align-items:center;justify-content:center;flex:none}
.acp-msg{max-width:86%;padding:10px 14px;border-radius:14px;font-size:13.5px;line-height:1.5;margin:9px 0}
.acp-msg.csm{background:#F2F6FC;color:#333A5C;border-top-left-radius:4px}
.acp-msg.me{background:var(--fly);color:#fff;margin-left:auto;border-top-right-radius:4px}
.acp-state{font-family:var(--mono);font-size:10.5px;color:#B6BDD4;letter-spacing:.05em;margin-top:10px;display:flex;align-items:center;gap:7px}
.acp-state::before{content:"";width:6px;height:6px;border-radius:50%;background:#38C37A}
.acp3{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:44px}
.acp3 .it{border-top:2px solid var(--line);padding:22px 6px 0 0;transition:border-color .35s ease}
.acp3 .it:hover{border-top-color:var(--fly)}
.acp3 .n{font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--fly);display:block;margin-bottom:14px}
.acp3 h3{font-size:19px;font-weight:800;margin-bottom:8px}
.acp3 p{font-size:14.5px;color:var(--ink-soft);line-height:1.6}
.acp-inc{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 34px;margin-top:44px}
.acp-inc .it{border-top:1.5px solid #D8DEEA;padding-top:14px;transition:border-color .3s ease}
.acp-inc .it:hover{border-top-color:var(--fly)}
.acp-inc .k{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fly);display:block;margin-bottom:8px}
.acp-inc p{font-size:14.5px;color:var(--ink-soft);line-height:1.6;margin:0}
@media(max-width:960px){.acp3{grid-template-columns:1fr;gap:26px}.acp-inc{grid-template-columns:1fr;gap:22px}.acpw{margin:0 auto}}
/* ===== Blog · tarjetas con imagen cuadrada v77 ===== */
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 30px}
.bcard{display:block;text-decoration:none;color:inherit;border-top:2px solid transparent;transition:border-color .3s ease}
.bcard:hover{border-top-color:var(--fly)}
.bcard-thumb{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background:linear-gradient(135deg,#EAF3FF,#FFF1E6)}
.bcard-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.7,.3,1)}
.bcard:hover .bcard-thumb img{transform:scale(1.045)}
.bcard-cat{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--fly);display:block;margin:16px 0 8px}
.bcard h3{font-size:18px;font-weight:800;line-height:1.28;color:var(--night);margin:0}
.bcard time{display:block;font-family:var(--mono);font-size:12px;color:#9AA3BF;margin-top:10px}
@media(max-width:900px){.bgrid{grid-template-columns:repeat(2,1fr);gap:30px 22px}}
@media(max-width:560px){.bgrid{grid-template-columns:1fr}}
/* resultados de búsqueda con miniatura */
.bsr-thumb{width:72px;height:72px;object-fit:cover;flex:none;background:#EAF3FF}
.bsr-body{min-width:0}
/* ===== Blog · chips de filtro por categoría v78 ===== */
.bfilter{display:flex;flex-wrap:wrap;gap:6px 24px;margin:6px 0 34px;border-bottom:1.5px solid var(--line);padding-bottom:0}
.bchip{appearance:none;background:none;border:0;border-bottom:2px solid transparent;padding:6px 2px;font-family:var(--mono);font-size:12.5px;letter-spacing:.03em;color:#8A93B4;cursor:pointer;transition:color .2s ease,border-color .2s ease;white-space:nowrap}
.bchip:hover{color:var(--night)}
.bchip.on{color:var(--night);border-bottom-color:var(--fly)}
.bchip-n{opacity:.5;margin-left:8px;font-size:11px;font-variant-numeric:tabular-nums}
.bcard.hide{display:none}
.bfilter-empty{padding:40px 0;text-align:center;color:#8A93B4;font-family:var(--mono);font-size:13px;display:none}
.bfilter-empty.on{display:block}
@media(max-width:560px){.bfilter{gap:4px 16px}.bchip{font-size:11.5px}}
/* CTA de descarga dentro del cuerpo del post */
.article-body .btn,article .btn{margin-top:8px}
/* ===== FLYDE Talks · detalle v85 ===== */
.tk-cine{max-width:960px;margin:0 auto}
.tk-cine .tk-video{border-radius:14px}
.tkx-rail-wrap{position:relative;margin:28px 6px 0;padding:14px 0 4px}
.tkx-rail{position:relative;height:3px;background:#E3E8F2;border-radius:3px}
.tkx-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--fly);border-radius:3px}
.tkx-node{position:absolute;top:50%;width:11px;height:11px;border-radius:50%;background:#fff;border:2px solid var(--fly);transform:translate(-50%,-50%);cursor:pointer;padding:0;appearance:none;-webkit-appearance:none;transition:transform .18s ease,background .18s ease,border-color .18s ease;z-index:2}
.tkx-node:hover,.tkx-node:focus-visible{transform:translate(-50%,-50%) scale(1.55);background:#EAF5FF;outline:none}
.tkx-node.past{background:var(--fly)}
.tkx-node.on{background:var(--night);border-color:var(--night);transform:translate(-50%,-50%) scale(1.5)}
.tkx-tip{position:absolute;bottom:100%;margin-bottom:12px;transform:translateX(-50%);background:var(--night);color:#fff;font-family:var(--mono);font-size:11.5px;line-height:1.5;padding:8px 12px;border-radius:9px;max-width:300px;width:max-content;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:5;box-shadow:0 12px 30px rgba(28,35,66,.28)}
.tkx-tip.show{opacity:1}
.tkx-tip b{color:#5AB7FF;font-weight:700;margin-right:7px}
.tkx-ends{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--ink-soft);margin-top:10px}
@media(prefers-reduced-motion:reduce){.tkx-node,.tkx-tip{transition:none}}
/* Momentos editoriales */
.tkx-groups{display:grid;gap:36px 56px;margin-top:26px}
@media(min-width:880px){.tkx-groups{grid-template-columns:1fr 1fr}}
.tkx-group{border-top:1.5px solid var(--line);padding-top:16px;transition:border-color .2s ease}
.tkx-group:hover{border-top-color:var(--fly)}
.tkx-gh{display:flex;align-items:baseline;gap:12px;margin-bottom:4px}
.tkx-gnum{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--fly);letter-spacing:.08em}
.tkx-gh h3{font-size:17px;font-weight:700;color:var(--night);margin:0;letter-spacing:-.01em}
.tkx-m{position:relative;display:flex;gap:14px;align-items:baseline;width:100%;text-align:left;background:none;border:0;padding:9px 0;margin:0;cursor:pointer;font-family:inherit}
.tkx-t{flex:0 0 52px;font-family:var(--mono);font-size:12px;font-weight:700;color:var(--fly);transition:color .15s ease}
.tkx-x{font-size:14.5px;line-height:1.55;color:var(--ink);transition:color .15s ease}
.tkx-m:hover .tkx-x{color:var(--fly)}
.tkx-m.on::before{content:'';position:absolute;left:-16px;top:11px;bottom:11px;width:3px;background:var(--fly);border-radius:2px}
.tkx-m.on .tkx-t{color:var(--night)}
.tkx-m.on .tkx-x{color:var(--night);font-weight:600}
/* Pie: recurso / cierre / navegación */
.tkx-res{display:grid;gap:28px;align-items:center;border-top:1.5px solid var(--line);padding-top:32px}
@media(min-width:820px){.tkx-res{grid-template-columns:168px 1fr auto}}
.tkx-res-cover img{width:100%;max-width:168px;border-radius:10px;box-shadow:0 18px 44px rgba(28,35,66,.22);display:block}
.tkx-res h3{font-size:22px;font-weight:700;color:var(--night);margin:6px 0 8px;letter-spacing:-.01em}
.tkx-res p{margin:0;max-width:560px;color:var(--ink);font-size:15px;line-height:1.6}
.tkx-close{border-top:1.5px solid var(--line);padding-top:32px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}
.tkx-close p{margin:0;max-width:620px;font-size:20px;line-height:1.5;color:var(--night);font-weight:300}
.tkx-close p b{font-weight:700}
.tkx-nav{display:grid;gap:22px;border-top:1.5px solid var(--line);padding-top:26px;margin-top:46px}
@media(min-width:720px){.tkx-nav{grid-template-columns:1fr 1fr}}
.tkx-nav a{text-decoration:none;display:block}
.tkx-nav .lab{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);display:block;margin-bottom:7px}
.tkx-nav .tt{font-size:18px;font-weight:700;color:var(--night);letter-spacing:-.01em;transition:color .15s ease;line-height:1.35}
.tkx-nav a:hover .tt{color:var(--fly)}
.tkx-nav .r{text-align:right}
/* ===== Home: testimoniales (v86) ===== */
.case-card2.tst{display:block}
.case-card2.tst .cc-copy{max-width:none}
.case-card2.tst blockquote{font-size:19px;line-height:1.6;font-weight:300}
.case-card2.tst cite b{font-weight:700;font-style:normal}
/* Bloque "La plataforma · 5 aplicaciones" — compartido por verticales y como-funciona */
.cf-apps{display:grid;gap:18px;margin-top:44px}
@media(min-width:680px){.cf-apps{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1020px){.cf-apps{grid-template-columns:repeat(5,1fr)}}
.cf-app{display:flex;flex-direction:column;gap:10px;background:transparent;border:none;border-top:1.5px solid rgba(35,42,80,.16);border-radius:0;box-shadow:none;padding:22px 4px 6px;text-decoration:none;transition:border-color .18s ease,transform .18s ease}
.cf-app:hover{transform:translateY(-2px);border-top-color:var(--naranja)}
.cf-app img{width:44px;height:44px;object-fit:contain}
.cf-app h3{font-size:18px;margin:2px 0 0;color:var(--night)}
.cf-app p{font-size:14px;line-height:1.55;color:var(--ink-soft);margin:0}
.cf-app .go{margin-top:auto;padding-top:8px;color:var(--fly);font-weight:600;font-size:13.5px}
.cf-brain-band{margin-top:38px;display:block;text-decoration:none;border-top:1.5px solid rgba(255,142,62,.55);padding:30px 4px 6px;transition:border-color .18s ease}
.cf-brain-band:hover{border-top-color:var(--naranja)}
.cf-brain-band .cf-in{display:grid;gap:22px;align-items:start}
@media(min-width:860px){.cf-brain-band .cf-in{grid-template-columns:84px 1fr;gap:30px}}
.cf-brain-band .cf-brain-ico{width:84px;height:84px;object-fit:contain;filter:drop-shadow(0 16px 30px rgba(255,142,62,.22))}
.cf-brain-band .k{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--naranja)}
.cf-brain-band b{display:block;font-family:var(--display);font-weight:300;font-size:28px;letter-spacing:-.01em;margin:8px 0 8px;color:var(--night)}
.cf-brain-band p{margin:0;color:var(--ink-soft);font-size:15.5px;line-height:1.6;max-width:620px}
.cf-brain-band .go{display:inline-block;margin-top:16px;color:var(--naranja);font-weight:700;font-size:14px}
.cf-brain-band:hover .go{text-decoration:underline}
/* Predict Pack · catálogo por fase + Model Builder */
.pp-funnel{display:grid;gap:30px;margin-top:46px}
@media(min-width:900px){.pp-funnel{grid-template-columns:repeat(4,1fr)}}
.pp-phase{border-top:1.5px solid rgba(35,42,80,.16);padding-top:16px}
.pp-phase .ph{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.pp-phase .ph i{width:9px;height:9px;border-radius:50%;background:var(--c,#009CFF);display:inline-block}
.pp-model{padding:15px 0 3px}
.pp-model b{display:block;font-size:16.5px;color:var(--night);font-weight:700}
.pp-model p{margin:4px 0 0;font-size:13.5px;line-height:1.5;color:var(--ink-soft)}
.ppb-grid{display:grid;gap:44px;align-items:center;margin-top:34px}
@media(min-width:960px){.ppb-grid{grid-template-columns:1fr 1.05fr}}
.ppb-visual{position:relative}
.ppb-win{background:#fff;border:1px solid #E3E8F2;border-radius:14px;box-shadow:0 24px 60px rgba(28,35,66,.10);overflow:hidden}
.ppb-bar{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid #EDF0F7}
.ppb-bar .dots{display:flex;gap:5px}
.ppb-bar .dots i{width:8px;height:8px;border-radius:50%;background:#E3E8F2;display:block}
.ppb-bar b{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.12em;color:#8A93B4;text-transform:uppercase}
.ppb-canvas{padding:20px 18px 16px}
.ppb-canvas svg{display:block;width:100%;height:auto}
.pp-nba{margin-top:40px;border-top:1.5px solid rgba(255,142,62,.55);padding:26px 4px 6px;display:grid;gap:18px}
@media(min-width:860px){.pp-nba{grid-template-columns:280px 1fr;gap:40px}}
.pp-nba .k{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--naranja)}
.pp-nba-l > b{display:block;font-family:var(--display);font-weight:300;font-size:28px;letter-spacing:-.01em;margin:8px 0 0;color:var(--night)}
.pp-nba-r p{margin:0 0 12px;color:var(--ink-soft);font-size:15.5px;line-height:1.6;max-width:640px}
.pp-nba-r p:last-child{margin-bottom:0}
.ppb-tag{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.ppb-tag b{font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--night)}
.ppb-bar img{border-radius:4px}
/* ===== Programa de Partners · layout editorial sin cajas redondeadas ===== */
/* Sección clara "Por qué ser partner": filete fino arriba, sin card, icono navy sin chip */
.pt-why .c{background:transparent;border:none;border-radius:0;box-shadow:none;
border-top:1.5px solid rgba(35,42,80,.16);padding:30px 6px 12px;transition:border-color .2s ease,transform .2s ease;
display:grid;grid-template-columns:auto 1fr;column-gap:15px;align-items:start}
.pt-why .c:hover{border-top-color:var(--naranja);transform:translateY(-2px)}
.pt-why .c .ic{grid-column:1;grid-row:1 / span 2;width:auto;height:auto;border-radius:0;background:transparent;margin:0}
.pt-why .c .ic svg{width:28px;height:28px;display:block}
.pt-why .c h3{grid-column:2;margin:0 0 8px}
.pt-why .c p{grid-column:2;margin:0}
/* Banda oscura "Lo que recibes": filete fino, sin card redondeada */
.pt-benefits .ben{background:transparent;border:none;border-radius:0;
border-top:1.5px solid var(--night-line);padding:26px 6px 8px}
.pt-benefits .ben .ic{width:auto;height:auto;border-radius:0;background:transparent}
/* Niveles: columnas abiertas con filete superior en vez de tarjetas */
#niveles .tier{background:transparent;border:none;border-radius:0;box-shadow:none;
border-top:3px solid #C9CED8;padding:26px 6px 8px}
#niveles .tier.feat{border-top:3px solid var(--fly);box-shadow:none;transform:none}
#niveles .tier.feat .badge-top{position:static;transform:none;display:inline-block;margin:0 0 10px;
background:var(--fly);color:#fff}
/* ===== Acerca de FLYDE · rediseño editorial ===== */
.about-facts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 26px;margin-top:26px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
.about-facts span{display:inline-flex;align-items:center;gap:8px}
.about-facts i{width:5px;height:5px;border-radius:50%;background:var(--fly);display:inline-block}
/* Timeline horizontal */
.tl{display:grid;gap:26px 22px;margin-top:56px;position:relative}
@media(min-width:860px){.tl{grid-template-columns:repeat(5,1fr)}
.tl::before{content:"";position:absolute;top:6px;left:6px;right:6px;height:2px;background:var(--line)}}
.tl-item{position:relative;padding-top:28px}
.tl-item::before{content:"";position:absolute;top:0;left:0;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--fly)}
.tl-item.ai::before{border-color:var(--naranja)}
.tl-item .yr{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--fly)}
.tl-item.ai .yr{color:var(--naranja)}
.tl-item h3{font-size:17px;font-weight:700;color:var(--night);margin:8px 0 7px;line-height:1.25}
.tl-item p{font-size:13.5px;color:var(--ink-soft);line-height:1.55}
@media(max-width:859px){.tl-item{padding-top:0;padding-left:28px}
.tl-item::before{top:4px}}
/* Convicciones: editorial, icono a la izquierda */
.values-grid .value{background:transparent;border:none;border-radius:0;box-shadow:none;
border-top:1.5px solid rgba(35,42,80,.16);padding:28px 6px 12px;
display:grid;grid-template-columns:auto 1fr;column-gap:15px;align-items:start;transition:border-color .2s ease,transform .2s ease}
.values-grid .value:hover{border-top-color:var(--naranja);transform:translateY(-2px)}
.values-grid .value .icon{grid-column:1;grid-row:1 / span 2;width:auto;height:auto;border-radius:0;background:transparent;margin:0}
.values-grid .value .icon svg{width:26px;height:26px;display:block}
.values-grid .value h3{grid-column:2;margin:0 0 8px}
.values-grid .value p{grid-column:2;margin:0}
/* Equipo multidisciplinar */
.disc-grid{display:grid;gap:18px;margin-top:46px;text-align:left}
@media(min-width:760px){.disc-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1080px){.disc-grid{grid-template-columns:repeat(3,1fr)}}
.disc{background:transparent;border:none;border-radius:0;border-top:1.5px solid rgba(35,42,80,.16);
padding:26px 6px 10px;display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:start;transition:border-color .2s ease,transform .2s ease}
.disc:hover{border-top-color:var(--naranja);transform:translateY(-2px)}
.disc .ic{grid-column:1;grid-row:1 / span 2}
.disc .ic svg{width:26px;height:26px;display:block}
.disc h3{grid-column:2;font-size:16.5px;font-weight:700;color:var(--night);margin:0 0 6px;display:flex;align-items:center;gap:8px}
.disc h3 .ai-dot{width:7px;height:7px;border-radius:50%;background:var(--naranja);display:inline-block;flex:none}
.disc p{grid-column:2;font-size:14px;color:var(--ink-soft);line-height:1.55;margin:0}
.disc-close{margin-top:34px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);text-align:center}
/* Hero visual · Seguridad */
.sec-hero-visual{display:flex;justify-content:center;align-items:center}
.sec-hero-svg{width:100%;max-width:460px;height:auto;display:block}
@media(max-width:900px){.sec-hero-svg{max-width:340px;margin:0 auto}}
/* ═════════ Landing Brain MX (.bmx-) ═════════ */
.bmx-cine{background:var(--night);color:#fff;padding:34px 0 46px;overflow:hidden}
.bmx-cine .wrap{max-width:1060px;text-align:center}
.bmx-eyebrow{color:#FFB27D !important;justify-content:center}
.bmx-star{color:var(--naranja);margin-right:6px}
.bmx-cine h1{font-size:clamp(30px,4.4vw,52px);font-weight:900;line-height:1.08;margin:0 0 24px}
.bmx-cine h1 em{font-style:normal;color:var(--naranja)}
.bmx-sub{font-size:clamp(16px,2vw,20px);color:#C9CFE8;max-width:640px;margin:0 auto 34px}
.bmx-sub b{color:#fff}
.bmx-video{position:relative;border-radius:16px;overflow:hidden;background:#0b0f1e;box-shadow:0 34px 80px rgba(0,0,0,.45);aspect-ratio:16/9}
.bmx-video video{width:100%;height:100%;display:block}
.bmx-sound{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;font:inherit;font-size:15px;font-weight:700;color:var(--night);background:#fff;border:none;border-radius:999px;padding:13px 24px;cursor:pointer;box-shadow:0 12px 34px rgba(0,0,0,.4);transition:transform .15s ease}
.bmx-sound:hover{transform:translateX(-50%) translateY(-2px)}
.bmx-vhint{font-family:var(--mono);font-size:12.5px;color:#8A93B4;margin-top:16px}
/* objeción · columnas editoriales */
.bmx-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:44px}
.bmx-col{border-top:2px solid var(--ink);padding-top:20px;transition:border-color .2s ease}
.bmx-col:hover{border-top-color:var(--fly)}
.bmx-col .k{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.bmx-col h3{font-size:21px;font-weight:800;margin:10px 0 8px}
.bmx-col p{color:var(--ink-soft);font-size:15.5px;line-height:1.6}
.bmx-col-ia{border-top-color:var(--naranja)}
.bmx-col-ia:hover{border-top-color:var(--naranja)}
.bmx-col-ia .k{color:var(--naranja)}
/* chat demo · animación estilo hero de Brain */
.bmx-chat{max-width:680px;margin:40px auto 0;display:flex;flex-direction:column;gap:14px}
.bmx-msg{max-width:88%;padding:14px 18px;font-size:15.5px;line-height:1.55;opacity:0}
.bmx-chat.go .bmx-msg{animation:bmxmsg .55s ease-out forwards}
.bmx-chat.go .bmx-msg:nth-child(1){animation-delay:.3s}
.bmx-chat.go .bmx-msg:nth-child(2){animation-delay:1.3s}
.bmx-chat.go .bmx-msg:nth-child(3){animation-delay:2.6s}
.bmx-chat.go .bmx-msg:nth-child(4){animation-delay:3.6s}
.bmx-chat.go .bmx-msg:nth-child(5){animation-delay:4.9s}
.bmx-chat.go .bmx-msg:nth-child(6){animation-delay:5.9s}
.bmx-msg.user{align-self:flex-end;background:var(--night);color:#fff;border-radius:18px 18px 4px 18px;box-shadow:0 16px 34px -14px rgba(28,35,66,.4)}
.bmx-msg.bot{align-self:flex-start;background:#fff;color:#252A35;border-radius:18px 18px 18px 4px;box-shadow:0 3px 8px rgba(35,42,80,.05),0 26px 52px -22px rgba(0,110,200,.30)}
.bmx-msg.bot b{color:var(--ink)}
.bmx-msg.bot .hl{color:var(--naranja);font-weight:700}
@keyframes bmxmsg{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.bmx-chat .bmx-msg{animation:none !important;opacity:1}}
.bmx-note{font-family:var(--mono);font-size:13px;color:var(--ink-soft);text-align:center;margin-top:34px;letter-spacing:.02em}
/* pasos */
.bmx-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:40px}
.bmx-step{border-top:2px solid var(--ink);padding-top:20px}
.bmx-step .n{font-family:var(--mono);font-size:13px;color:var(--fly);letter-spacing:.1em}
.bmx-step h3{font-size:21px;font-weight:800;margin:8px 0 8px}
.bmx-step p{color:var(--ink-soft);font-size:15.5px;line-height:1.6}
.bmx-key{margin-top:44px;font-size:clamp(19px,2.3vw,29px);font-weight:300;max-width:none;text-align:center;line-height:1.35}
.bmx-key b{font-weight:800;color:var(--fly)}
/* comparativa oscura */
.bmx-vs{padding:84px 0}
.bmx-em{font-style:normal;color:var(--naranja)}
.bmx-table{margin-top:46px;max-width:980px}
.bmx-row{display:grid;grid-template-columns:1fr 34px 1fr;gap:26px;align-items:center;padding:20px 0;border-top:1px solid var(--night-line);font-size:17.5px;line-height:1.5}
.bmx-row [role=cell]{display:flex;align-items:flex-start;gap:12px}
.bmx-row .ic-x,.bmx-row .ic-c{flex:none;margin-top:2px}
.bmx-row span[role=cell]:first-child{color:#8A93B4}
.bmx-row span[role=cell]:last-child{color:#fff;font-weight:650}
.bmx-row .ar{display:flex;justify-content:center;opacity:.85}
.bmx-head{border-top:none;font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding-bottom:4px}
.bmx-head span:first-child{color:#8A93B4}
.bmx-head span:last-child{color:var(--naranja);font-weight:400}
.bmx-proof{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-top:44px;font-family:var(--mono);font-size:12.5px;letter-spacing:.04em;color:#C9CFE8}
.bmx-proof i{color:var(--night-line);font-style:normal}
@media(max-width:900px){
.bmx-cols,.bmx-steps{grid-template-columns:1fr;gap:26px}
.bmx-row{grid-template-columns:1fr;gap:10px;padding:16px 0}
.bmx-row .ar{display:none}
.bmx-msg{max-width:94%}
.bmx-sound{bottom:14px;padding:11px 18px;font-size:14px}
}
/* Aviso idioma en recursos descargables */
.dl-lang{display:flex;align-items:center;gap:10px;font-size:17px;line-height:1.45;color:var(--ink);background:#FFF1E4;border-left:3px solid var(--naranja);border-radius:0 10px 10px 0;padding:12px 16px;margin:0 0 22px;max-width:560px}
.dl-lang b{font-weight:800}
.dl-lang .ic{flex:none;font-size:19px}
@media(max-width:640px){.dl-lang{font-size:15.5px}}
/* Fix: la tarjeta de descarga (formulario) es funcional; no debe mostrar el filete superior suelto del destape global */
.dl-card{border-top:none;padding-top:0}
/* Página Suscríbete · lista de valor */
.sub-vlist{display:grid;gap:12px;margin-top:24px;max-width:460px}
.sub-v{display:flex;align-items:flex-start;gap:10px;font-size:16px;line-height:1.5;color:var(--ink)}
.sub-v svg{flex:none;margin-top:3px}
/* ===== Página Suscríbete (newsletter landing) ===== */
.sub-hero{padding-bottom:36px}
.sub-hero h1{font-size:clamp(30px,4.2vw,50px);line-height:1.08}
.sub-formlead{font-size:14.5px;color:var(--ink-soft);margin:0 0 14px}
.sub-social{display:flex;align-items:center;gap:12px;margin-top:26px;font-size:14px;color:var(--ink-soft);max-width:460px}
.sub-social b{color:var(--ink)}
.sub-ava{display:flex;flex:none}
.sub-ava span{width:30px;height:30px;border-radius:50%;border:2px solid #fff;margin-left:-8px;background:linear-gradient(135deg,#009CFF,#232A50)}
.sub-ava span:first-child{margin-left:0}
.sub-ava span:nth-child(2){background:linear-gradient(135deg,#5AB7FF,#009CFF)}
.sub-ava span:nth-child(3){background:linear-gradient(135deg,#232A50,#3A4378)}
.sub-ava span:nth-child(4){background:linear-gradient(135deg,#7FCBFF,#4A5160)}
/* rejilla "qué recibes" con icono */
.sub-grid{grid-template-columns:repeat(3,1fr);gap:30px 34px}
.sub-grid .sub-ic{display:block;margin-bottom:14px;height:26px}
.sub-band{padding:64px 0}
@media(max-width:900px){.sub-grid{grid-template-columns:1fr;gap:22px}}
.gate .dl-card .dl-body{padding-top:0}
.cout .payline-note{font-family:var(--mono);font-size:11px;line-height:1.55;color:#9aa0ac;margin:6px 0 0}