/* ============================================================
   Kuestiona · páginas de VSL (post-registro) — 2026
   Se carga DESPUÉS de kq-2026.css, del que hereda tokens,
   tipografía, .kq-band, .kq-quote, .kq-btn, .kq-dock y .kq-rise.
   Registro visual propio: centrado, cine, sin tarjeta clara.
   ============================================================ */

/* la barra: logo centrado, nada más */
.kq-vnav{display:flex; align-items:center; justify-content:center; gap:14px;
  padding:22px var(--gut); border-bottom:1px solid var(--line)}
.kq-vnav img{height:24px; width:auto}

/* el héroe, estrecho y centrado: todo apunta al vídeo */
.kq-vhero{position:relative; max-width:860px; margin-inline:auto;
  padding:clamp(40px,6vw,76px) var(--gut) clamp(22px,3vw,34px); text-align:center}
.kq-vkicker{display:inline-flex; align-items:center; gap:9px; margin-bottom:20px;
  font-size:11.5px; font-weight:600; letter-spacing:.15em; text-transform:uppercase; color:var(--mint);
  border:1px solid var(--line-2); border-radius:999px; padding:7px 15px}
.kq-vkicker i{width:6px; height:6px; border-radius:50%; background:var(--mint); flex:none;
  box-shadow:0 0 0 0 rgba(101,224,194,.55); animation:kqPulse 2.4s ease-out infinite}
.kq-vhero h1{font-size:clamp(1.95rem,1.1rem + 2.9vw,3.1rem); line-height:1.08; letter-spacing:-.028em;
  text-wrap:balance; margin:0 auto 16px; max-width:20ch}
.kq-vhero h1 em{font-style:normal; color:var(--mint)}
.kq-vhero p{font-size:clamp(1rem,.96rem + .3vw,1.1875rem); line-height:1.55; color:var(--ink-2);
  max-width:54ch; margin:0 auto}

/* el escenario del vídeo */
.video-wrap{position:relative; max-width:980px; margin:0 auto; padding:0 var(--gut)}
.video-frame{position:relative; border-radius:16px; overflow:hidden; background:#000;
  border:1px solid var(--line-2);
  box-shadow:0 40px 90px -30px rgba(0,0,0,.95), 0 0 0 1px rgba(101,224,194,.1)}

/* la llamada a la acción que faltaba, justo debajo del vídeo */
.kq-cta{max-width:980px; margin:clamp(28px,4vw,44px) auto 0; padding:0 var(--gut)}
.kq-cta__in{border:1px solid var(--line-2); border-radius:18px; padding:clamp(26px,3.5vw,40px);
  text-align:center; background:linear-gradient(180deg, rgba(23,213,150,.07), rgba(255,255,255,.015))}
.kq-cta h2{font-size:clamp(1.3rem,1.05rem + .9vw,1.85rem); line-height:1.15; text-wrap:balance;
  margin-bottom:10px}
.kq-cta p{color:var(--ink-2); font-size:1rem; max-width:52ch; margin:0 auto 24px}
.kq-cta small{display:block; margin-top:15px; font-size:12.5px; color:var(--ink-3)}

/* capturas de alumnos */
.kq-shots{display:grid; gap:16px; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:30px}
.kq-shots img{width:100%; height:auto; border-radius:12px; border:1px solid var(--line)}

/* tira de prensa, centrada en estas páginas */
.kq-vpress{border-top:1px solid var(--line); text-align:center}
.kq-vpress__in{max-width:var(--shell); margin-inline:auto; padding:clamp(40px,5vw,64px) var(--gut)}
.kq-vpress p{font-size:11px; font-weight:600; letter-spacing:.16em; text-transform:uppercase;
  color:var(--ink-3); margin-bottom:18px}
.kq-vpress img{margin-inline:auto; height:28px; width:auto; opacity:.72; filter:grayscale(1) brightness(1.95)}
.kq-vpress__txt{display:none; font-size:13px; color:var(--ink-2)}

.kq-band--center{text-align:center}
.kq-band--center h2{margin-inline:auto}
.kq-band--center .kq-quote{text-align:left}

@media (max-width:640px){
  .kq-vpress img{display:none}
  .kq-vpress__txt{display:block}
  .kq-shots{grid-template-columns:1fr; gap:12px}
}

/* ------------------------------------------------------------------
   El marcado del nav de estas páginas es el antiguo (.nav / .logo) y
   su hoja de estilos ya no está. Aquí se le devuelve la forma.
   ------------------------------------------------------------------ */
.nav{display:flex; align-items:center; justify-content:center; gap:14px;
  padding:22px var(--gut); border-bottom:1px solid var(--line); max-width:100%}
.nav .logo{height:24px!important; width:auto!important; flex:none}
.nav [data-persist-nav-layout-grid]{display:flex!important; align-items:center;
  justify-content:center; width:auto!important; max-width:100%}
.nav [data-persist-nav-links-group]{display:none!important}