/* Paginación y buscador de los listados (templates/includes/paginacion.html).
   Archivo propio: solo clases nuevas, para no tocar la piel. */

/* El buscador es un formulario, pero ocupa el lugar exacto que tenía la caja sola. */
.buscador-listado { display: contents; }

.tarjetas .paginacion {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
    gap: 0.6rem 1rem; padding: 0.8rem 1.25rem; border-top: 1px solid var(--linea);
}
.tarjetas .paginacion-pasos { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 0.6rem; margin-left: auto; }
.tarjetas .paginacion-inactiva { opacity: 0.45; pointer-events: none; }
.tarjetas .tarjeta-cabecera .buscador-en-tabla { margin-left: auto; }
@media (max-width: 700px) {
    .tarjetas .paginacion { padding: 0.7rem 1rem; }
    .tarjetas .paginacion-pasos { margin-left: 0; }
}

/* Listados de causas: la leyenda «En qué está» (templates/includes/leyenda_causa.html).
   Un renglón por cuaderno abierto; el del más reciente, en negrita. */
.tarjetas .leyenda-renglon { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.2rem 0.45rem; line-height: 1.35; }
.tarjetas .leyenda-renglon + .leyenda-renglon { margin-top: 0.3rem; }
.tarjetas .leyenda-renglon .etiqueta { flex: none; }
.tarjetas .leyenda-reciente .leyenda-estado { font-weight: 600; color: var(--tinta); }
.tarjetas .celda-titulo .insignia-plazo-vencido { margin-top: 0.25rem; }

/* La etapa de Principal (DS 22, Tribunal de Honor) junto al rótulo del cuaderno (B-107). */
.leyenda-etapa { color: var(--tinta-suave); font-size: var(--t-xs); }