/* Campus FOCUS · Archivo de directos (los mismos estilos del prototipo, campus/css/opera.css, sin el directo) */

/* Biblioteca: la tarjeta «seguir viendo» es la de la portada. Allí se reordena dentro de una columna; aquí no. */
.op-bib .sig { order: 0; }

/* Línea de datos con el rótulo de la sesión delante */
.op-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.op-meta .rotulo { margin-right: 0; }

.op-enlace { display: inline-flex; align-items: center; min-height: 40px; width: fit-content; }

/* Fila de una operativa. En móvil el título ocupa todo el ancho y «Vista» baja a la línea de los minutos; en ancho,
   va al final de la fila. */
.op-fila { grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "n t t" "n m f"; gap: 4px 14px; }
.op-fila > .fila__n { grid-area: n; }
.op-fila > h3 { grid-area: t; }
.op-fila > .meta { grid-area: m; margin-top: 0; }
.op-fila > .fila__fin { grid-area: f; }

/* Filtros de la serie */
.op-filtros { display: grid; gap: 14px; }
.op-filtro { display: grid; gap: 8px; }
.op-filtro .chip { min-height: 40px; }

@media (min-width: 640px) {
  .op-fila { grid-template-areas: "n t f" "n m f"; row-gap: 2px; }
  .op-filtros { grid-template-columns: auto auto; justify-content: start; column-gap: 40px; }
}