/* ═══════════════════════════════════════════════════════════════════════════
   SWEET LITTLE TRAUMA — EL REPRODUCTOR OFICIAL (T96)
   La miniatura es el botón: sin caja. El marco ocupa el cuadro, a 16:9.
   ═══════════════════════════════════════════════════════════════════════════ */
.rep-cuadro { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--i-panel, rgba(255, 255, 255, .06)); }
.rep-abrir { position: relative; display: block; width: 100%; height: 100%; min-height: 44px; padding: 0; border: 0; border-radius: 0; background: none; color: #fff; cursor: pointer; }
.rep-abrir img { display: block; width: 100%; height: 100%; object-fit: cover; }
.rep-abrir:focus-visible { outline: 2px solid currentColor; outline-offset: -4px; }
.rep-rotulo { position: absolute; left: 0; right: 0; bottom: 0; padding: 26px 10px 8px; background: linear-gradient(to top, rgba(0, 0, 0, .72), rgba(0, 0, 0, 0)); font: 600 13px/1.2 var(--sans, var(--f-sans)); text-align: left; text-decoration: underline; text-underline-offset: .2em; }
.rep-marco { display: block; width: 100%; height: 100%; border: 0; }