/* NX · una sola web (07/10): fondo petróleo de la portada de arriba abajo, una cabecera fija, un pie, paneles claros centrados.
   Lo usan index.html y las tres páginas legales. Los bloques de 1440 px van en .lienzo, que se ajusta a la anchura (una.js). */
:root{--fondo:#1F2328;--fondo2:#17191C;--pet:#1F2328;--oro:#FFFFFF;--oro2:#DDDFE1;--claro:#D5D7DA;--tenue:#8A8F95;
  --display:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace}
html{background:var(--fondo);scroll-padding-top:92px;scroll-behavior:smooth}
body{margin:0;color:#fff;font-family:var(--display);overflow-x:hidden;background:radial-gradient(1200px 700px at 78% 900px,rgba(31,35,40,.55),transparent 70%),linear-gradient(180deg,var(--fondo) 0%,var(--fondo2) 100%);background-color:var(--fondo)}
.mono{font-family:var(--mono)}

/* cabecera: la de la entrada, fija, con el menú de las páginas de plataforma */
.cabecera{position:sticky;top:0;z-index:60;background:rgba(31,35,40,.93);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(196,216,221,.10)}
.barra{height:68px;display:flex;align-items:center;gap:14px;padding:0 48px;max-width:1440px;margin:0 auto;box-sizing:border-box}
.barra .nx{display:inline-flex;align-items:center;justify-content:center;width:40px;height:30px;border-radius:8px;background:#fff;color:var(--pet);font-weight:700;font-size:15px;text-decoration:none;flex-shrink:0}
.barra .lema{font-size:15px;color:var(--claro);white-space:nowrap}
.barra nav{display:flex;gap:10px}
.barra nav a{display:flex;align-items:center;gap:8px;text-decoration:none;font-size:14px;font-weight:600;color:#fff;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);white-space:nowrap}
.barra nav a:hover{background:rgba(255,255,255,.08)}
.barra nav a .pill{display:inline-flex;background:#fff;border-radius:6px;padding:3px 5px}
.barra .menu{margin-left:auto;gap:2px}
.barra .menu a{border-color:transparent;font-weight:500;color:var(--claro);padding:8px 10px}
.barra .menu a:hover{color:#fff;background:transparent}
.barra .plats{margin-left:6px;gap:8px}
.lang{display:inline-flex;border:1.5px solid rgba(255,255,255,.5);border-radius:999px;overflow:hidden;flex-shrink:0}
.lang button{all:unset;cursor:pointer;padding:7px 11px;font:700 12px/1 var(--display);letter-spacing:.05em;color:var(--claro)}
html[lang=en] .lang button[data-l=en],html[lang=es] .lang button[data-l=es]{background:#fff;color:var(--pet)}
.lang button:focus-visible,a:focus-visible{outline:3px solid var(--oro);outline-offset:2px}
.barra .cta{background:var(--oro);color:#1B1405;font-weight:700;font-size:14px;padding:9px 16px;border-radius:999px;text-decoration:none;white-space:nowrap;flex-shrink:0}
.barra .cta:hover{background:var(--oro2)}
@media (max-width:1399px){.barra .lema{display:none}}

/* el contenido de 1440 px, centrado, sobre el mismo fondo */
.lienzo{width:1440px;margin:0 auto;padding:0 48px;box-sizing:border-box}
#lienzo{padding-top:56px}
.claro{background:#fff;color:#151515;border-radius:28px;padding:72px 32px;margin-top:40px;box-shadow:0 30px 70px rgba(0,0,0,.35)}
.claro a{text-decoration:none}
.oscuro,.sin-panel{margin-top:40px}
.sin-panel{color:#151515}
.oscuro a,.sin-panel a{text-decoration:none}
.tplat{margin-top:120px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.tplat:first-child{margin-top:0}
.tplat .pill{display:flex;align-items:center;background:#fff;border-radius:14px;padding:10px 14px}
.tplat h2{margin:0;font-size:52px;line-height:1.05;letter-spacing:-.035em;font-weight:700}
.tplat p{margin:0;font-size:19px;color:var(--claro)}
.empezar .frase{margin-top:14px}

/* cómo se activa Free, dentro del bloque de cada plataforma */
.libre{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.38);border-radius:14px;padding:14px 16px;font-size:15px;line-height:1.5;color:#EEEDE9}
.libre b{color:var(--oro2)}
.flujo{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;counter-reset:f}
.flujo li{counter-increment:f;background:rgba(255,255,255,.08);border-radius:10px;padding:8px 10px;font-size:14px}
.flujo li::before{content:counter(f) "  ";color:var(--oro);font-weight:700}

/* «How NX uses AI», ahora común: los cuatro puntos en dos columnas */
.ia{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;row-gap:18px}
.ia>span.mono,.ia>h3{grid-column:1/-1}

/* páginas legales: el mismo fondo, su texto en un panel claro */
.legal{border-radius:28px;overflow:hidden;margin-top:40px;color:#151515}
.legal a{text-decoration:none}

/* pie único */
.pagpie{max-width:1440px;margin:96px auto 0;padding:28px 48px 36px;box-sizing:border-box;display:flex;align-items:center;gap:14px;font-size:14px;color:var(--tenue);border-top:1px solid rgba(196,216,221,.12)}
.pagpie .nx{display:inline-flex;align-items:center;justify-content:center;width:34px;height:26px;border-radius:7px;background:#fff;color:var(--pet);font-weight:700;font-size:13px;text-decoration:none}
.pagpie nav{margin-left:auto;display:flex;gap:22px}
.pagpie a{color:var(--claro);text-decoration:none}
.pagpie a:hover{color:#fff}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* ============ v2 (revisión de Jose 08/10): secciones rehechas; todo con prefijo v- para no chocar con la portada ============ */
:root{--tinta:#151515;--gris2:#585858;--borde:#E4E6E8;--suave:#F4F8F8;--verde:#1F2328;--verde-f:#F9F7F4;--rojo:#3A3F45;--ambar:#8A5A00;--ambar-f:#FFF1D6}
.v-sec{display:flex;flex-direction:column;gap:48px}
.v-cab{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.v-eti{font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--pet)}
.v-cab h2{margin:0;font-size:52px;line-height:1.06;letter-spacing:-.03em;font-weight:700;color:var(--tinta);text-wrap:balance}
.v-cab p{margin:0;font-size:18px;line-height:1.5;color:var(--gris2);max-width:940px;text-wrap:balance}
.claro h3{text-wrap:balance}
.v-nxi{display:inline-flex;align-items:center;justify-content:center;width:30px;height:22px;border-radius:6px;background:var(--pet);color:#fff;font-weight:800;font-size:11.5px;flex-shrink:0}

/* cómo funciona: cuatro pasos en fila, cada uno con su dibujo a la misma altura */
.v-flujo{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:x}
.v-flujo>li{position:relative;display:flex;flex-direction:column;gap:14px;padding:26px 24px 24px;border:1px solid var(--borde);border-radius:20px;background:#fff}
.v-flujo>li:not(:last-child)::after{content:"";position:absolute;right:-17px;top:50%;width:14px;height:14px;border-top:2px solid var(--oro);border-right:2px solid var(--oro);transform:translateY(-50%) rotate(45deg);z-index:1}
.v-n{width:30px;height:30px;border-radius:50%;background:var(--oro);color:#1B1405;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center}
.v-flujo h3{margin:0;font-size:21px;letter-spacing:-.015em;color:var(--tinta)}
.v-flujo p{margin:0;font-size:15px;line-height:1.5;color:var(--gris2)}
.v-vis{height:178px;border-radius:14px;background:var(--suave);padding:16px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.v-fich{display:flex;gap:10px;justify-content:center}
.v-doc{width:44px;height:54px;border-radius:6px 14px 6px 6px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:7px;font:700 10.5px/1 var(--mono);color:#fff}
.v-doc.x{background:#1F2328}.v-doc.c{background:#1F2328}.v-doc.p{background:#3A3F45}
.v-mas{text-align:center;font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;color:var(--gris2);text-transform:uppercase}
.v-o{display:flex;flex-direction:column;align-items:stretch;gap:4px}
.v-chip{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--borde);border-radius:10px;padding:6px 10px;font-size:13.5px;font-weight:600;color:var(--tinta);white-space:nowrap}
.v-or{text-align:center;font-size:11.5px;color:var(--gris2);line-height:1}
.v-erp-old{font-family:var(--mono);font-size:11.5px;color:#757575;margin-top:auto}
.v-lee{align-items:stretch}
.v-crudo,.v-limpio{display:grid;border-radius:8px;font-family:var(--mono);font-size:12.5px;overflow:hidden}
.v-crudo{grid-template-columns:minmax(0,1fr) auto;background:#FDF1EC;border:1px dashed #1F2328;color:#5B4A1A}
.v-crudo span,.v-limpio span{padding:6px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11.5px}
.v-limpio{grid-template-columns:minmax(0,1fr) auto auto;background:#fff;border:1px solid var(--borde);color:var(--tinta)}
.v-limpio span:nth-child(3n+2){text-align:right;font-weight:700}.v-crudo span:nth-child(2n){text-align:right}.v-crudo .v-nota{grid-column:1/-1;font-style:italic;border-top:1px dashed #1F2328}
.v-cel{color:var(--pet);background:#F9F7F4}
.v-flecha{align-self:center;color:var(--oro);font-weight:800;font-size:20px;line-height:1}
.v-checks{gap:8px}
.v-checks span{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--tinta);background:#fff;border-radius:9px;padding:7px 10px;white-space:nowrap}
.v-checks i{font-style:normal;width:18px;height:18px;border-radius:50%;background:var(--verde-f);color:var(--verde);font-weight:800;font-size:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.v-checks .pe{background:var(--ambar-f);color:var(--ambar)}
.v-checks .pe i{background:#fff;color:var(--ambar)}
.v-sale{gap:8px}
.v-sale span{display:flex;flex-direction:column;background:var(--pet);color:#DDDFE1;border-radius:10px;padding:8px 12px;font-size:12.5px;line-height:1.3}
.v-sale b{color:#fff;font-size:14px}

/* cerrar, planificar, decidir: texto + pantalla limpia de la app, alternando */
.v-uso{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:56px;align-items:center;padding:48px 52px;border-radius:26px;background:#EEEDE9}
.v-uso:nth-of-type(3){background:#FBF0D9}
.v-uso:nth-of-type(4){background:#ECE9F7}
.v-uso.inv{grid-template-columns:minmax(0,1fr) minmax(0,400px)}
.v-uso.inv .v-ut{order:2}
.v-ut{display:flex;flex-direction:column;gap:14px}
.v-ut h3{margin:0;font-size:32px;line-height:1.08;letter-spacing:-.03em;color:var(--tinta)}
.v-ut p{margin:0;font-size:17px;line-height:1.55;color:#434343}
.v-app{background:#fff;border-radius:16px;box-shadow:0 24px 60px rgba(31,35,40,.18),0 0 0 1px rgba(31,35,40,.06);overflow:hidden;color:var(--tinta)}
.v-abar{display:flex;align-items:center;gap:14px;padding:12px 20px;border-bottom:1px solid #E7ECEE;font-size:13.5px}
.v-abar b{font-size:15px;margin-right:6px}
.v-tab{color:#757575}
.v-tab.on{color:var(--tinta);font-weight:600;box-shadow:inset 0 -2px 0 var(--pet);padding-bottom:3px}
.v-amas{margin-left:auto;font-size:12.5px;color:var(--gris2);background:#F1F4F5;border-radius:999px;padding:5px 11px;white-space:nowrap}
.v-acuerpo{padding:24px 28px 26px;display:flex;flex-direction:column;gap:6px}
.v-acuerpo h4{margin:0;font-size:22px;letter-spacing:-.015em}
.v-asub{margin:0 0 12px;font-size:14px;color:var(--gris2)}
.v-puente{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;height:210px;margin:14px 0 12px}
.v-pb{display:flex;flex-direction:column;gap:6px;min-width:0}
.v-pz{position:relative;flex:1;border-bottom:1px solid #D5DEE1}
.v-pv{position:absolute;left:8%;right:8%;border-radius:4px 4px 2px 2px}
.v-pv em{position:absolute;left:50%;bottom:100%;transform:translate(-50%,-4px);font-style:normal;font-size:12px;font-weight:700;white-space:nowrap}
.v-pv.base{background:#8C979D}.v-pv.fin{background:#151515}
.v-pv.neg{background:#3A3F45}.v-pv.neg em{color:#3A3F45}
.v-pv.pos{background:var(--verde)}.v-pv.pos em{color:var(--verde)}
.v-pv.cero{background:var(--verde)}.v-pv.cero em{color:var(--verde)}
.v-pb small{font-size:11.5px;line-height:1.25;color:var(--gris2);text-align:center;min-height:2.5em}
.v-var,.v-plan{display:flex;flex-direction:column;font-size:14px}
.v-vh,.v-vr{display:grid;grid-template-columns:minmax(0,1.3fr) 130px 80px 150px;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #EEF2F3}
.v-vh,.v-ph{font-size:12px;color:#757575;padding-top:0}
.v-vr span:nth-child(2),.v-vh span:nth-child(2),.v-vr span:nth-child(3),.v-vh span:nth-child(3){text-align:right;font-variant-numeric:tabular-nums}
.v-vr span:nth-child(4),.v-vh span:nth-child(4){text-align:right}
.neg{color:#3A3F45;font-weight:700}
.v-tag{font-style:normal;display:inline-block;font-size:12px;font-weight:700;color:var(--ambar);background:var(--ambar-f);border-radius:999px;padding:3px 10px;white-space:nowrap}
.v-ph,.v-pr{display:grid;grid-template-columns:100px minmax(0,1fr) 140px 112px 104px;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #EEF2F3}
.v-pr b,.v-ph span:last-child{text-align:right;font-variant-numeric:tabular-nums}
.v-area{font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pet)}
.v-pr span:nth-child(3){color:var(--gris2);font-size:13px}
.v-pr.tot{border-bottom:0;border-top:2px solid var(--tinta);font-weight:700}
.v-pr.tot b{color:var(--verde)}
.v-dos{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.v-caja{border:1px solid #E3E8EA;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;background:#FAFCFC}
.v-caja p{margin:0;font-size:12.5px;line-height:1.45;color:var(--gris2)}
.v-ct{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--pet);font-weight:600}
.v-mes{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;align-items:end;height:46px}
.v-mes span{background:#8A8F95;border-radius:3px 3px 1px 1px}
.v-mes span:nth-child(2){background:var(--pet)}.v-mes span:nth-child(9){background:#E8A33A}
.v-mesl{display:flex;justify-content:space-between;font-size:11px;color:#757575;margin-top:-4px}
.v-apr{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.v-apr li{font-size:12px;color:#757575;text-align:center;padding-top:9px;border-top:4px solid #E3E8EA;white-space:nowrap}
.v-apr li.on{color:var(--tinta);font-weight:700;border-top-color:#9A6A12}
.v-wi{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:22px;align-items:stretch}
.v-cascada{display:flex;flex-direction:column;justify-content:space-between;gap:9px;padding:4px 0}
.v-cf{display:grid;grid-template-columns:178px minmax(0,1fr) 104px;align-items:center;gap:12px;font-size:13.5px}
.v-cf i{position:relative;height:16px;background:#F1F4F5;border-radius:3px}
.v-cf i::after{content:"";position:absolute;top:0;bottom:0;left:var(--a);width:var(--w);background:var(--pet);border-radius:3px}
.v-cf i.neg::after{background:repeating-linear-gradient(135deg,#C6D0D4 0 5px,#E3E8EA 5px 9px)}
.v-cf i.pos::after{background:var(--verde)}
.v-cf i.oro::after{background:#C98A16}
.v-cf b{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
.v-cf.t span,.v-cf.t b{font-weight:800}
.v-res{border-radius:14px;background:#1F2328;color:#fff;padding:18px 18px 16px;display:flex;flex-direction:column;gap:6px}
.v-res>span:first-child{font-size:13px;color:#DDDFE1}
.v-res b{font-size:34px;letter-spacing:-.02em;line-height:1}
.v-res small{font-size:13px;color:#DDDFE1;margin-bottom:6px}
.v-ok{font-size:12.5px;color:#DDDFE1}
.v-btn{margin-top:auto;background:var(--oro);color:#1B1405;font-weight:700;font-size:13.5px;border-radius:9px;padding:9px 12px;text-align:center}

/* por qué: Certified y Safe, lo propio de NX (sin VURA) */
.v-cs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.v-c1{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px 24px;align-items:start;background:var(--pet);color:#fff;border-radius:22px;padding:32px}
.v-cl{font-size:72px;line-height:.9;font-weight:800;letter-spacing:-.04em;color:var(--oro)}
.v-ct2 h3{margin:0 0 8px;font-size:28px;letter-spacing:-.02em}
.v-ct2 p{margin:0;font-size:16px;line-height:1.55;color:#DDDFE1}
.v-ej{grid-column:1/-1;background:#fff;color:var(--tinta);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:8px}
.v-ejq{align-self:flex-end;background:var(--pet);color:#fff;border-radius:14px 14px 4px 14px;padding:6px 13px;font-size:14px}
.v-ejr{display:flex;align-items:center;gap:12px}
.v-ejr b{font-size:28px;letter-spacing:-.02em}
.v-ejr em{font-style:normal;font-size:12px;font-weight:700;border-radius:999px;padding:3px 10px;white-space:nowrap}
.v-ejr em.ok{color:var(--verde);background:var(--verde-f)}
.v-ejr em.pe{color:var(--ambar);background:var(--ambar-f)}
.v-ej code{font-family:var(--mono);font-size:12px;color:var(--pet)}
.v-pruebas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--borde);padding-top:28px}
.v-pruebas div{display:flex;flex-direction:column;gap:4px;padding:0 28px}
.v-pruebas div+div{border-left:1px solid var(--borde)}
.v-pruebas div:first-child{padding-left:0}
.v-pruebas b{font-size:21px;letter-spacing:-.015em;color:var(--tinta)}
.v-pruebas span{font-size:15px;line-height:1.5;color:var(--gris2)}

/* empezar + las dos plataformas: una caja cada una, con su botón dentro */
.v-empezar{display:flex;flex-direction:column;align-items:center;text-align:center;padding:120px 0 8px}
.v-empezar h2{margin:0;font-size:52px;letter-spacing:-.035em;font-weight:700}
.v-plat{display:flex;flex-direction:column;gap:40px;color:var(--tinta)}
.v-pcab{display:grid;grid-template-columns:minmax(0,500px) minmax(0,1fr);gap:48px;align-items:center}
.v-ptxt{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.v-logo{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:700;background:#fff;border:1px solid var(--borde);border-radius:14px;padding:10px 16px}
.v-ptxt h2{margin:0;font-size:50px;line-height:1.02;letter-spacing:-.035em;font-weight:700;text-align:left;white-space:nowrap}
.v-ptxt p{margin:0;font-size:18px;line-height:1.55;color:#434343}
.v-seg{display:flex;gap:9px;align-items:flex-start;font-size:15px;font-weight:600;color:var(--pet);line-height:1.45}
.v-seg svg{flex-shrink:0;margin-top:2px}
.v-cta{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:16px;border-radius:12px;padding:14px 22px;white-space:nowrap;transition:transform .2s}
.v-cta:hover{transform:translateY(-2px)}
.v-cta.dbx{background:#5B6168;color:#fff;box-shadow:0 12px 28px rgba(229,52,29,.28)}
.v-cta.dbx svg{background:#fff;border-radius:6px;padding:3px;width:26px;height:26px}
.v-cta.ayx{background:#5D5D5D;color:#fff;box-shadow:0 12px 28px rgba(93,93,93,.28)}
.v-descargas{display:flex;gap:12px}
.v-diag{display:grid;grid-template-columns:minmax(0,1.12fr) 34px minmax(0,.74fr) 34px minmax(0,1.04fr);align-items:center;background:var(--suave);border-radius:22px;padding:28px 24px}
.v-plat.dbx .v-diag{background:linear-gradient(135deg,#FFF1EE,#F4F8F8 60%)}
.v-plat.ayx .v-diag{background:linear-gradient(135deg,#EEF4FE,#F4F8F8 60%)}
.v-dcol{display:flex;flex-direction:column;gap:7px;min-width:0}
.v-dt{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:#757575;margin-bottom:2px}
.v-dt code{text-transform:none;letter-spacing:0;font-size:12.5px;color:var(--tinta);font-weight:600}
.v-tb,.v-hj,.v-ds{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--borde);border-radius:10px;padding:7px 10px;min-width:0}
.v-tb code,.v-ds code{font-family:var(--mono);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-tb.ok,.v-ds{border-color:#DDDFE1}
.v-tb em,.v-ds em{margin-left:auto;font-style:normal;font-weight:800;color:var(--verde);font-size:12px}
.v-tb.f{border-style:dashed}
.v-usan{margin-top:4px;text-align:center;font-size:13px;font-weight:600;color:var(--pet);background:#F9F7F4;border-radius:999px;padding:6px 10px}
.v-dfl{height:2px;background:repeating-linear-gradient(90deg,var(--oro) 0 6px,transparent 6px 11px);position:relative}
.v-dfl::after{content:"";position:absolute;right:-1px;top:-5px;width:10px;height:10px;border-top:2px solid var(--oro);border-right:2px solid var(--oro);transform:rotate(45deg)}
.v-dnx{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;background:var(--pet);color:#fff;border-radius:18px;padding:22px 16px;box-shadow:0 18px 40px rgba(31,35,40,.25)}
.v-dnx b{font-size:17px}
.v-dnx small{font-size:12.5px;color:#DDDFE1;line-height:1.4}
.v-nxi.g{width:44px;height:32px;font-size:15px;background:#fff;color:var(--pet)}
.v-wlogo{background:#fff;border-radius:8px;padding:5px 8px}
.v-ins{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;width:100%;margin-top:4px}
.v-ins span{font-size:11px;background:rgba(255,255,255,.14);border-radius:6px;padding:5px 8px;white-space:nowrap}
.v-hj b{font-size:13.5px}.v-hj small,.v-ds small{margin-left:auto;font-size:11.5px;color:#757575;white-space:nowrap}
.v-hj{padding:6px 10px}.v-hj::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--verde);flex-shrink:0}
.v-hj.ap{background:#FBF3E4;border-color:#EBD3A6}.v-hj.ap::before{background:#5B6168}.v-hj.ap small{color:#5B6168}
.v-ds{padding:6px 10px}.v-ds small{margin-left:0}.v-ds em{margin-left:auto}
.v-ds.xl{background:#E8F4EC}
.v-cuatro{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.v-cuatro div{border:1px solid var(--borde);border-radius:18px;padding:24px 22px;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:8px;background:var(--suave)}
.v-cuatro h3{margin:0;font-size:19px;color:var(--tinta)}
.v-cuatro p{margin:0;font-size:14.5px;line-height:1.5;color:var(--gris2)}
.v-alta{display:grid;grid-template-columns:170px minmax(0,1fr);gap:14px 28px;align-items:center;border-top:1px solid var(--borde);padding-top:28px}
.v-at{font-family:var(--mono);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--pet)}
.v-pasos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.v-pasos.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.v-pasos li{display:flex;align-items:center;gap:12px;background:var(--suave);border-radius:12px;padding:12px 14px;font-size:15px;font-weight:600;color:var(--tinta)}
.v-pasos b{width:26px;height:26px;border-radius:50%;background:var(--oro);color:#1B1405;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.v-libre{grid-column:2;margin:0;font-size:15px;line-height:1.5;color:#434343}
.v-libre b{color:var(--tinta)}

/* planes: cada uno suma al anterior; sin precios */
.v-tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.v-pl{border:1px solid var(--borde);border-radius:22px;padding:28px 26px;display:flex;flex-direction:column;gap:18px;background:#fff}
.v-pl.bus{border-color:var(--pet);box-shadow:0 0 0 1px var(--pet)}
.v-pl.ent{background:var(--fondo);border-color:var(--fondo);color:#fff}
.v-plc{display:flex;flex-direction:column;gap:6px}
.v-niv{display:flex;gap:4px;margin-bottom:6px}
.v-niv i{width:22px;height:6px;border-radius:3px;background:var(--oro)}
.v-plc h3{margin:0;font-size:30px;letter-spacing:-.025em}
.v-plc p{margin:0;font-size:15px;color:var(--gris2)}
.v-pl.ent .v-plc p{color:var(--claro)}
.v-mas2{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--pet);background:#F9F7F4;border-radius:8px;padding:7px 10px;align-self:flex-start}
.v-pl.ent .v-mas2{background:rgba(255,255,255,.16);color:var(--oro2)}
.v-pl ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:14.5px;line-height:1.4;color:#313131}
.v-pl.ent ul{color:#EEEDE9}
.v-pl li{position:relative;padding-left:24px}
.v-pl li::before{content:"✓";position:absolute;left:0;color:var(--verde);font-weight:800}
.v-pl.ent li::before{color:var(--oro)}
.v-pl li{white-space:nowrap}
.v-como p{margin:0;font-size:14px;line-height:1.5;color:var(--gris2)}
.v-como{margin-top:auto;border-top:1px solid var(--borde);padding-top:16px;display:flex;flex-direction:column;gap:10px}
.v-pl.ent .v-como{border-top-color:rgba(196,216,221,.2)}
.v-como>span{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#757575}
.v-pl.ent .v-como>span{color:var(--tenue)}
.v-como div{display:flex;gap:8px}
.v-como a{background:var(--pet);color:#fff;font-weight:700;font-size:14.5px;padding:10px 14px;border-radius:10px;white-space:nowrap}
.v-como a:hover{background:#1F2328}
.v-como code{font-family:var(--mono);font-size:12px;color:var(--pet);background:#F9F7F4;border-radius:8px;padding:9px 11px}
.v-pl.ent .v-como code{background:rgba(255,255,255,.08);color:var(--oro2)}
.v-igual{text-align:center;color:var(--gris2);font-size:15px;margin:0}


/* ============ v5 (Jose, revisión de la v4) ============ */
/* 1 · «Then ask»: más alto y con aire; el linaje llena su columna (cifra → fichero → hoja → celda) */
.preguntar .panel{grid-template-columns:minmax(0,1fr) 460px}
.preguntar .p-cab{padding:18px 28px}
.preguntar .conv{padding:34px 36px 36px;gap:36px}
.preguntar .ex{gap:12px}
.preguntar .q .u{font-size:16.5px;padding:11px 20px}
.preguntar .q .quien{font-size:13px}
.preguntar .r{padding:22px 26px;gap:14px}
.preguntar .r p{font-size:16px}
.preguntar .r1 b{font-size:48px}
.preguntar .r1 small{font-size:13.5px}
.preguntar .barras{height:120px;gap:8px}
.preguntar .barras span{border-radius:6px 6px 2px 2px}
.preguntar .meses{font-size:12px;gap:8px;margin-top:0}
.preguntar .rango{height:44px}
.preguntar .rango .via,.preguntar .rango .ok{top:20px;height:6px;border-radius:3px}
.preguntar .rango .min{top:9px;height:28px;width:3px}
.preguntar .rango .pt{top:16px;width:14px;height:14px;transform:translateX(-7px)}
.preguntar .rango-l{height:20px;font-size:12.5px}
.preguntar .pie{font-size:14px}
.lin .lv.on{flex:1}
.lin .lt{font-size:12.5px}
.lin .lc b{font-size:38px}
.lin .pasos h4{font-size:15px}
.lin .pasos p{font-size:14px}
.lin .pasos .ruta{font-size:12.5px}
.lin .mini{font-size:12px}
.lin .mini span{height:28px}
.cadena{list-style:none;margin:6px 0 0;padding:18px 0 0;border-top:1px solid #E3E8EA;display:flex;flex-direction:column;gap:14px}
.cadena li{position:relative;display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:12px;background:#fff;border:1px solid #E4E6E8;border-radius:12px;padding:11px 14px}
.cadena li:not(:last-child)::after{content:"";position:absolute;left:50%;bottom:-13px;width:2px;height:12px;background:var(--oro)}
.cadena .ce{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#757575}
.cadena b{display:flex;align-items:center;gap:9px;font-size:16px;color:#151515;min-width:0;overflow-wrap:anywhere}
.cadena li:first-child b{font-size:22px;letter-spacing:-.02em}
.cadena .tabh{width:20px;height:14px;border-radius:3px 3px 0 0;background:#1F2328;flex-shrink:0;box-shadow:inset 0 -3px 0 #1F2328}
.cadena .cel{font-family:var(--mono);font-size:15px;color:var(--pet);background:#FDF1EC;box-shadow:inset 0 0 0 2px #1F2328;border-radius:6px;padding:3px 10px;align-self:flex-start;display:inline-flex}

/* 2 · cómo funciona: número y título en una línea; el dibujo ocupa la caja */
.v-flujo>li{padding:24px;gap:18px}
.v-flujo h3{display:flex;align-items:center;gap:12px;font-size:20px}
.v-flujo .v-n{flex-shrink:0}
.v-vis{height:auto;min-height:300px;flex:1;padding:20px;gap:14px}
.v-fich{gap:14px;align-items:flex-end}
.v-fich span{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--tinta)}
.v-fich img,.v-fich svg{display:block;height:64px;width:auto}
.v-o{gap:10px}
.v-chip{justify-content:center;padding:12px 14px;font-size:15px}
.v-crudo span,.v-limpio span{font-size:12.5px;padding:9px 10px}
.v-checks span{padding:11px 12px;font-size:14px}
.v-mods{gap:9px}
.v-mod{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--borde);border-radius:12px;padding:8px 12px;font-size:14.5px;font-weight:700;color:var(--tinta)}
.v-mod i{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}

/* 3 · por qué: la fila de pruebas con su margen interior */
.v-pruebas{background:var(--suave);border:0;border-radius:20px;padding:28px 0}
.v-pruebas div,.v-pruebas div:first-child{padding:0 32px}

/* 4 y 5 · plataformas: botones a la derecha de su caja; el diagrama ocupa toda la altura */
.v-pcab{align-items:stretch}
.v-ptxt{justify-content:center}
.v-diag{padding:32px 28px;align-content:center}
.v-tb,.v-ds,.v-hj{padding:10px 12px}
.v-tb code,.v-ds code{font-size:12.5px}
.v-dcol{gap:10px}
.v-dnx{padding:28px 18px}
.v-dnx b{font-size:19px}
.v-alta{grid-template-columns:150px minmax(0,1fr) auto;gap:16px 24px}
.v-libre{grid-column:2/-1}
.v-botones{display:flex;gap:10px;justify-content:flex-end}
.v-botones.col{flex-direction:column;align-items:stretch}
.v-botones .v-cta{justify-content:center}
.v-como div{justify-content:flex-end}
.v-pcab{grid-template-columns:minmax(0,430px) minmax(0,1fr);gap:40px}
.cadena{gap:18px}.cadena li{padding:14px 16px}
.v-ptxt h2{font-size:46px}
.v-checks span{white-space:normal;line-height:1.3}
.v-flujo h3{min-height:2.5em}

.v-lee,.v-checks{justify-content:space-evenly}
.v-lee .v-crudo span,.v-lee .v-limpio span{font-size:13.5px;padding:13px 9px}
.v-lee .v-flecha{font-size:26px}
.v-checks span{padding:15px 14px;font-size:14.5px}
.v-fuentes,.v-mods{justify-content:space-evenly}.v-fich img,.v-fich svg{height:76px}

/* linaje v8: compacto, sin huecos; estados en tamaño normal */
.lin .lv.on{flex:0 0 auto;gap:16px}
.cadena{gap:12px}.cadena li{padding:10px 14px}.cadena li:first-child b{font-size:19px}
.lin .est{font-size:12px;font-weight:700;color:#1F2328;background:#E4F0F2;border-radius:999px;padding:3px 10px;white-space:nowrap}
.lin .lc2{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.lin .opc{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
.lin .opc div{background:#fff;border:1px solid #E4E6E8;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;min-width:0}
.lin .opc b{font-size:24px;letter-spacing:-.02em}
.lin .opc span{font-size:13px;color:#434343}
.lin .opc code{font-family:var(--mono);font-size:11.5px;color:var(--pet);overflow-wrap:anywhere}

/* «Then ask» v8: respuestas como las da la app */
.preguntar .cel1{margin:0;display:flex;gap:8px;flex-wrap:wrap}.preguntar .cel1 .celda{font-size:13px;padding:4px 10px}
.preguntar .regla1{margin:0;font-size:14px;color:#5F5F5F}
.preguntar .agente{margin:0;font-size:14px;color:#1F2328;font-weight:600;border-top:1px solid #E3E8EA;padding-top:10px}
#panel[data-plat="dbx"] .agente[data-plat="ayx"],#panel[data-plat="ayx"] .agente[data-plat="dbx"]{display:none}
.preguntar .ir1{margin:0;font-size:13.5px;color:#5F5F5F}.preguntar .ir1 .lnk{color:#1F2328;font-weight:700}
/* «How it works» v8: el libro sucio y lo que se comprueba */
.v-libro{border:1px solid #CFD8DB;border-radius:10px;overflow:hidden;background:#fff;font-family:var(--mono);font-size:10.5px;color:var(--tinta)}
.v-tabs{display:flex;background:#EEF2F3;border-bottom:1px solid #CFD8DB}
.v-tabs span{padding:5px 7px;color:#5F5F5F;border-right:1px solid #DCE3E5;white-space:nowrap}
.v-tabs .on{background:#fff;color:#1F2328;font-weight:700}
.v-tabs .ap{text-decoration:line-through;color:#5B6168;background:#FBF3E4}
.v-hoja .t{background:#FDF1EC;padding:5px 7px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #EEF2F3}
.v-hoja .f{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));border-bottom:1px solid #EEF2F3}
.v-hoja .f span{padding:4px 6px;text-align:right;white-space:nowrap;overflow:hidden}
.v-hoja .f span:first-child{text-align:left}
.v-hoja .f.h span{background:#F1F3F4;color:#757575;font-weight:600}
.v-hoja .f.s span{background:#F9F7F4;font-weight:700}
.v-hoja .ng{color:#3A3F45}
.v-hoja .n{padding:5px 7px;font-style:italic;background:#FDF1EC;color:#5B4A1A}
.v-res2{display:flex;flex-direction:column;gap:3px;background:var(--pet);color:#DDDFE1;border-radius:10px;padding:10px 12px;font-size:12.5px;line-height:1.35}
.v-res2 b{color:#fff;font-size:15px}
.v-checks{gap:7px;justify-content:center}
.v-checks span{padding:8px 10px;font-size:13px}
.v-checks .ia3{background:#EDEAF7;color:#2F2A55}
.v-checks .tres{background:transparent!important;width:auto!important;display:flex!important;gap:2px}
.v-checks .tres em{width:6px;height:14px;border-radius:2px;display:block}
.v-checks .tres em:nth-child(1){background:#8A8F95}.v-checks .tres em:nth-child(2){background:#7F7F7F}.v-checks .tres em:nth-child(3){background:#5B6168}

/* planes v8 (Jose): las tres cajas con el mismo estilo; listas y bloque de abajo alineados */
.v-pl.ent{background:#fff;border-color:var(--borde);color:var(--tinta)}
.v-pl.ent .v-plc p{color:var(--gris2)}
.v-pl.ent .v-mas2{background:#F9F7F4;color:var(--pet)}
.v-pl.ent ul{color:#313131}
.v-pl.ent li::before{color:var(--verde)}
.v-pl.ent .v-como{border-top-color:var(--borde)}
.v-pl.ent .v-como>span{color:#757575}
.v-pl.ent .v-como code{background:#F9F7F4;color:var(--pet)}
.v-plc{min-height:92px}
.v-pl li.com{font-weight:700;color:var(--pet)}
.v-como{min-height:132px;justify-content:flex-end}
.v-libro{font-size:9.5px}.v-tabs span{padding:4px 5px}
.v-hoja .t{white-space:normal;line-height:1.3}
.v-hoja .f{grid-template-columns:minmax(0,1fr) 58px 62px}
.v-hoja .f span{padding:4px 5px}
.v-hoja .n{line-height:1.3}

/* IA gobernada y trazable (Jose 08/10): el ejemplo es lo protagonista */
.ia-caja{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px;align-items:stretch}
.ia-lec,.ia-tr{background:var(--suave);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:12px;min-width:0}
.ia-t{display:flex;align-items:center;gap:10px}.ia-t b{font-size:17px;color:var(--tinta)}
.ia-tag{margin-left:auto;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#757575;border:1px solid var(--borde);border-radius:999px;padding:2px 9px;background:#fff}
.ia-h{display:grid;grid-template-columns:200px minmax(0,1fr) 150px;gap:12px;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:#757575;padding:0 4px}
.ia-f{display:grid;grid-template-columns:200px minmax(0,1fr) 150px;gap:12px;align-items:center;background:#fff;border:1px solid var(--borde);border-radius:14px;padding:12px 14px}
.ia-f code{font-family:var(--mono);font-size:12px;color:var(--pet);overflow-wrap:anywhere}
.ia-ms{display:flex;flex-direction:column;gap:5px;min-width:0}
.ia-m{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--tinta);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ia-m em{font-style:normal;font-size:11px;font-weight:700;color:#fff;border-radius:6px;padding:2px 7px;width:58px;text-align:center;flex-shrink:0}
.ia-m .f-claude{background:#5B6168}.ia-m .f-gemini{background:#646464}.ia-m .f-gpt{background:#5B6168}
.ia-m.dif{color:#5B6168}
.ia-v{font-size:13px;font-weight:700;border-radius:10px;padding:8px 10px;text-align:center}
.ia-v.ok{color:var(--verde);background:var(--verde-f)}.ia-v.pe{color:var(--ambar);background:var(--ambar-f)}
.ia-der{display:flex;flex-direction:column;gap:20px;min-width:0}
.ia-tr{flex:1}
.tr-l{display:grid;grid-template-columns:70px minmax(0,1fr) 40px 44px 54px minmax(0,1.1fr);gap:8px;align-items:center;background:#fff;border:1px solid var(--borde);border-radius:10px;padding:10px 12px;font-family:var(--mono);font-size:12px;color:var(--tinta)}
.tr-l span,.tr-l b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tr-l.h{background:transparent;border:0;padding:0 12px;font-family:var(--display);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#757575}
.tr-l .ok{color:var(--verde);font-weight:700}
.tr-n{margin:auto 0 0;font-size:13.5px;color:var(--gris2)}
.ia-vig{display:flex;flex-direction:column;gap:4px;background:var(--ambar-f);border:1px solid #EBD3A6;border-radius:16px;padding:16px 20px}
.ia-vig b{font-family:var(--mono);font-size:12.5px;color:var(--ambar);letter-spacing:.04em}
.ia-vig span{font-size:15px;color:#5B4A1A;line-height:1.45}
.ia-p{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.ia-p div{display:flex;align-items:center;gap:12px;background:var(--pet);color:#fff;border-radius:14px;padding:14px 16px;font-size:14px;font-weight:600;line-height:1.35}
.ia-p i{font-style:normal;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.14);color:var(--oro);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;flex-shrink:0}
.v-libro{font-size:9px}.v-hoja .f{grid-template-columns:minmax(0,1fr) 52px 64px}.v-hoja .f span{padding:4px 3px}
.tr-l{grid-template-columns:66px minmax(0,1fr) 54px 44px 54px 78px}
.v-como{justify-content:flex-start}
.tr-l{grid-template-columns:66px minmax(0,1fr) 50px 52px 54px 74px}
.tr-l{grid-template-columns:62px minmax(0,1fr) 46px 62px 54px 70px}
.tr-l{grid-template-columns:62px minmax(0,1fr) 44px 60px 52px 76px}
.tr-l{grid-template-columns:60px minmax(0,1fr) 50px 60px 50px 76px}.tr-l.h{letter-spacing:.03em}

/* v9 */
.v-libro{font-size:11.5px}.v-tabs span{padding:6px 8px}
.v-hoja .t{padding:6px 8px}
.v-hoja .f{grid-template-columns:minmax(0,1fr) 62px 76px}
.v-hoja .f span{padding:6px 5px}
.v-hoja .n{padding:6px 8px}
.tr-l{grid-template-columns:60px minmax(0,1fr) 46px 56px 66px 70px}
.lin .lt2{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gris);margin-top:6px;padding-top:16px;border-top:1px solid #E3E8EA}
.lin .lt2+.cadena{border-top:0;padding-top:0;margin-top:0}
.lin .dosm{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lin .dosc{display:flex;flex-direction:column;gap:4px;min-width:0}
.lin .mini.m2{grid-template-columns:28px minmax(0,1fr);margin-top:0}
.lin .mini.m2 span{height:32px;font-size:13px}
.v-libro{font-size:11px}.v-hoja .f{grid-template-columns:minmax(0,1fr) 64px 80px}.v-hoja .f span{padding:6px 4px}
.tr-l{grid-template-columns:58px minmax(0,1fr) 44px 54px 64px 78px}
.tr-l{grid-template-columns:58px minmax(0,1fr) 42px 58px 62px 78px}
.tr-l.h{font-size:10px;letter-spacing:.02em}
.lin .dosc .ruta{font-family:var(--mono);font-size:11.5px;color:var(--pet);min-height:2.8em;overflow-wrap:anywhere}
.lin .mini.y4{max-width:200px;margin-top:6px}
/* v11 (Jose): el linaje reparte sus pasos en la altura de la conversación */
.lin .lv.on{flex:1 1 auto;gap:20px}
.lin .lt{font-size:13px}
.lin .lc b{font-size:44px}
.lin .pasos{flex:1 1 auto;display:flex;flex-direction:column}
.lin .pasos li{flex:1 1 auto;padding-bottom:28px}
.lin .pasos li:last-child{flex:0 0 auto;padding-bottom:0}
.lin .pasos h4{font-size:17px;margin-bottom:6px}
.lin .pasos p{font-size:15px;line-height:1.5}
.lin .pasos .ruta{font-size:13px;margin-bottom:6px}
.lin .mini span{height:32px;font-size:13px}
.lin .mini.y4{max-width:240px}
.lin .suma{font-size:14.5px;gap:6px 14px}
.lin .lc2 .pend{font-size:13px}
.lin .opc b{font-size:28px}.lin .opc span{font-size:14px}
.lin .dosm{margin-top:4px}
.lin .mini.m2 span{height:36px;font-size:14px}
/* paso 1: los cinco orígenes como una familia (mismo tamaño de caja, icono y etiqueta) */
.v-src{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.v-src span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:96px;background:#fff;border:1px solid var(--borde);border-radius:12px;font-size:13px;font-weight:600;color:var(--tinta)}
.v-src .f{grid-column:span 2}.v-src .p{grid-column:span 3}
.v-src i{height:44px;display:flex;align-items:center;justify-content:center}
.v-src i svg,.v-src i img{display:block;height:40px;width:auto;max-width:100%}
.v-src .p i svg[viewBox="0 0 339 85"]{height:22px}
/* linaje: aire entre pasos sin estirarlos hasta huecos */
.lin .lv.on{flex:0 0 auto}
.lin .pasos{flex:0 0 auto}
.lin .pasos li{flex:0 0 auto;padding-bottom:40px}

/* C·S·T (Jose 08/10): lo que aporta FL */
.ia-cst{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ia-cst div{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:18px;background:var(--pet);color:#fff;border-radius:20px;padding:24px 26px}
.ia-cst b{grid-row:1/3;font-size:64px;line-height:.9;font-weight:800;letter-spacing:-.04em;color:var(--oro)}
.ia-cst h3{margin:2px 0 6px;font-size:22px;letter-spacing:-.015em}
.ia-cst p{margin:0;font-size:15px;line-height:1.5;color:#DDDFE1}

/* C·S·T·Z (Jose 09/10): cuatro tarjetas iguales en una fila */
.ia-cst{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ia-cst div{padding:22px 20px;column-gap:14px}
.ia-cst b{font-size:54px}
.ia-cst h3{font-size:20px}
.ia-cst p{font-size:14.5px}
.ia-m .f-gptoss{background:#5B6168}.ia-m .f-qwen{background:#6D4BC2}
.ia-m em{width:66px}
.v-checks .tres em:nth-child(2){background:#5B6168}.v-checks .tres em:nth-child(3){background:#6D4BC2}

/* Web de Databricks (Dashboard 15/10): ni un píxel verde. Las imágenes (capturas de la app, iconos de fichero), en gris hasta tener las capturas reales con el tema neutro; no cambia ninguna cifra. */