/* Recorrido visual de la entrevista (guía). Usa los tokens de moderna.css. */
.recorrido{display:grid;gap:28px;margin:24px 0 36px;padding:0;list-style:none;counter-reset:paso}
.paso{display:grid;grid-template-columns:minmax(0,220px) 1fr;gap:20px;align-items:start;padding:18px;border:1px solid rgba(0,0,0,.12);border-radius:14px;background:#fff;counter-increment:paso}
.paso figure{margin:0;border-radius:10px;overflow:hidden;aspect-ratio:9/16;background:#e9e2d4}
.paso figure img{width:100%;height:100%;object-fit:cover;display:block}
.paso h3{margin:0 0 6px;font-size:1.25rem}
.paso h3::before{content:counter(paso);display:inline-grid;place-items:center;width:1.9em;height:1.9em;margin-right:.55em;border-radius:50%;background:#14325c;color:#fff;font-size:.8em;font-weight:700}
.paso .tip{margin:10px 0;padding:10px 12px;border-left:4px solid #d9a21b;background:#fbf4de;border-radius:0 8px 8px 0;font-size:.95rem}
.dialogo{margin:12px 0 0;display:grid;gap:8px}
.dialogo .linea{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;background:#f4f1ea}
.dialogo .linea.sol{background:#e8f0fa}
.dialogo .linea button{width:38px;height:38px;border-radius:50%;border:0;background:#14325c;color:#fff;cursor:pointer;font-size:1rem}
.dialogo .linea button[aria-pressed=true]{background:#2e9b57}
.dialogo .linea .en{font-weight:700;display:block}
.dialogo .linea .es{font-size:.9rem;opacity:.8}
.dialogo .linea small{display:block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;opacity:.65}
@media(max-width:640px){.paso{grid-template-columns:1fr}.paso figure{max-width:260px;margin:0 auto}}
.partes{display:grid;gap:14px;margin:18px 0 30px}
.parte-n400{padding:16px 18px;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:#fff}
.parte-n400 h3{margin:0 0 8px;font-size:1.15rem}
.parte-n400 .num{display:inline-block;margin-right:.5em;padding:.15em .6em;border-radius:999px;background:#14325c;color:#fff;font-size:.78em;font-weight:700}
.parte-n400 p{margin:.4em 0}
.parte-n400 .tip{padding:8px 12px;border-left:4px solid #d9a21b;background:#fbf4de;border-radius:0 8px 8px 0}
.hero-guia{margin:0 0 22px}.hero-guia img{width:100%;height:auto;border-radius:14px;display:block}.hero-guia figcaption{margin-top:6px;font-size:.8rem;opacity:.7}
.videos-ordenes{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin:18px 0 32px;padding:0;list-style:none}
.videos-ordenes li{display:grid;gap:4px}
.videos-ordenes video{width:100%;aspect-ratio:16/9;border-radius:10px;background:#0b1a36;object-fit:cover}
.videos-ordenes strong{font-size:.9rem}.videos-ordenes span{font-size:.8rem;opacity:.75}
.velocidad{display:flex;align-items:center;gap:8px;margin:14px 0 6px;flex-wrap:wrap}
.velocidad span{font-size:.85rem;opacity:.75;margin-right:4px}
.velocidad button{min-width:52px;padding:7px 12px;border:1px solid rgba(0,0,0,.25);border-radius:999px;background:#fff;font:inherit;font-weight:600;font-size:.9rem;cursor:pointer}
.velocidad button[aria-pressed=true]{background:#14325c;border-color:#14325c;color:#fff}
.velocidad--mini{margin:2px 0 2px;gap:6px}.velocidad--mini button{min-width:44px;padding:4px 10px;font-size:.8rem}.velocidad--mini span{font-size:.75rem}