/* Portada: subtítulo del hero y figura de «La tesis». */
.gateway__sub{margin:22px 0 0;font-size:17px;line-height:1.55;color:var(--text-secondary);max-width:40ch}
.gateway__sub strong{font-weight:500;color:var(--text-primary)}
.gateway .gateway__actions{margin-top:26px}
@media(max-width:760px){.gateway__sub{font-size:15px;margin-top:16px}.gateway .gateway__actions{margin-top:20px}}

/* La tesis: «Una pregunta, dos respuestas». La misma pregunta, respondida en redes y en los
   motores. Sin JavaScript, o con movimiento reducido, se ve todo de una vez. */
.ask{margin:0;width:100%;max-width:520px;justify-self:end;display:flex;flex-direction:column;gap:12px}
.ask__head{display:flex;justify-content:space-between;align-items:center;font:500 10.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}
.ask__tag{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary)}
.ask__tag i{width:6px;height:6px;border-radius:50%;background:var(--ln-brand-500)}
.ask__q{display:flex;align-items:baseline;gap:10px;margin:0;padding:16px 20px;border-radius:16px;background:var(--surface-card);border:1px solid var(--border-hairline);font:400 clamp(19px,1.6vw,22px)/1.3 var(--font-quote);font-style:italic;letter-spacing:-.01em;color:var(--text-primary);min-height:62px}
.ask__q q{quotes:"«" "»"}
.ask__cursor{flex:none;width:2px;height:1.1em;background:var(--ln-brand-500);transform:translateY(.15em);opacity:0}
.ask[data-typing] .ask__cursor{opacity:1;animation:ask-blink 1s steps(2) infinite}
@keyframes ask-blink{to{opacity:0}}
.ask__scenes{display:grid;gap:12px}
.ask__stack{display:grid}
.ask__stack>.ask__pane{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .5s var(--ease)}
.ask__stack>.ask__pane[data-current]{opacity:1;visibility:visible}
.ask__pane{padding:16px 18px 14px;border-radius:16px;background:var(--surface-subtle);display:flex;flex-direction:column;gap:10px}
.ask__pane-head{display:flex;align-items:center;gap:10px;margin-bottom:2px;font:500 10.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}
.ask__logos{display:inline-flex;gap:6px}
.ask__logos img{width:18px;height:18px}
.ask__msg,.ask__answer{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:var(--surface-card);border:1px solid var(--border-hairline)}
.ask__msg--voice{border-color:var(--ln-brand-300);background:var(--ln-brand-50)}
.ask__avatar{flex:none;width:28px;height:28px;border-radius:50%;background:var(--ln-neutral-200);color:var(--text-secondary);font:600 11px/28px var(--font-mono);text-align:center}
.ask__avatar--voice{background:var(--ln-brand-500);color:#fff}
.ask__avatar--ai{background:var(--surface-card);border:1px solid var(--border-hairline);display:grid;place-items:center}
.ask__avatar img{width:16px;height:16px}
.ask__msg>div,.ask__answer>div{min-width:0}
.ask__msg b,.ask__answer b{display:block;font-size:12.5px;font-weight:600;color:var(--text-primary);line-height:1.3}
.ask__msg b small{font-weight:500;color:var(--ln-brand-700);margin-left:6px;font-size:11px}
.ask__msg p,.ask__answer p{margin:3px 0 0;font-size:13px;line-height:1.5;color:var(--text-secondary)}
.ask__answer p sup{font:500 9.5px/1 var(--font-mono);color:var(--ln-brand-700);vertical-align:.4em;margin-left:1px}
.ask__sources{margin:0;padding:0;list-style:none;display:grid;gap:4px}
.ask__sources li{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;font-size:12px;color:var(--text-primary);background:var(--surface-card);border:1px solid var(--border-hairline)}
.ask__sources li b{flex:none;width:18px;height:18px;border-radius:5px;background:var(--ln-neutral-200);font:500 10px/18px var(--font-mono);text-align:center;color:var(--text-secondary)}
.ask__sources li small{color:var(--text-muted);font-size:11px}
.ask__sources li.is-signed{border-color:var(--ln-brand-300)}
.ask__sources li.is-signed b{background:var(--ln-brand-500);color:#fff}
.ask__sources li.is-signed small{color:var(--ln-brand-700)}
.ask__rule{margin:2px 0 0;font-size:12.5px;line-height:1.5;color:var(--text-secondary)}
.ask__rule strong{font-weight:500;color:var(--text-primary)}
.ask__foot{margin:0 2px;font:400 11px/1.5 var(--font-mono);color:var(--text-muted);text-align:right}
/* Pasos: con el guion en marcha, lo que aún no ha salido se ve como esqueleto; sin él, todo a la vista */
.ask[data-live] [data-ask-step]{position:relative}
.ask[data-live] [data-ask-step]>*{transition:opacity .45s var(--ease)}
.ask[data-live] [data-ask-step]:not([data-on])>*{opacity:0}
.ask[data-live] [data-ask-step]:not([data-on])::after{content:"";position:absolute;left:50px;right:16px;top:14px;bottom:14px;border-radius:4px;background:repeating-linear-gradient(to bottom,var(--ln-neutral-200) 0 9px,transparent 9px 19px);-webkit-mask:linear-gradient(90deg,#000 55%,transparent 95%);mask:linear-gradient(90deg,#000 55%,transparent 95%);animation:ask-shimmer 1.8s ease-in-out infinite}
.ask[data-live] [data-ask-step]:not([data-on])::before{content:"";position:absolute;left:12px;top:12px;width:28px;height:28px;border-radius:50%;background:var(--ln-neutral-200)}
.ask[data-live] .ask__sources:not([data-on])::before{display:none}
.ask[data-live] .ask__sources:not([data-on])::after{left:12px;top:8px;bottom:8px;background:repeating-linear-gradient(to bottom,var(--ln-neutral-200) 0 14px,transparent 14px 32px)}
.ask[data-live] .ask__rule:not([data-on]){color:transparent}
.ask[data-live] .ask__rule:not([data-on])::before{display:none}
.ask[data-live] .ask__rule:not([data-on])::after{left:0;right:45%;top:5px;bottom:5px;background:var(--ln-neutral-200);-webkit-mask:none;mask:none}
@keyframes ask-shimmer{0%,100%{opacity:.55}50%{opacity:1}}
@media(max-width:1000px){.ask{justify-self:center;max-width:620px}}
@media(max-width:760px){.ask{gap:10px}.ask__q{padding:14px 16px;border-radius:12px}.ask__pane{padding:14px 14px 12px;border-radius:12px}.ask__foot{text-align:left}.ask__msg p,.ask__answer p{font-size:12.5px}}