.rt { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: var(--sp-6); align-items: start; margin-top: var(--sp-5); }
.luz { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--sp-2); }
.luz div { padding: var(--sp-3); border-radius: var(--r-sm); background: var(--surface-2); }
.luz b { display: block; font-family: var(--font-mono); font-size: var(--fs-lg); }
.guias { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: var(--sp-4); margin-top: var(--sp-5); }
.guia { display: flex; flex-direction: column; text-decoration: none; padding: 0; overflow: hidden; }
.guia .capa { aspect-ratio: 16/9; background: center/cover; position: relative; }
.guia .capa .badge { position: absolute; top: 10px; left: 10px; }
.guia .body { padding: var(--sp-4); display: flex; flex-direction: column; gap: 6px; flex: 1; }
.paradas li { display: flex; gap: var(--sp-2); align-items: center; padding: 6px 0; border-bottom: 1px solid var(--line); }
@media (max-width: 900px) { .rt { grid-template-columns: 1fr; } .luz { grid-template-columns: repeat(2, minmax(0, 1fr)); } }