/* Sitio institucional NV Agentics.
   Ritmo inspirado en Apple (aire, titular grande, mosaico, menu fijo translucido) con los tokens de
   New Ventures: noche, teal como unica luz, Archivo / Source Sans 3 / JetBrains Mono.
   PROPUESTA 03-oct-2026: radio 20px en mosaicos y retratos (el book dice 4px); la decide Jorge. */
:root{
  --noche:#071211; --noche-2:#0D1E1D; --noche-3:#122725; --linea:#1D3331; --tenue:#8AA5A2; --texto:#E6F0EF;
  --papel:#FFFFFF; --luz:#00E5FF; --teal:#007A8C; --teal-hondo:#00505E;
  --display:"Archivo","Arial Black",Helvetica,Arial,sans-serif;
  --cuerpo:"Source Sans 3",-apple-system,"Segoe UI",Helvetica,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
  --r:20px; --r-chico:12px;
  --sale:cubic-bezier(.16,1,.3,1);
  --nav:60px;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav) + 16px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--noche);color:var(--texto);font:400 1.0625rem/1.6 var(--cuerpo);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
h1,h2,h3{font-family:var(--display);color:var(--papel);margin:0;text-wrap:balance}
p{margin:0}
a{color:inherit}
::selection{background:var(--luz);color:var(--noche)}
:focus-visible{outline:2px solid var(--luz);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-999px;top:8px;background:var(--papel);color:var(--noche);padding:10px 16px;border-radius:999px;z-index:30}
.skip:focus{left:16px}
.ancho{max-width:1200px;margin:0 auto;padding-inline:clamp(20px,4vw,48px)}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--papel);white-space:nowrap}

/* Menu fijo: una linea, vidrio sobre la noche */
.nav{position:sticky;top:0;z-index:20;background:rgba(7,18,17,.72);backdrop-filter:saturate(160%) blur(18px);-webkit-backdrop-filter:saturate(160%) blur(18px);border-bottom:1px solid rgba(29,51,49,.7)}
.nav-in{max-width:1200px;margin:0 auto;padding-inline:clamp(20px,4vw,48px);height:var(--nav);display:flex;align-items:center;gap:28px}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--papel);font:700 1rem var(--display);font-stretch:112%;letter-spacing:-.01em;white-space:nowrap}
.marca img{height:40px;width:auto;flex:none;border-radius:8px}
.nav nav{display:flex;gap:26px;margin-left:auto}
.nav nav a{text-decoration:none;font-size:.9375rem;color:var(--tenue);transition:color .2s}
.nav nav a:hover{color:var(--papel)}
@media (prefers-reduced-transparency:reduce){.nav{background:var(--noche);backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Botones: una sola forma, pildora */
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--luz);color:var(--noche);font:700 1rem var(--display);letter-spacing:-.01em;text-decoration:none;border:0;border-radius:999px;padding:14px 26px;white-space:nowrap;cursor:pointer;transition:transform .25s var(--sale),background .2s}
.btn:hover{background:#7DF1FF}
.btn:active{transform:scale(.98)}
.btn-chico{padding:9px 18px;font-size:.875rem}
.enlace{color:var(--luz);text-decoration:none;font-weight:600;border-bottom:1px solid transparent;transition:border-color .2s}
.enlace:hover{border-color:var(--luz)}
.acciones{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px}

/* Hero */
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:min(86dvh,760px);display:flex;align-items:center}
.hero-arte{position:absolute;inset:0;z-index:-2;background:url('night-atlas-hero.webp') 70% center/cover no-repeat}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--noche) 0%,rgba(7,18,17,.92) 30%,rgba(7,18,17,.35) 62%,transparent 80%),linear-gradient(0deg,var(--noche) 0%,transparent 22%)}
.hero-texto{width:100%;padding-block:72px 88px}
.hero h1{font-size:clamp(2.75rem,6.4vw,5.5rem);font-weight:800;font-stretch:112%;line-height:1.02;letter-spacing:-.04em}
.hero h1 em{font-style:normal;color:var(--luz)}
.hero p{font-size:clamp(1.125rem,1.6vw,1.375rem);color:#C9DAD8;max-width:34ch;margin:28px 0 36px;line-height:1.5}

/* Secciones */
.bloque{padding-block:clamp(88px,11vw,152px)}
.bloque+.bloque{border-top:1px solid var(--linea)}
.rotulo{font:400 .8125rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--luz);margin-bottom:20px}
.titular{font-size:clamp(2.125rem,4.6vw,3.75rem);font-weight:800;font-stretch:108%;line-height:1.05;letter-spacing:-.038em;max-width:18ch}
.bajada{font-size:clamp(1.125rem,1.5vw,1.3125rem);color:var(--tenue);max-width:62ch;margin-top:24px;line-height:1.55}
.nota{font-size:.9375rem;color:var(--tenue);margin-top:20px;max-width:60ch}

.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:72px}
.trio>div{border-top:1px solid var(--linea);padding-top:24px}
.trio h3{font-size:1.375rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:12px}
.trio p{color:var(--tenue)}

.partido{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(40px,7vw,104px);align-items:start}
.partido>.titular,.producto-cab{position:sticky;top:calc(var(--nav) + 40px)}
.pilares{list-style:none;margin:0;padding:0;display:grid;gap:0}
.pilares li{padding:28px 0;border-bottom:1px solid var(--linea)}
.pilares li:first-child{padding-top:0}
.pilares li:last-child{border-bottom:0}
.pilares h3{font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin-bottom:8px}
.pilares p{color:var(--tenue);max-width:48ch}

/* Mosaico de servicios: 4 piezas, 4 celdas */
.mosaico{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;margin-top:72px}
.pieza{background:var(--noche-2);border-radius:var(--r);padding:clamp(28px,3.4vw,44px);display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.pieza h3{font-size:clamp(1.5rem,2.4vw,2rem);font-weight:800;font-stretch:108%;letter-spacing:-.03em}
.pieza p{color:#B9CECB}
.pieza .enlace{margin-top:auto}
.pieza-grande{grid-row:span 2;background:linear-gradient(160deg,#102B2A 0%,var(--noche-2) 55%)}
.pieza-lead{font-size:1.125rem}
.pieza-ancha{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;gap:32px}
.pieza-ancha>div{display:grid;gap:10px;max-width:56ch}
.pieza-luz{background:linear-gradient(110deg,var(--teal-hondo) 0%,#0B3A40 48%,var(--noche-2) 100%)}
.pieza-luz p{color:#D5E9E8}
.pieza-luz .enlace{color:var(--papel);border-color:rgba(255,255,255,.45);white-space:nowrap}
.capas{list-style:none;margin:8px 0 0;padding:0;width:100%;counter-reset:capa}
.capas li{counter-increment:capa;display:grid;grid-template-columns:2.25rem minmax(0,1fr);column-gap:8px;padding:16px 0;border-top:1px solid rgba(255,255,255,.08)}
.capas li::before{content:counter(capa);grid-row:span 2;font:400 .875rem var(--mono);color:var(--luz);padding-top:3px}
.capas b{font:700 1.0625rem var(--display);color:var(--papel);letter-spacing:-.01em}
.capas span{color:var(--tenue);font-size:.9688rem}

.reglas{margin-top:72px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:40px;align-items:start}
.reglas h3{font-size:1.5rem;font-weight:700;letter-spacing:-.025em;max-width:14ch}
.reglas ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:20px 40px}
.reglas li{padding-top:16px;border-top:1px solid var(--teal);color:#D5E4E2}

/* Control 30 */
.producto-cab .titular{font-size:clamp(3rem,7vw,5.5rem);letter-spacing:-.045em}
.pasos{margin:0;display:grid}
.pasos>div{padding:28px 0;border-bottom:1px solid var(--linea)}
.pasos>div:first-child{padding-top:0}
.pasos dt{font:800 clamp(1.75rem,2.8vw,2.5rem) var(--display);font-stretch:108%;letter-spacing:-.035em;color:var(--papel);margin-bottom:10px}
.pasos dd{margin:0;color:var(--tenue);max-width:50ch}
.estado{margin-top:32px;background:var(--noche-2);border-radius:var(--r-chico);padding:22px 24px;font-size:.9688rem;color:#B9CECB}
.estado b{color:var(--papel);font-weight:600}

/* Capturas de la aplicacion */
.pantallas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px);margin-top:72px}
.pantallas figure{margin:0}
.captura{display:block;width:100%;padding:0;border:0;background:var(--noche-2);border-radius:var(--r);overflow:hidden;cursor:zoom-in;aspect-ratio:9/14;transition:transform .5s var(--sale)}
.captura img{width:100%;height:100%;object-fit:cover;object-position:top}
.captura:hover{transform:translateY(-6px)}
.pantallas figcaption{margin-top:18px;color:var(--tenue);font-size:.9688rem}
.pantallas figcaption b{display:block;font:700 1.25rem var(--display);color:var(--papel);letter-spacing:-.02em;margin-bottom:4px}

/* Equipo */
.filtros{display:flex;flex-wrap:wrap;gap:10px;margin:56px 0 32px}
.filtros button{font:600 .9375rem var(--cuerpo);color:var(--tenue);background:transparent;border:1px solid var(--linea);border-radius:999px;padding:9px 18px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}
.filtros button:hover{color:var(--papel);border-color:var(--tenue)}
.filtros button[aria-pressed="true"]{background:var(--papel);color:var(--noche);border-color:var(--papel)}
.rostros{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 20px;align-items:start}
.rostro{padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer;font:inherit;display:block}
.rostro img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 18%;border-radius:var(--r);background:var(--noche-2);transition:transform .5s var(--sale),filter .3s}
.rostro:hover img{transform:scale(1.03)}
.rostro strong{display:block;font:700 1.125rem var(--display);color:var(--papel);letter-spacing:-.02em;margin-top:14px}
.rostro span{display:block;font-size:.875rem;color:var(--tenue);line-height:1.35;margin-top:2px}
.capacidades{margin-top:64px;padding-top:28px;border-top:1px solid var(--linea)}
.capacidades h3{font-size:1.25rem;font-weight:700;letter-spacing:-.02em}
.capacidades p{color:var(--tenue);font-size:.9688rem;margin:6px 0 20px;max-width:60ch}
.capacidades div{display:flex;flex-wrap:wrap;gap:10px}
.capacidades button{font:400 .9375rem var(--cuerpo);color:var(--texto);background:var(--noche-2);border:0;border-radius:999px;padding:9px 16px;cursor:pointer;transition:background .2s}
.capacidades button:hover{background:var(--noche-3)}

/* Glosario */
.glosario{margin-top:96px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(32px,5vw,72px);align-items:start}
.glosario-cab{position:sticky;top:calc(var(--nav) + 32px)}
.glosario-cab h3{font-size:clamp(1.75rem,2.6vw,2.25rem);font-weight:800;font-stretch:108%;letter-spacing:-.03em}
.glosario-cab>p{color:var(--tenue);margin-top:12px}
.glosario-cab label{display:block;font-size:.875rem;font-weight:600;color:var(--texto);margin:28px 0 8px}
.glosario-cab input{width:100%;font:400 1rem var(--cuerpo);color:var(--papel);background:var(--noche-2);border:1px solid var(--linea);border-radius:var(--r-chico);padding:13px 16px}
.glosario-cab input::placeholder{color:#7F9A97}
.glosario-cab input:focus{outline:2px solid var(--luz);outline-offset:1px;border-color:transparent}
.glosario-vacio{margin-top:16px;color:var(--texto)}
.temas{display:grid;gap:12px}
.tema{background:var(--noche-2);border-radius:var(--r)}
.tema>summary{list-style:none;cursor:pointer;padding:22px 26px;display:flex;justify-content:space-between;align-items:baseline;gap:16px;font:700 1.25rem var(--display);color:var(--papel);letter-spacing:-.02em}
.tema>summary::-webkit-details-marker{display:none}
.tema>summary small{font:400 .8125rem var(--mono);color:var(--tenue);white-space:nowrap}
.tema[open]>summary{border-bottom:1px solid var(--linea)}
.terminos{padding:8px 26px 22px}
.termino{padding:20px 0}
.termino+.termino{border-top:1px solid var(--linea)}
.termino h4{font:700 1.0625rem var(--display);color:var(--luz);margin:0 0 10px;letter-spacing:-.01em}
.termino dl{margin:0;display:grid;gap:8px}
.termino dl>div{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:14px}
.termino dt{font:400 .75rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tenue);padding-top:5px}
.termino dd{margin:0;color:#C9DAD8;font-size:.9688rem}
.termino dd strong{color:var(--papel);font-weight:600}
.termino dd ul{margin:6px 0 0;padding-left:1.1em;display:grid;gap:4px}
.termino code{font-family:var(--mono);font-size:.9em}
.tabla{overflow-x:auto;margin-top:10px}
.termino table{border-collapse:collapse;font-size:.9063rem;min-width:420px}
.termino th,.termino td{text-align:left;padding:8px 14px 8px 0;border-bottom:1px solid var(--linea);vertical-align:top}
.termino th{font:400 .75rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tenue)}

/* Fundadores */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:72px}
.duo article{background:var(--noche-2);border-radius:var(--r);overflow:hidden;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr)}
.duo img{width:100%;height:100%;object-fit:cover;object-position:center 15%;min-height:340px}
.duo article>div{padding:clamp(24px,3vw,40px);align-self:center}
.duo h3{font-size:clamp(1.5rem,2.4vw,2rem);font-weight:800;font-stretch:108%;letter-spacing:-.03em}
.duo .cargo{color:var(--luz);font-size:.9375rem;margin:8px 0 16px}
.duo p{color:var(--tenue)}

/* Cierre y pie */
.cierre .titular{max-width:16ch}
.cierre .acciones{margin-top:40px}
.pie{border-top:1px solid var(--linea);padding-block:32px;color:var(--tenue);font-size:.875rem}
.pie .ancho{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 32px}
.pie-logo{width:132px;height:auto;border-radius:14px;flex-basis:132px;margin-right:auto}

/* Ficha y visor */
dialog{border:0;padding:0;color:var(--texto);background:var(--noche-2);border-radius:var(--r);width:min(860px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 40px 80px -20px rgba(0,0,0,.7)}
dialog::backdrop{background:rgba(3,9,9,.72);backdrop-filter:blur(6px)}
.cerrar{font:600 .875rem var(--cuerpo);color:var(--texto);background:var(--noche-3);border:0;border-radius:999px;padding:8px 16px;cursor:pointer}
.cerrar:hover{background:#1A3633}
#ficha .cerrar{position:sticky;top:16px;float:right;margin:16px 16px 0 0;z-index:1}
.ficha{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr)}
.ficha>img{width:100%;height:100%;max-height:560px;object-fit:cover;object-position:center 15%}
.ficha-texto{padding:36px clamp(24px,3vw,40px) 40px}
.ficha-texto h2{font-size:2.25rem;font-weight:800;font-stretch:108%;letter-spacing:-.035em}
.ficha-rol{color:var(--luz);margin-top:6px}
.ficha-meta{font:400 .75rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--tenue);margin-top:10px}
.ficha-lead{font-size:1.125rem;color:var(--papel);margin-top:22px}
.ficha-texto h3{font-size:1.0625rem;font-weight:700;margin:26px 0 10px}
.ficha-texto ul{margin:0;padding-left:1.1em;display:grid;gap:8px;color:#C9DAD8}
.ficha-texto li::marker{color:var(--teal)}
.ficha-texto p+p{margin-top:8px}
.ficha-texto .cuerpo{color:#C9DAD8}
.ficha-vacia{color:var(--tenue);margin-top:22px}
#visor{width:min(520px,calc(100% - 32px))}
.visor-cab{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px 14px 22px}
.visor-cab h2{font-size:1.125rem;font-weight:700}
#visor img{width:100%}

/* Entrada al hacer scroll: parte visible, y solo se anima donde el navegador lo soporta */
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    .titular,.bajada,.mosaico .pieza,.pantallas figure,.duo article,.cifras>div,.plan li,.contra-col{animation:sube linear both;animation-timeline:view();animation-range:entry 0% entry 42%}
    @keyframes sube{from{opacity:.25;transform:translateY(28px)}to{opacity:1;transform:none}}
    .hero .titular,.hero .bajada{animation:none}
  }
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media (max-width:1100px){
  .rostros{grid-template-columns:repeat(4,minmax(0,1fr))}
  .nav nav{gap:18px}
}
@media (max-width:860px){
  .nav nav{display:none}
  .nav .btn{margin-left:auto}
  .hero{min-height:0}
  .hero-arte{background-position:78% center;opacity:.55}
  .hero::after{background:linear-gradient(0deg,var(--noche) 0%,rgba(7,18,17,.55) 60%,rgba(7,18,17,.75) 100%)}
  .hero-texto{padding-block:96px 72px}
  .trio,.partido,.mosaico,.reglas,.glosario,.duo{grid-template-columns:minmax(0,1fr)}
  .trio{gap:32px;margin-top:48px}
  .partido>.titular,.producto-cab,.glosario-cab{position:static}
  .pieza-grande{grid-row:auto}
  .pieza-ancha{flex-direction:column;align-items:flex-start}
  .reglas ul{grid-template-columns:minmax(0,1fr)}
  .mosaico,.pantallas,.duo{margin-top:48px}
  .pantallas{grid-template-columns:repeat(3,minmax(240px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(clamp(20px,4vw,48px) * -1);padding-inline:clamp(20px,4vw,48px);padding-bottom:8px}
  .pantallas figure{scroll-snap-align:center}
  .rostros{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 14px}
  .glosario{margin-top:64px}
  .ficha{grid-template-columns:minmax(0,1fr)}
  .ficha>img{max-height:300px}
}
@media (max-width:560px){
  .rostros{grid-template-columns:repeat(2,minmax(0,1fr))}
  .duo article{grid-template-columns:minmax(0,1fr)}
  .duo img{min-height:0;aspect-ratio:4/3}
  .termino dl>div{grid-template-columns:minmax(0,1fr);gap:2px}
  .tema>summary{padding:18px 20px}
  .terminos{padding:4px 20px 18px}
}

/* Contraste: lo que ofrecen otros vs lo que hacemos */
.contraste{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:64px}
.contra-col{border-radius:var(--r);padding:clamp(28px,3.4vw,44px)}
.contra-col h3{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin-bottom:22px}
.contra-col ul{list-style:none;margin:0;padding:0;display:grid;gap:0}
.contra-col li{padding:16px 0;border-top:1px solid var(--linea);font-size:1.0625rem}
.contra-ellos{border:1px solid var(--linea)}
.contra-ellos h3{color:var(--tenue)}
.contra-ellos li{color:var(--tenue);text-decoration:line-through;text-decoration-color:rgba(138,165,162,.45)}
.contra-nos{background:linear-gradient(160deg,#0E3134 0%,var(--noche-2) 70%)}
.contra-nos li{color:var(--papel);border-color:rgba(0,229,255,.18)}

/* Prueba propia con cifras grandes y su fuente */
.cifras{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:clamp(28px,4vw,64px);margin-top:72px;align-items:start}
.cifras>div{border-top:1px solid var(--teal);padding-top:22px}
.cifra{font-family:var(--display)!important;font-weight:800;font-stretch:108%;font-size:clamp(3rem,6.2vw,5.25rem);line-height:1;letter-spacing:-.045em;color:var(--luz)!important;margin-bottom:16px}
.cifras>div>p:last-child{color:#B9CECB}

/* Lo que te llevas en cada servicio */
.te-llevas{margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:4px;width:100%}
.te-llevas b{font:400 .75rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--luz)}
.te-llevas span{color:var(--papel);font-size:.9688rem}
.pieza .enlace{margin-top:0}

/* Tus primeros 30 dias */
.plan{list-style:none;margin:72px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;position:relative}
.plan::before{content:"";position:absolute;left:0;right:0;top:7px;height:1px;background:linear-gradient(90deg,var(--teal),var(--luz) 70%,var(--teal))}
.plan li{position:relative;padding:40px 28px 0 0}
.plan li::before{content:"";position:absolute;left:0;top:0;width:15px;height:15px;border-radius:50%;background:var(--noche);border:2px solid var(--luz)}
.plan li:last-child::before{background:var(--luz);box-shadow:0 0 0 6px rgba(0,229,255,.12)}
.plan-cuando{font:400 .8125rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--luz)}
.plan h3{font-size:1.375rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:10px 0}
.plan p{color:var(--tenue)}

/* Riesgo */
.riesgo{background:linear-gradient(180deg,var(--noche) 0%,#081A19 100%)}
.reglas-lista{list-style:none;margin:0;padding:0}
.reglas-lista li{padding:24px 0;border-bottom:1px solid var(--linea)}
.reglas-lista li:first-child{padding-top:0}
.reglas-lista li:last-child{border-bottom:0}
.reglas-lista h3{font-size:1.375rem;font-weight:700;letter-spacing:-.02em;margin-bottom:6px}
.reglas-lista p{color:var(--tenue)}

/* Cita del fundador */
.cita{margin:40px 0 0;font-family:var(--display);font-weight:700;font-size:clamp(1.5rem,2.8vw,2.375rem);line-height:1.2;letter-spacing:-.03em;color:var(--texto);max-width:30ch}

/* Preguntas */
.faq{display:grid;gap:12px}
.faq details{background:var(--noche-2);border-radius:var(--r-chico)}
.faq summary{list-style:none;cursor:pointer;padding:20px 56px 20px 24px;font:700 1.125rem var(--display);color:var(--papel);letter-spacing:-.015em;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:24px;top:50%;width:10px;height:10px;border-right:2px solid var(--luz);border-bottom:2px solid var(--luz);transform:translateY(-70%) rotate(45deg);transition:transform .3s var(--sale)}
.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq details p{padding:0 24px 22px;color:#C9DAD8;max-width:60ch}

@media (max-width:860px){
  .contraste,.cifras{grid-template-columns:minmax(0,1fr)}
  .contraste,.cifras{margin-top:48px}
  .plan{grid-template-columns:minmax(0,1fr);margin-top:48px}
  .plan::before{left:7px;right:auto;top:0;bottom:0;width:1px;height:auto;background:linear-gradient(180deg,var(--teal),var(--luz))}
  .plan li{padding:0 0 32px 40px}
}

/* Pagina Control 30 (04-oct-2026): hero propio, plan de 5 pasos, voz del agente, tabla de fuentes, si/no */
.hero-c30{min-height:min(78dvh,680px);background:radial-gradient(120% 90% at 85% 10%,rgba(0,229,255,.10),transparent 55%),var(--noche)}
.hero-c30 h1{max-width:15ch}
.hero-c30 .hero-texto p:not(.rotulo):not(.nota){max-width:46ch}
.hero-c30 .nota{margin-top:28px}
.plan-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.voz{margin-top:72px;background:var(--noche-2);border:1px solid var(--linea);border-radius:var(--r);padding:28px clamp(20px,3vw,40px);font-family:var(--mono);font-size:.9375rem;line-height:1.9;color:#C9DAD8;max-width:640px}
.voz p+p{margin-top:2px}
.voz span{color:var(--luz);margin-right:14px;font-variant-numeric:tabular-nums}
.voz .voz-etiqueta{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--tenue);margin-bottom:12px}
.tabla-c30{margin-top:56px;border-top:1px solid var(--linea)}
.tc-fila{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--linea);color:var(--tenue)}
.tc-fila b{color:var(--papel);font-weight:600}
.tc-cab{font:400 .8125rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--luz);padding-block:14px}
.si-no{display:grid;gap:40px}
.si-no h3{font-size:1.375rem;font-weight:700;letter-spacing:-.02em;margin-bottom:14px}
.si-no ul{margin:0;padding-left:1.1em;color:var(--tenue);display:grid;gap:8px}
.si-no li::marker{color:var(--luz)}
.nav nav a[aria-current="page"]{color:var(--papel)}
@media (max-width:1100px){.plan-5{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:32px}}
@media (max-width:860px){
  .plan-5{grid-template-columns:minmax(0,1fr)}
  .tc-fila{grid-template-columns:minmax(0,1fr);gap:4px}
  .tc-cab{display:none}
  .tc-fila span:nth-child(2)::before{content:"Fuente: ";color:var(--luz)}
}
.producto-cab .titular{font-size:clamp(2rem,3.7vw,3.125rem);max-width:14ch}
.producto-cab .acciones{margin-top:32px}

/* Control 30, v2 (04-oct-2026 14:30): garantia unica, tabla del ecosistema, etiqueta "en construccion" */
.garantia{margin-top:56px;background:var(--noche-2);border:1px solid var(--teal);border-radius:var(--r);padding:clamp(24px,3vw,40px);max-width:78ch}
.garantia .rotulo{margin-bottom:12px}
.garantia p+p,.garantia p:last-child{color:#C9DAD8;font-size:1rem;line-height:1.65}
.garantia b{color:var(--papel)}
.tag-obra{font:400 .6875rem var(--mono);letter-spacing:.1em;text-transform:uppercase;font-style:normal;color:var(--noche);background:var(--luz);border-radius:999px;padding:2px 9px;margin-left:8px;white-space:nowrap;vertical-align:middle}
.tc-obra{background:rgba(0,229,255,.04)}
.tabla-eco .tc-fila{grid-template-columns:.9fr 2.1fr .8fr;align-items:start}
.trio-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.faq details p b{color:var(--papel)}
@media (max-width:1100px){.trio-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.trio-4{grid-template-columns:minmax(0,1fr)}.tabla-eco .tc-fila{grid-template-columns:minmax(0,1fr)}.tabla-eco .tc-fila span:nth-child(2)::before{content:none}.tabla-eco .tc-fila span:nth-child(3)::before{content:"Decide: ";color:var(--luz)}}
.garantia+.acciones{margin-top:40px}

/* ===== v3 compacta e interactiva (04-oct-2026): menos scroll, mas manos ===== */
.bloque{padding-block:clamp(64px,8vw,112px)}
.titular{font-size:clamp(2rem,4vw,3.25rem)}
.hero{min-height:min(92dvh,800px)}
.hero-texto{padding-block:56px 48px}
.hero-cifras{list-style:none;margin:48px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px}
.hero-cifras li{background:rgba(13,30,29,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--linea);border-radius:16px;padding:14px 18px;display:grid;gap:2px;min-width:180px}
.hero-cifras b{font-size:1.5rem;color:var(--luz)}
.hero-cifras span{font-size:.875rem;color:#B9CECB}
.hero-nota{font-size:.8125rem!important;color:var(--tenue)!important;margin:12px 0 0!important}

.banda-c30{display:flex;align-items:center;gap:18px;max-width:1200px;margin:0 auto;padding:22px clamp(20px,4vw,48px);text-decoration:none;color:var(--texto);background:linear-gradient(90deg,var(--teal-hondo),#0B3A40 60%,var(--noche-2));border-block:1px solid rgba(0,229,255,.25);transition:filter .25s}
@media (min-width:1201px){.banda-c30{border-radius:var(--r);border:1px solid rgba(0,229,255,.25);margin-block:8px}}
.banda-c30:hover{filter:brightness(1.12)}
.banda-tag{font:400 .75rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--noche);background:var(--luz);border-radius:999px;padding:4px 10px;white-space:nowrap}
.banda-txt{font-size:clamp(1rem,1.6vw,1.25rem)}
.banda-txt b{font-family:var(--display);color:var(--papel)}
.banda-ir{margin-left:auto;font-size:1.5rem;color:var(--luz);transition:transform .3s var(--sale)}
.banda-c30:hover .banda-ir{transform:translateX(6px)}

/* Segmentos y pestañas */
.segmentos{display:inline-flex;flex-wrap:wrap;gap:6px;padding:6px;background:var(--noche-2);border:1px solid var(--linea);border-radius:999px;margin-top:40px}
.segmentos [role=tab],.pestanas-lista [role=tab]{font:600 .9688rem var(--cuerpo);color:var(--tenue);background:transparent;border:0;border-radius:999px;padding:10px 20px;cursor:pointer;transition:background .25s,color .25s}
.segmentos [role=tab][aria-selected=true]{background:var(--papel);color:var(--noche)}
.segmentos [role=tab]:hover:not([aria-selected=true]),.pestanas-lista [role=tab]:hover:not([aria-selected=true]){color:var(--papel)}
.comparar{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.comparar li{padding:20px 22px;border-radius:16px;font-size:1.0625rem;line-height:1.4;animation:aparece .45s var(--sale) both}
.comparar li:nth-child(2){animation-delay:.05s}.comparar li:nth-child(3){animation-delay:.1s}.comparar li:nth-child(4){animation-delay:.15s}.comparar li:nth-child(5){animation-delay:.2s}
.comparar-nos li{background:linear-gradient(160deg,#0E3134,var(--noche-2));color:var(--papel);border:1px solid rgba(0,229,255,.18)}
.comparar-ellos li{border:1px solid var(--linea);color:var(--tenue);text-decoration:line-through;text-decoration-color:rgba(138,165,162,.5)}
@keyframes aparece{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.pestanas{margin-top:40px}
.pestanas-lista{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--linea);padding-bottom:12px}
.pestanas-lista [role=tab][aria-selected=true]{background:var(--noche-3);color:var(--papel);box-shadow:inset 0 -2px 0 var(--luz)}
.panel{margin-top:28px;background:var(--noche-2);border-radius:var(--r);padding:clamp(24px,3.4vw,44px);display:grid;gap:22px;justify-items:start;animation:aparece .4s var(--sale) both}
.panel-luz{background:linear-gradient(120deg,var(--teal-hondo),#0B3A40 55%,var(--noche-2))}
.panel-lead{font-size:clamp(1.125rem,1.7vw,1.375rem);color:var(--papel);max-width:52ch;line-height:1.45}
.te-llevas{color:#B9CECB;max-width:62ch}
.te-llevas b{color:var(--luz);font-weight:600;margin-right:4px}
.capas-chips{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:100%;counter-reset:capa}
.capas-chips li{counter-increment:capa;background:var(--noche);border:1px solid var(--linea);border-radius:14px;padding:16px;display:grid;gap:6px}
.capas-chips b{font:700 1.0625rem var(--display);color:var(--papel)}
.capas-chips b::before{content:counter(capa) "  ";font:400 .8125rem var(--mono);color:var(--luz)}
.capas-chips span{font-size:.875rem;color:var(--tenue);line-height:1.4}
.enlace-btn{background:none;border:0;padding:0;font:inherit;font-weight:600;cursor:pointer}

/* Paso a paso */
.pasos-ui{margin-top:40px}
.pasos-lista{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;position:relative}
.pasos-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.pasos-lista::before{content:"";position:absolute;left:0;right:0;top:7px;height:1px;background:var(--linea)}
.pasos-lista [role=tab]{position:relative;text-align:left;background:none;border:0;padding:30px 12px 10px 0;color:var(--tenue);font:700 1.0625rem var(--display);cursor:pointer;transition:color .2s}
.pasos-lista [role=tab]::before{content:"";position:absolute;left:0;top:0;width:15px;height:15px;border-radius:50%;background:var(--noche);border:2px solid var(--linea);transition:all .3s var(--sale)}
.pasos-lista [role=tab] span{display:block;font:400 .75rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--tenue);margin-bottom:4px}
.pasos-lista [role=tab][aria-selected=true]{color:var(--papel)}
.pasos-lista [role=tab][aria-selected=true]::before{background:var(--luz);border-color:var(--luz);box-shadow:0 0 0 6px rgba(0,229,255,.14)}
.pasos-lista [role=tab][aria-selected=true] span{color:var(--luz)}
.pasos-lista [role=tab]:hover{color:var(--papel)}
.paso-panel{margin-top:20px;background:var(--noche-2);border-radius:var(--r);padding:26px 28px;min-height:132px;animation:aparece .4s var(--sale) both}
.paso-panel h3{font-size:1.375rem;letter-spacing:-.02em;margin-bottom:8px}
.paso-panel p{color:#B9CECB;max-width:60ch}
.reglas-chips{list-style:none;margin:32px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.reglas-chips li{border:1px solid var(--linea);border-radius:999px;padding:10px 18px;font-size:.9375rem;color:var(--tenue)}
.reglas-chips b{color:var(--papel);font-weight:600}

/* Equipo en carrusel */
.filtros{margin:36px 0 20px}
.carrusel{position:relative}
.rostros{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(150px,15vw,200px);grid-template-columns:none;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px;overscroll-behavior-x:contain}
.rostros::-webkit-scrollbar{display:none}
.rostro{scroll-snap-align:start}
.rostro[hidden]{display:none}
.carrusel-btn{position:absolute;top:calc(50% - 46px);z-index:2;width:46px;height:46px;border-radius:50%;border:1px solid var(--linea);background:rgba(7,18,17,.86);color:var(--papel);font-size:1.25rem;cursor:pointer;transition:opacity .2s,background .2s}
.carrusel-btn:hover{background:var(--noche-3)}
.carrusel-btn:disabled{opacity:0;pointer-events:none}
.carrusel-prev{left:-12px}.carrusel-next{right:-12px}
details.capacidades{margin-top:28px;padding-top:0;border-top:0}
details.capacidades summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:10px;font:600 .9688rem var(--cuerpo);color:var(--luz)}
details.capacidades summary::-webkit-details-marker{display:none}
details.capacidades summary small{font:400 .75rem var(--mono);color:var(--noche);background:var(--luz);border-radius:999px;padding:2px 8px}
details.capacidades[open] summary{margin-bottom:8px}

/* App */
.partido-app{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,72px);align-items:center}
.partido-app .pantallas{margin-top:0;gap:16px}
.pantallas img{max-height:420px;width:auto;margin-inline:auto}
.pantallas figcaption{font-size:.875rem;margin-top:12px}
.pantallas figcaption b{font-size:1.0625rem}

/* Glosario en ventana */
.dlg-glosario{width:min(1040px,94vw);max-height:88dvh;border:1px solid var(--linea);border-radius:var(--r);background:var(--noche);color:var(--texto);padding:0}
.dlg-glosario::backdrop{background:rgba(3,8,8,.72);backdrop-filter:blur(4px)}
.dlg-cab{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:20px 28px;background:var(--noche);border-bottom:1px solid var(--linea)}
.dlg-cab h2{font-size:1.5rem}
.dlg-glosario .glosario{margin:0;padding:24px 28px 32px}
.dlg-glosario .glosario-cab{top:88px}

/* Fundadores compactos */
.cita{margin-top:0}
.duo-mini{display:flex;flex-wrap:wrap;gap:28px 48px;margin-top:36px}
.duo-mini div{display:flex;align-items:center;gap:16px}
.duo-mini img{width:84px;height:84px;border-radius:50%;object-fit:cover;object-position:center 15%}
.duo-mini b{display:block;font:700 1.125rem var(--display);color:var(--papel)}
.duo-mini span{color:var(--tenue);font-size:.9375rem}

/* Control 30 */
.principios{list-style:none;margin:36px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.principios li{font:400 .8125rem var(--mono);letter-spacing:.06em;color:#C9DAD8;border:1px solid var(--linea);border-radius:999px;padding:8px 14px}
.principios li::before{content:"✓ ";color:var(--luz)}
.principios-caso{margin-top:28px}
.como-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start}
.como-grid .voz{margin-top:40px;max-width:none}
.voz .por-escribir{opacity:0;transform:translateY(4px)}
.voz .escrita{opacity:1;transform:none;transition:opacity .4s,transform .4s var(--sale)}
.voz p:last-child::after{content:"";display:inline-block;width:8px;height:1em;margin-left:6px;vertical-align:-2px;background:var(--luz);animation:cursor 1s steps(1) infinite}
@keyframes cursor{50%{opacity:0}}
.tc-fila{padding:16px 0}
.quiz{display:grid;gap:10px}
.quiz label{display:flex;gap:14px;align-items:flex-start;background:var(--noche-2);border:1px solid var(--linea);border-radius:14px;padding:16px 18px;cursor:pointer;transition:border-color .2s,background .2s;font-size:1.0313rem}
.quiz label:hover{border-color:var(--tenue)}
.quiz input{appearance:none;flex:none;width:22px;height:22px;margin:1px 0 0;border:2px solid var(--tenue);border-radius:6px;display:grid;place-content:center;cursor:pointer;transition:all .2s}
.quiz input::after{content:"";width:10px;height:6px;border-left:2px solid var(--noche);border-bottom:2px solid var(--noche);transform:rotate(-45deg) translate(1px,-1px) scale(0);transition:transform .2s var(--sale)}
.quiz input:checked{background:var(--luz);border-color:var(--luz)}
.quiz input:checked::after{transform:rotate(-45deg) translate(1px,-1px) scale(1)}
.quiz label:has(input:checked){border-color:rgba(0,229,255,.45);background:#0E2A2B}
.quiz-resultado{display:block;margin-top:8px;padding:16px 18px;border-radius:14px;color:var(--tenue);border:1px dashed var(--linea);min-height:58px}
.quiz[data-nivel=si] .quiz-resultado{border:1px solid var(--luz);color:var(--papel);background:rgba(0,229,255,.08)}
.quiz[data-nivel=casi] .quiz-resultado{border:1px solid var(--teal);color:var(--texto)}
.quiz-resultado b{color:var(--papel)}
.eco .segmentos{margin-top:32px}
.eco-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}
.eco-card{background:var(--noche-2);border:1px solid var(--linea);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;gap:12px;animation:aparece .4s var(--sale) both}
.eco-card:nth-child(2){animation-delay:.06s}.eco-card:nth-child(3){animation-delay:.12s}
.eco-card h3{font-size:1.1875rem;letter-spacing:-.02em}
.eco-card p{color:#B9CECB;font-size:.9688rem;line-height:1.5}
.eco-card .decide{margin-top:auto;padding-top:12px;border-top:1px solid var(--linea);color:var(--texto);font-size:.9063rem}
.decide span{font:400 .6875rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--luz);margin-right:6px}
.oferta-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px);margin-top:40px;align-items:start}
.oferta-pasos{margin:0;padding:0;list-style:none;display:grid;gap:12px;counter-reset:of}
.oferta-pasos li{counter-increment:of;position:relative;padding:20px 20px 20px 64px;background:var(--noche-2);border-radius:16px;color:#B9CECB}
.oferta-pasos li::before{content:counter(of);position:absolute;left:20px;top:18px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:700 .9375rem var(--display);color:var(--noche);background:var(--luz)}
.oferta-pasos b{color:var(--papel)}
.garantia{margin-top:0;max-width:none}
.garantia-lead{font:700 clamp(1.25rem,2vw,1.5rem)/1.3 var(--display);color:var(--papel)!important;letter-spacing:-.02em}
.criterios{list-style:none;margin:20px 0;padding:0;display:grid;gap:10px}
.criterios li{padding-left:30px;position:relative;color:#C9DAD8}
.criterios li::before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:rgba(0,229,255,.15);color:var(--luz);font-size:.75rem;display:grid;place-items:center}
.garantia details summary{cursor:pointer;color:var(--luz);font-weight:600}
.garantia details p{margin-top:12px;font-size:.9375rem!important}

@media (max-width:1100px){.capas-chips{grid-template-columns:repeat(3,minmax(0,1fr))}.eco-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:860px){
  .hero-cifras li{min-width:0;flex:1 1 140px}
  .banda-txt{font-size:.9688rem}
  .capas-chips{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .pasos-lista,.pasos-5{display:flex;overflow-x:auto;gap:0;scrollbar-width:none}
  .pasos-lista [role=tab]{flex:0 0 auto;min-width:118px}
  .partido-app,.como-grid,.oferta-grid{grid-template-columns:minmax(0,1fr)}
  .pantallas{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .pantallas figure{flex:0 0 58%;scroll-snap-align:start}
  .eco-panel{grid-template-columns:minmax(0,1fr)}
  .carrusel-btn{display:none}
  .segmentos{border-radius:18px}
  .comparar{grid-template-columns:minmax(0,1fr)}
}
[hidden]{display:none!important}
/* v3, ajuste de largo */
.pie{padding-block:22px}
.pie-logo{width:56px!important;flex-basis:56px!important;border-radius:10px}
.rostros{grid-auto-columns:clamp(128px,11.5vw,160px)}
.rostro strong{font-size:1rem;margin-top:10px}
.rostro span{font-size:.8125rem}
.cierre .cita{font-size:clamp(1.25rem,2.2vw,1.875rem);max-width:36ch}
.cierre .duo-mini{margin:24px 0 56px}
.cierre-titular{margin-top:0}
.dolores{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:1040px}
.dolores li{background:rgba(13,30,29,.8);border:1px solid var(--linea);border-radius:16px;padding:16px 18px;color:#B9CECB;font-size:.9375rem;line-height:1.45}
.dolores b{display:block;color:var(--papel);font-family:var(--display);font-size:1.0625rem;margin-bottom:4px}
.hero-c30{min-height:auto}
.hero-c30 .hero-texto{padding-block:72px 64px}
.paso-panel{min-height:0;padding:22px 26px}
.tc-fila{padding:13px 0}
#mide .titular,#oferta .titular,#como .titular,#caso .titular{max-width:24ch}
@media (max-width:860px){.dolores{grid-template-columns:minmax(0,1fr)}.dolores li{padding:12px 16px}}
.bloque{padding-block:clamp(52px,6vw,80px)}
.hero{min-height:min(86dvh,740px)}
.tabla-2 .tc-fila{grid-template-columns:1.1fr 1fr}.tabla-c30.tabla-2{margin-top:0}
#caso .titular{max-width:30ch;font-size:clamp(1.875rem,3.4vw,2.75rem)}#caso .bajada{margin-top:16px}.eco-card{padding:20px}
.cierre-partido{align-items:start}.cierre-partido .titular{max-width:16ch}.cierre-partido .faq summary{font-size:1rem;padding-block:16px}

/* ===== ronda 1 del evaluador (04-oct-2026) ===== */
/* versus: las dos columnas a la vista */
.versus{list-style:none;margin:36px 0 0;padding:0;display:grid;gap:8px}
.versus li{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.versus span{padding:16px 20px;border-radius:14px;font-size:1.0313rem;line-height:1.4}
.versus .c-ellos{border:1px solid var(--linea);color:var(--tenue);text-decoration:line-through;text-decoration-color:rgba(138,165,162,.5)}
.versus .c-nos{background:linear-gradient(160deg,#0E3134,var(--noche-2));color:var(--papel);border:1px solid rgba(0,229,255,.18)}
.versus .versus-cab span{padding:0 4px 4px;border:0;background:none;font:400 .75rem var(--mono);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--tenue)}
.versus .versus-cab span:last-child{color:var(--luz)}
/* linea de tiempo visible */
.plan.linea{margin-top:40px}
.linea li{padding-right:20px}
.linea h3{font-size:1.1875rem}
.linea p{font-size:.9688rem}
.linea-vertical{grid-template-columns:minmax(0,1fr)!important;margin-top:32px!important}
.linea-vertical::before{left:7px!important;right:auto!important;top:8px!important;bottom:8px!important;width:1px!important;height:auto!important;background:linear-gradient(180deg,var(--teal),var(--luz))!important}
.linea-vertical li{padding:0 0 22px 40px!important}
.linea-vertical h3{margin:4px 0 4px!important}
.acciones-medio{margin-top:32px}
/* consola estatica */
.como-grid .voz{margin-top:32px;position:sticky;top:calc(var(--nav) + 24px)}
/* rostros: cuadrado y desde arriba, sin recortes impropios */
.rostro img{aspect-ratio:1/1;object-position:center 8%}
.cita cite{display:block;margin-top:12px;font:400 .875rem var(--mono);letter-spacing:.08em;font-style:normal;color:var(--luz);text-transform:uppercase}
/* hero de control 30 con el producto */
.hero-c30-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,4vw,64px);align-items:center}
.hero-c30 .rotulo{letter-spacing:.08em}
.hero-c30 .dolores{grid-template-columns:minmax(0,1fr);max-width:none}
.tablero{margin:0;background:linear-gradient(170deg,#0F2726,var(--noche-2));border:1px solid rgba(0,229,255,.22);border-radius:var(--r);padding:22px;box-shadow:0 30px 80px -30px rgba(0,229,255,.25)}
.tablero figcaption{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.tablero figcaption span{font:700 1rem var(--display);color:var(--papel)}
.tablero figcaption em{font:400 .6875rem var(--mono);letter-spacing:.1em;text-transform:uppercase;font-style:normal;color:var(--tenue)}
.tablero table{width:100%;border-collapse:collapse;font-size:.9375rem}
.tablero th{font:400 .6875rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--tenue);text-align:left;padding:0 0 8px}
.tablero th:last-child,.tablero td:last-child{text-align:right}
.tablero td{padding:11px 0;border-top:1px solid var(--linea);color:#C9DAD8}
.tablero td:last-child{font:600 1rem var(--mono);font-variant-numeric:tabular-nums}
.tablero .bien{color:#7FE3C4}
.tablero .mal{color:#F5B3A0}
.tablero .alerta td{background:rgba(178,59,59,.12)}
.tablero .alerta td:first-child{box-shadow:inset 3px 0 0 #F5B3A0;padding-left:10px}
.tablero .sindato td{color:var(--tenue);font-style:italic}
.tablero .sindato td:last-child{font:400 .8125rem var(--mono);font-style:normal}
.tablero-nota{margin-top:14px!important;font-size:.9063rem!important;color:#C9DAD8!important;max-width:none!important}
.tablero-nota b{color:#F5B3A0}
.tablero-nota span{display:block;color:var(--tenue);font-size:.8125rem;margin-top:4px}
/* faq mas aire */
.faq summary{line-height:1.3}
/* pie limpio */
.pie-logo{display:none}
@media (max-width:860px){
  .versus li{grid-template-columns:minmax(0,1fr);gap:4px;margin-bottom:10px}
  .versus .versus-cab{display:none}
  .versus .c-ellos::before{content:"Te ofrecen: ";text-decoration:none;display:inline}
  .versus .c-ellos{font-size:.9375rem;padding:10px 16px}
  .plan.linea{grid-template-columns:minmax(0,1fr)}
  .hero-c30-grid{grid-template-columns:minmax(0,1fr)}
  .como-grid .voz{position:static}
  .pantallas{padding-inline:2px;margin-inline:0}
  .pantallas figure{flex-basis:62%}
  .pie .ancho{flex-direction:column;align-items:flex-start;gap:4px}
  .cierre-partido #preguntas{order:-1}
}
@media (max-width:480px){
  .marca span{display:none}
  .nav-in{gap:16px}
  .hero{min-height:auto}
  .hero-texto{padding-block:40px 32px}
  .hero-cifras li{flex:1 1 100%}
}
.mide-col{margin-top:32px;position:sticky;top:calc(var(--nav) + 24px)}.mide-col .tc-fila{grid-template-columns:1fr 1fr;font-size:.9375rem}@media (max-width:860px){.mide-col{position:static}}
.hero .rotulo{font-size:.8125rem;max-width:none;margin:0 0 22px;line-height:1.5;color:var(--luz)}
@media (max-width:480px){
  .hero-cifras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:32px}
  .hero-cifras li{min-width:0;padding:12px 10px}
  .hero-cifras b{font-size:1.0625rem}
  .hero-cifras span{font-size:.75rem;line-height:1.3}
  .hero .rotulo{font-size:.75rem}
}

/* ===== ronda 2 del evaluador (05-oct-2026) ===== */
/* equipo: seis destacados en grilla, el resto a pedido */
.destacados{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-top:36px}
.rostro img{aspect-ratio:5/4;object-position:center 0%}
.rostro-dest .rol{display:block;color:var(--luz)!important;font-size:.875rem!important;margin-top:2px}
.rostro-dest .linea{display:block;color:var(--tenue);font-size:.875rem;line-height:1.4;margin-top:4px}
.equipo-todo{margin-top:28px}
.equipo-todo summary{cursor:pointer;list-style:none;display:inline-flex;gap:8px;align-items:center;font:600 .9688rem var(--cuerpo);color:var(--luz);padding:10px 18px;border:1px solid var(--linea);border-radius:999px;transition:border-color .2s}
.equipo-todo summary::-webkit-details-marker{display:none}
.equipo-todo summary::after{content:"+";font-size:1.125rem;line-height:1}
.equipo-todo[open] summary::after{content:"–"}
.equipo-todo summary:hover{border-color:var(--luz)}
.equipo-todo .carrusel{margin-top:20px}
/* cierre en dos columnas */
.cierre-dos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center}
.cierre-dos .duo-mini{margin:24px 0 0}
.cierre-dos .cierre-titular{max-width:14ch}
/* textos chicos: minimo 13px */
.hero-nota,.tablero-nota span,.tablero figcaption em,.tablero th,.decide span,.tag-obra,.voz-etiqueta,.banda-tag{font-size:.8125rem!important}
/* versus en celular: la etiqueta no va tachada */
.versus .c-ellos::before{display:inline-block;text-decoration:none;color:var(--tenue);margin-right:4px}
/* control 30: tablero alineado arriba */
.hero-c30-grid{align-items:start}
.hero-c30-grid .tablero{margin-top:72px}
/* ficha en celular */
@media (max-width:860px){
  .destacados{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
  .cierre-dos{grid-template-columns:minmax(0,1fr)}
  .hero-c30-grid .tablero{margin-top:8px}
  .nav nav{display:flex!important;margin-left:auto;gap:0}
  .nav nav a{display:none}
  .nav nav a.nav-movil{display:inline;font-size:.875rem;color:var(--papel)}
  .nav-in{gap:14px}
  .mide-col .tc-fila{grid-template-columns:minmax(0,1fr);gap:2px}
  .banda-c30{flex-wrap:wrap;gap:8px 12px}
  .banda-txt{flex:1 1 220px}
  #ficha .cerrar{position:absolute;top:12px;right:12px;margin:0;float:none;background:rgba(7,18,17,.9)}
  .ficha>img{max-height:240px;object-position:center 8%}
}
@media (min-width:861px) and (max-width:1100px){.destacados{grid-template-columns:repeat(3,minmax(0,1fr))}}


/* ===== celular tipo app (propuesta agente movil, 05-oct-2026) ===== */
/* M1. Retratos con su proporcion: el height="400" del <img> ganaba al aspect-ratio (salian 169x400) */
.rostro img{height:auto}

/* M2. Barra inferior: tres saltos y el WhatsApp siempre a un toque */
.barra-app{display:none}
@media (max-width:860px){
  .barra-app{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:25;align-items:center;gap:4px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:rgba(7,18,17,.94);backdrop-filter:saturate(160%) blur(18px);-webkit-backdrop-filter:saturate(160%) blur(18px);border-top:1px solid var(--linea)}
  .barra-app a:not(.btn){flex:1 1 0;min-width:0;min-height:44px;display:grid;place-items:center;text-decoration:none;font:600 .875rem/1.15 var(--cuerpo);color:var(--tenue);border-radius:12px;text-align:center;transition:color .2s,background .2s}
  .barra-app a[aria-current]{color:var(--papel);background:var(--noche-3)}
  .barra-app .btn{flex:none;min-height:44px;padding:10px 16px;font-size:.9375rem}
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  html{scroll-padding-bottom:80px}
  .nav .btn-chico{display:none}
}
@media (max-width:380px){.barra-app{gap:2px;padding-inline:6px}.barra-app a:not(.btn){font-size:.8125rem}.barra-app .btn{padding-inline:12px}}
@media (prefers-reduced-transparency:reduce){.barra-app{background:var(--noche);backdrop-filter:none;-webkit-backdrop-filter:none}}

/* M3. Listas largas que se deslizan de lado en celular, con pasos numerados (lo arma nva-ui.js) */
.desliza-puntos{display:none}
@media (max-width:860px){
  .desliza:not([hidden]){display:flex!important;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;margin-inline:calc(clamp(20px,4vw,48px) * -1);padding:2px clamp(20px,4vw,48px) 4px;scroll-padding-inline:clamp(20px,4vw,48px)}
  .desliza::-webkit-scrollbar{display:none}
  .desliza>*{flex:0 0 min(84%,340px);scroll-snap-align:start}
  .plan.desliza::before,.plan.desliza li::before{display:none!important}
  .plan.desliza li{padding:20px!important;background:var(--noche-2);border:1px solid var(--linea);border-radius:16px}
  .plan.desliza h3{margin:6px 0!important}
  .desliza-puntos{display:flex;justify-content:center;margin-top:4px}
  .desliza-puntos button{width:44px;height:44px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center;font:600 .8125rem var(--mono);color:var(--tenue)}
  .desliza-puntos button::before{content:attr(data-n);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--linea);transition:background .2s,color .2s,border-color .2s}
  .desliza-puntos button[aria-current=true]::before{background:var(--luz);border-color:var(--luz);color:var(--noche)}
  .eco-panel[hidden]+.desliza-puntos{display:none}
}

/* M4. Control 30 en celular: el tablero sube justo despues del boton; los dolores van despues, deslizables */
@media (max-width:860px){
  .hero-c30-grid{display:flex;flex-direction:column;gap:0}
  .hero-c30-grid>div:first-child{display:contents}
  .hero-c30-grid .tablero{order:1;margin-top:28px}
  .hero-c30-grid .dolores{order:2;margin-top:24px}
  .hero-c30-grid .desliza-puntos{order:3}
  .hero-c30 .hero-texto{padding-top:32px}
}

/* M5. Pestañas de servicios: cuadricula 2x2 pareja en vez de dos filas chuecas */
@media (max-width:860px){
  .pestanas-lista{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}
  .pestanas-lista [role=tab]{padding:10px 12px;text-align:center}
}

/* M6. Toques de 44 px minimo (WCAG 2.5.5) */
.btn-chico,.marca,.cerrar,.segmentos [role=tab],.pestanas-lista [role=tab]{min-height:44px}
.cerrar{min-width:44px;padding-inline:18px}
.enlace-btn,.acciones .enlace{display:inline-flex;align-items:center;min-height:44px}
.garantia details summary{display:flex;align-items:center;min-height:44px}
.nota .enlace,.faq p .enlace,.quiz-resultado .enlace{padding-block:10px}
@media (max-width:860px){.nav nav a.nav-movil{display:inline-flex;align-items:center;min-height:44px;padding-inline:12px}}

/* M7. Comparacion y cinco capas mas compactas en celular */
@media (max-width:860px){
  .versus{gap:14px}
  .versus li{gap:4px;margin-bottom:0}
  .versus .c-ellos{border:0;padding:0 4px;font-size:.9375rem}
  .capas-chips{grid-template-columns:minmax(0,1fr);gap:0;border-top:1px solid var(--linea)}
  .capas-chips li{grid-template-columns:7.25rem minmax(0,1fr);align-items:baseline;gap:10px;background:none;border:0;border-bottom:1px solid var(--linea);border-radius:0;padding:12px 0}
}

/* M8. Fichas y glosario como hoja que sube desde abajo, con Cerrar siempre a mano */
@media (max-width:860px){
  #ficha,.dlg-glosario{width:100%;max-width:none;margin:auto 0 0;max-height:92dvh;border-radius:20px 20px 0 0}
  #ficha .cerrar{position:sticky;top:12px;float:right;margin:12px 12px -56px 0;background:rgba(7,18,17,.9)}
}
@media (max-width:860px) and (prefers-reduced-motion:no-preference){
  #ficha[open],.dlg-glosario[open]{animation:hoja .35s var(--sale)}
  @keyframes hoja{from{transform:translateY(40px);opacity:.4}}
}

/* M9. Letra minima de 13 px en el hero del celular */
@media (max-width:480px){
  .hero .rotulo{font-size:.8125rem}
  .hero-cifras span,.te-llevas b{font-size:.8125rem}
}

/* M10. Movimiento reducido: tambien se apagan las entradas de paneles y tarjetas */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important}}

/* M12. Hero liviano en celular */
@media (max-width:860px){.hero-arte{background-image:url('night-atlas-hero-780.webp')}}

/* ===== ronda 3: agente visual (05-oct-2026), sin [1] hero nuevo ni grises (decide Jorge) ni [10] (lo cubre el agente movil) ===== */

/* ===== ronda 3 · dirección de arte (05-oct-2026) =====
   Pegar AL FINAL de nva.css. Cada bloque es independiente y lleva su número de PROPUESTA.md. */

/* [9] Sistema: radios sueltos a token, menú más opaco, logo sin «chip» */
:root{--r-chico:12px;--texto-2:#C9DAD8}
.hero-cifras li,.dolores li,.comparar li,.oferta-pasos li,.versus span,.capas-chips li,.quiz label,.quiz-resultado,.reglas-chips li{border-radius:var(--r-chico)}
.nav{background:rgba(7,18,17,.88)}
.marca img{mix-blend-mode:lighten;border-radius:0}

/* [2] La Regla de la Luz: un solo acento por pantalla (el botón y la palabra del titular) */
.rotulo,.hero .rotulo{color:var(--tenue);letter-spacing:.1em}
.hero-c30 .rotulo{color:var(--texto-2)}
.acciones .enlace,.nota .enlace{color:var(--papel);border-bottom-color:rgba(255,255,255,.28)}
.acciones .enlace:hover,.nota .enlace:hover{color:var(--luz);border-color:var(--luz)}
.plan-cuando,.te-llevas b,.decide span,.versus .versus-cab span:last-child{color:var(--tenue)!important}
.banda-tag,.tag-obra{background:transparent;color:var(--papel);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.tablero .bien{color:var(--papel)}
.principios li::before{color:var(--tenue)}
.principios li{font:400 .9375rem var(--cuerpo);letter-spacing:0}
.tc-cab{color:var(--tenue)!important}
.oferta-pasos li::before{background:var(--noche-3);color:var(--papel);box-shadow:inset 0 0 0 1px var(--linea)}
#para-quien .partido{align-items:center}
.faq summary::after{border-color:var(--tenue)}
.faq details[open] summary::after{border-color:var(--luz)}
.cita cite{color:var(--tenue)}

/* [3] Titulares a 2 líneas: medida más ancha, escala con techo */
.titular{font-size:clamp(2rem,3.6vw,3rem);max-width:24ch;line-height:1.04}
#distinto .titular{max-width:28ch}
.partido>.titular,.partido>div>.titular{font-size:clamp(1.75rem,2.6vw,2.25rem);max-width:none}
.cierre-dos .cierre-titular{max-width:17ch;font-size:clamp(1.875rem,3vw,2.5rem)}
.cierre-partido .titular{max-width:15ch}
.hero-c30 h1{font-size:clamp(2.5rem,4.4vw,3.75rem);max-width:none}
#caso .titular{max-width:34ch;font-size:clamp(1.75rem,2.8vw,2.375rem)}

/* [4] Equipo: del muro de retratos a una nómina; los rostros pasan a ser fichas, no protagonistas */
.rostro img{height:auto}                       /* bug: el alto del atributo anulaba aspect-ratio */
.destacados{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:40px}
.rostro-dest{position:relative;display:block;min-height:84px;padding:14px 18px 14px 86px;border:1px solid var(--linea);border-radius:var(--r-chico);transition:border-color .2s,background .2s}
.rostro-dest img{position:absolute;left:14px;top:50%;translate:0 -50%;width:56px;height:56px;aspect-ratio:1;border-radius:50%;object-position:center 12%}
.rostro-dest:hover,.rostro-dest:focus-visible{border-color:rgba(0,229,255,.45);background:var(--noche-2)}
.rostro-dest:hover img{transform:none}
.rostro-dest strong{margin-top:0;font-size:1.0625rem}
.rostro-dest .rol{color:var(--texto-2)!important;font-size:.875rem!important}
.rostro-dest .linea{font-size:.875rem;color:var(--tenue)}
@media (min-width:861px){
  #equipo .ancho{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(32px,5vw,80px);align-items:end}
  #equipo .ancho>*{grid-column:1/-1}
  #equipo .ancho>.rotulo{grid-column:1;grid-row:1}
  #equipo .ancho>.titular{grid-column:1;grid-row:2}
  #equipo .ancho>.bajada{grid-column:2;grid-row:1/span 2;margin:0;align-self:end}
}

/* [5] «Te van a ofrecer» como libro mayor: dos columnas, filetes, nada de cajas */
.versus{gap:0;margin-top:32px}
.versus li{gap:0;border-bottom:1px solid var(--linea)}
.versus li:not(.versus-cab){border-top:0}
.versus span{border:0!important;background:none!important;border-radius:0;padding:18px 24px 18px 0}
.versus .c-nos{position:relative;padding-left:44px;background:rgba(14,49,52,.5)!important}
.versus .c-nos::before{content:"";position:absolute;left:20px;top:50%;width:11px;height:6px;border-left:2px solid var(--texto-2);border-bottom:2px solid var(--texto-2);transform:translateY(-75%) rotate(-45deg)}
.versus .versus-cab{border-bottom:1px solid var(--linea)}
.versus .versus-cab span{padding-bottom:12px}
.versus .versus-cab span:last-child{padding-left:44px;background:none!important}
.versus li:nth-child(2) .c-nos{border-radius:var(--r-chico) var(--r-chico) 0 0}
.versus li:last-child .c-nos{border-radius:0 0 var(--r-chico) var(--r-chico)}
@media (max-width:860px){
  .versus li{border:0;margin-bottom:12px}
  .versus .c-ellos{padding:0 0 6px}
  .versus .c-nos{border-radius:var(--r-chico)!important;padding:14px 16px 14px 40px}
  .versus .c-nos::before{left:16px}
}

/* [6] Servicios: panel en dos columnas y capas como regla numerada (sin cajas dentro de cajas) */
.capas-chips{grid-template-columns:minmax(0,1fr)!important;gap:0}
.capas-chips li{display:grid;grid-template-columns:minmax(0,10.5rem) minmax(0,1fr);gap:4px 16px;align-items:baseline;background:none;border:0;border-top:1px solid rgba(255,255,255,.08);border-radius:0;padding:13px 0}
.capas-chips li:last-child{border-bottom:1px solid rgba(255,255,255,.08)}
.capas-chips span{font-size:.9375rem}
.te-llevas{border-top:0;padding-top:0}
@media (min-width:861px){
  .panel:has(.capas-chips){grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);column-gap:clamp(32px,4vw,64px);align-items:start}
  .panel:has(.capas-chips)>.capas-chips{grid-column:2;grid-row:1/span 2}
  .panel:has(.capas-chips)>.te-llevas{grid-column:1;grid-row:2}
}
@media (max-width:560px){.capas-chips li{grid-template-columns:minmax(0,1fr);gap:2px}}

/* [7] Control 30, hero: titular a 3 líneas, dolores en franja de 3 bajo las dos columnas */
.hero-c30-grid{align-items:center;row-gap:clamp(36px,4vw,56px)}
.hero-c30-grid .tablero{margin-top:0}
.hero .tablero-nota{margin-bottom:0!important}
.hero-c30-grid>.dolores{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,40px);margin:0;max-width:none}
.hero-c30-grid>.dolores li{background:none;border:0;border-top:1px solid var(--linea);border-radius:0;padding:16px 0 0;font-size:.9688rem}
@media (max-width:860px){.hero-c30-grid>.dolores{grid-template-columns:minmax(0,1fr);gap:0}.hero-c30-grid>.dolores li{padding:14px 0}}

/* [8] Preguntas con filetes, no con cajas (las dos páginas) */
.faq{gap:0;border-top:1px solid var(--linea)}
.faq details{background:none;border-radius:0;border-bottom:1px solid var(--linea)}
.faq summary{padding:20px 44px 20px 0}
.faq summary::after{right:6px}
.faq details p{padding:0 0 22px}
.faq summary:hover{color:var(--texto-2)}

/* [11] Cierre: el mismo resplandor del hero cierra la página (sujetalibros) */
.cierre{background:radial-gradient(60% 80% at 85% 100%,rgba(0,229,255,.07),transparent 62%)}

/* [12] Legibilidad: nada de contenido bajo 14px; las etiquetas mono pierden tracking */
.rostro span,.decide,.eco-card .decide,.tablero td,.tablero-nota span,.hero-nota{font-size:.875rem!important}
.plan-cuando,.tc-cab,.tablero th,.decide span,.cita cite{letter-spacing:.06em!important}
.versus .versus-cab span,.te-llevas b,.hero .rotulo{font-size:.8125rem!important}

@media (max-width:860px){
  .hero-grid{grid-template-columns:minmax(0,1fr);padding-block:36px 48px}
  .turno{padding:18px 18px 6px}
  .turno li{padding:11px 0 11px 4.75rem;font-size:.9375rem}
  .turno li::before{left:3.25rem;top:17px}
  .turno time{top:12px}
  .destacados{grid-template-columns:minmax(0,1fr)!important;gap:8px}
  .rostro-dest{padding:10px 14px 10px 80px;min-height:76px}
  .rostro-dest img{left:10px}
}
@media (max-width:480px){
  .titular,#caso .titular,.partido>.titular,.partido>div>.titular,.cierre-dos .cierre-titular{font-size:1.875rem;letter-spacing:-.035em}
  .turno li:nth-child(2){display:none}
  .hero-cifras{margin-top:28px}
}
@media (max-width:860px){.oferta-pasos.desliza li{background:var(--noche-2)}}
/* evaluacion final (05-oct-2026): nota del hero alineada y del tamaño de nota */
.hero-c30 .hero-texto .nota{align-self:flex-start;text-align:left;font-size:.9375rem;color:var(--tenue);margin-top:14px;max-width:none}
.cierre .nota a.enlace{white-space:nowrap}

/* ===== 05-oct-2026: rostros enteros en la ficha y la app como telefono interactivo ===== */
/* La ficha muestra la foto cuadrada y anclada arriba: la cabeza entra entera, nunca se corta la frente ni el menton */
.ficha>img{width:100%;height:auto!important;max-height:none!important;aspect-ratio:1/1;object-fit:cover;object-position:50% 0!important;align-self:start}
.rostro-dest img{object-position:50% 6%!important}
.rostro:not(.rostro-dest) img{aspect-ratio:1/1;object-position:50% 0!important}
@media (max-width:860px){
  .ficha>img{width:min(100%,420px);margin-inline:auto;display:block;border-radius:0}
  #ficha .cerrar{top:12px;right:12px}
}

/* La app */
.app-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,96px);align-items:center}
.app-lista{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:12px}
.app-lista li{color:var(--tenue);padding-left:22px;position:relative}
.app-lista li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--teal)}
.app-lista b{color:var(--papel)}
.telefono{justify-self:center;width:min(340px,100%);aspect-ratio:9/18.5;background:#050d0c;border:1px solid #23403d;border-radius:44px;padding:18px 16px 12px;display:flex;flex-direction:column;box-shadow:0 40px 90px -40px rgba(0,229,255,.35),inset 0 0 0 6px #0a1716}
.ap-cab{display:flex;align-items:center;justify-content:space-between;padding:6px 6px 14px;border-bottom:1px solid var(--linea)}
.ap-logo{width:28px;height:28px;border-radius:8px;background:url('logo-nva-simbolo.jpg') center/cover}
.ap-cab em{font:400 .6875rem var(--mono);letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:var(--tenue)}
.ap-panel{flex:1;padding:16px 6px 8px;overflow:hidden;animation:aparece .35s var(--sale) both}
.ap-tit{font:700 1rem var(--display);color:var(--papel);margin-bottom:12px}
.ap-tit b{color:var(--luz)}
.ap-sub{margin-top:18px}
.ap-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ap-grid div{aspect-ratio:1;border-radius:50%;border:1px solid #23403d;display:grid;place-content:center;text-align:center;padding:10px;background:radial-gradient(circle at 50% 30%,#0f2a29,#071211)}
.ap-grid b{font:600 1.375rem var(--mono);color:var(--papel)}
.ap-grid span{font-size:.75rem;color:var(--tenue);line-height:1.25;margin-top:2px}
.ap-sube{color:#7FE3C4!important}.ap-baja{color:#F5B3A0!important}.ap-ojo{color:#F5B3A0!important}
.ap-msg{margin-top:16px;font-size:.875rem;color:#C9DAD8;text-align:center}
.ap-barra{height:8px;border-radius:99px;background:#122725;overflow:hidden;margin-bottom:16px}
.ap-barra i{display:block;height:100%;background:var(--luz)}
.ap-agenda{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ap-agenda li{display:flex;gap:12px;align-items:center;background:#0d1e1d;border:1px solid var(--linea);border-radius:12px;padding:12px;font-size:.875rem;color:var(--texto)}
.ap-agenda span{font:600 .8125rem var(--mono);color:var(--luz);min-width:40px}
.ap-agentes span{min-width:20px;text-align:center}
.ap-locales{display:grid;gap:10px}
.ap-locales div{background:#0d1e1d;border:1px solid var(--linea);border-radius:12px;padding:12px;display:grid;gap:2px}
.ap-locales span{font-size:.8125rem;color:var(--tenue)}
.ap-locales b{font:600 1.375rem var(--mono);color:var(--papel)}
.ap-locales em{font-style:normal;font-size:.8125rem}
.ap-canales{display:flex;height:34px;border-radius:10px;overflow:hidden;font:600 .75rem var(--mono)}
.ap-canales i{display:grid;place-items:center;font-style:normal;color:var(--noche);background:var(--luz)}
.ap-canales i+i{background:var(--teal);color:var(--papel)}
.ap-anillo{--p:62;width:170px;aspect-ratio:1;margin:8px auto 0;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(closest-side,#071211 78%,transparent 79% 100%),conic-gradient(var(--luz) calc(var(--p)*1%),#122725 0)}
.ap-anillo b{font:600 2rem var(--mono);color:var(--papel)}
.ap-anillo span{font-size:.75rem;color:var(--tenue)}
.ap-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--linea);padding-top:8px}
.ap-tabs [role=tab]{background:none;border:0;color:var(--tenue);font:600 .625rem var(--mono);letter-spacing:.06em;text-transform:uppercase;display:grid;justify-items:center;gap:4px;padding:6px 0;min-height:44px;cursor:pointer;position:relative}
.ap-tabs [role=tab] span{font-size:1rem;line-height:1}
.ap-tabs [role=tab][aria-selected=true]{color:var(--luz)}
.ap-tabs [role=tab][aria-selected=true]::before{content:"";position:absolute;top:-9px;left:25%;right:25%;height:2px;background:var(--luz)}
@media (max-width:860px){
  .app-grid{grid-template-columns:minmax(0,1fr)}
  .app-lista{display:none}
  .telefono{width:min(320px,100%)}
}
@media (prefers-reduced-motion:reduce){.ap-panel{animation:none}}
@media (max-width:860px){.telefono{aspect-ratio:auto;border-radius:36px}.ap-panel{min-height:330px}#app .bajada{margin-bottom:24px}}
.app-compacta{padding-block:clamp(40px,4vw,56px)}
.app-compacta .telefono{width:min(290px,100%);aspect-ratio:auto}
.app-compacta .ap-panel{min-height:300px}
@media (max-width:860px){.app-compacta .ap-panel{min-height:280px}.app-compacta .bajada{font-size:1rem}}

/* Caso real anonimo en Coaching (24-oct-2026) */
.caso-real{margin:20px 0 0;padding:14px 18px;border:1px solid var(--linea);border-radius:16px;background:rgba(13,30,29,.5);font-size:.9375rem;line-height:1.55;color:#B9CECB;max-width:68ch}
.caso-real b{color:var(--texto,#EAF4F2);font-weight:600}