.hito-banda{position:relative;height:180px;margin:24px 0 32px;overflow:hidden;border-radius:20px;background:#031a3a}
.hito-onda{position:absolute;left:50%;top:12px;width:max(100%,900px);max-width:none;height:150px;margin-left:calc(max(100%,900px) / -2)}
.hito-onda path{fill:none;stroke:var(--cyan);stroke-width:2.5;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.hito-sintonia,.hito-cursor{display:grid;place-items:center;border-radius:50%;background:var(--cobalt)}
.hito-sintonia{position:absolute;left:50%;top:14px;width:38px;height:38px;margin-left:-19px;box-shadow:0 0 0 5px #031a3a}
.hito-sintonia::after{content:"";position:absolute;left:50%;top:42px;width:2px;height:112px;background:linear-gradient(#2aadfc,#2aadfc00)}
.hito-banda-t{position:absolute;left:16px;bottom:12px;max-width:calc(100% - 32px);margin:0;padding:4px 10px;border-radius:8px;background:#0b2a55;color:#e3eefc;font:600 .78rem/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;overflow-wrap:anywhere}
.hito-banda-t span{margin-right:8px;color:#9fd8ff}
.hito-portada{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,240px);gap:32px;align-items:start;margin-bottom:32px}
.hito-portada h1{margin:0 0 14px;font-size:clamp(2.1rem,4.8vw,4rem);letter-spacing:-.035em;line-height:1.05;overflow-wrap:anywhere}
.hito-lead{color:var(--muted);font-size:1.15rem}

.hito-portada-foto{margin:0;min-width:0}
.hito-portada-foto img{display:block;width:100%;height:auto;border-radius:18px}
.hito-portada-foto figcaption{margin-top:8px;color:var(--muted);font-size:.85rem}
.hito-preguntas{list-style:none;display:grid;gap:24px;margin:0;padding:0}
.hito-preguntas>li{min-width:0;padding:clamp(20px,3vw,32px);border:1px solid var(--line);border-radius:20px;background:#fff}
.hito-num{margin:0 0 10px;color:var(--cobalt);font:600 .8rem/1 var(--mono)}
.hito-q{position:relative;display:inline-block;margin:0 0 14px;padding-right:40px;font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.15;letter-spacing:-.02em}
.hito-q-txt{display:inline-block;overflow-wrap:anywhere}
.hito-cursor{position:absolute;left:calc(100% - 28px);top:50%;width:28px;height:28px;margin-top:-14px}
.hito-cursor svg{width:16px;height:16px}
.hito-r{border-left:3px solid var(--cyan);padding-left:18px;overflow-wrap:anywhere}
.hito-r>p:last-child{margin-bottom:0}
.hito-nota{margin-top:8px;color:var(--muted);font-size:.95rem}
.hito-pendientes{margin:32px 0;padding:24px;border:1px solid var(--line);border-radius:20px}
.hito-pendientes h2,.hito-otros h2{margin:0 0 16px;font-size:1.5rem}
.hito-pendientes dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0}
.hito-pendientes dt{margin-bottom:8px;color:var(--muted);font-weight:600}
.hito-pendientes dd{margin:0}
.hito-otros{margin-top:40px}
.hito-otros ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:16px}
.js .hito-banda .hito-onda{transform:translateX(42%)}
.js .hito-banda.is-in .hito-onda{transform:none;transition:transform 2.6s cubic-bezier(.16,1,.3,1)}
.js .hito-q-txt{clip-path:inset(-10% 100% -10% 0)}
.js .hito-cursor{left:0;opacity:0}
.js .hito-r{opacity:0;transform:translateY(6px)}
.js .hito-preguntas li.is-in .hito-q-txt{clip-path:inset(-10% 0 -10% 0);transition:clip-path .9s steps(20,end) .15s}
.js .hito-preguntas li.is-in .hito-cursor{left:calc(100% - 28px);opacity:1;transition:left .9s steps(20,end) .15s,opacity .2s .1s}
.js .hito-preguntas li.is-in .hito-r{opacity:1;transform:none;transition:opacity .4s 1s,transform .4s var(--ease-out) 1s}
@media(max-width:860px){.hito-portada{grid-template-columns:1fr}.hito-portada-foto{width:min(100%,240px)}.hito-pendientes dl{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.js .hito-q-txt{clip-path:none}.js .hito-banda .hito-onda{transform:none}}