/* La Tira (spec 2026-09-28 §4.2). Presupuesto propio: ≤ 3 KB. */
body { margin: 0; background: var(--fondo); color: var(--tinta); font-family: var(--gente); font-size: var(--letra-cuerpo); }
.tira { max-width: 34rem; margin: 0 auto; padding: 16px; display: flex; flex-direction: column; gap: 12px; }
.tira a { color: var(--casa); }
.tira-volver, .tira-pie { margin: 0; font-size: 1rem; }
.tira-volver a, .tira-pie a { display: inline-flex; min-height: 44px; align-items: center; }
.tira-serie { margin: 0; font-size: 1rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--tinta-suave); }
.tira-destacado { display: flex; flex-direction: column; gap: 8px; }
.tira-destacado video { display: block; width: 100%; height: auto; max-height: 85vh; aspect-ratio: 9 / 16; object-fit: contain; background: #000; border-radius: var(--r-md); }
.tira-destacado h1 { margin: 0; font-size: 1.6rem; line-height: 1.15; text-wrap: balance; overflow-wrap: anywhere; }
.tira-fecha, .tira-vacia { margin: 0; color: var(--tinta-suave); }
.tira-botones { margin: 0; }
.tira-compartir { display: inline-flex; min-height: 44px; align-items: center; padding: 0 18px; border-radius: 999px; background: var(--casa); color: var(--papel) !important; font-weight: 700; text-decoration: none; }
.tira-fila { min-width: 0; }
.tira-fila p { margin: 0 0 6px; font-size: 1rem; color: var(--tinta-suave); }
.tira-fila ul { list-style: none; margin: 0; padding: 0 0 6px; display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x proximity; }
.tira-fila li { flex: none; width: 64px; scroll-snap-align: start; }
.tira-fila a { display: flex; flex-direction: column; gap: 4px; text-decoration: none; color: var(--tinta); font-size: .875rem; line-height: 1.2; }
.tira-fila img { display: block; width: 64px; height: 114px; object-fit: cover; border-radius: var(--r-sm); border: 3px solid transparent; }
.tira-fila a[aria-current] img { border-color: var(--casa); }
.tira-fila a[aria-current] span { font-weight: 700; }
.tira-fila span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }