.rt-hero { aspect-ratio: 16/6; border-radius: var(--r-lg); background: center/cover; position: relative; overflow: hidden; display: flex; align-items: flex-end; }
.rt-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.72), rgba(0,0,0,0) 60%); }
.rt-hero > div { position: relative; z-index: 1; color: #fff; padding: var(--sp-6); }
.rt-hero h1 { color: #fff; margin: 4px 0; }
.rt-grid { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: var(--sp-6); margin-top: var(--sp-5); align-items: start; }
.parada { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: var(--sp-3); padding: var(--sp-4) 0; border-bottom: 1px solid var(--line); }
.parada .n { width: 36px; height: 36px; border-radius: 50%; background: var(--ink); color: var(--bg); display: grid; place-items: center; font-family: var(--font-mono); }
.bloqueado { position: relative; max-height: 260px; overflow: hidden; }
.bloqueado > * { filter: blur(5px); user-select: none; pointer-events: none; }
.bloqueado::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, transparent, var(--bg) 85%); }
.paywall { border-color: var(--accent); }
.ver-como { font-size: var(--fs-xs); }
@media (max-width: 900px) { .rt-grid { grid-template-columns: 1fr; } .rt-hero { aspect-ratio: 4/3; } }