/* Índices de fichas (/compare/, /protocols/: template-parts/indice-fichas.php). Patrón del marco
   «índice /industries/» (Figma 28:7371): grupos con su título y tarjetas enlazadas (ficha-comun.css). */
.ficha-indice__grupo + .ficha-indice__grupo { margin-top: var(--sp-48); }
.ficha-indice__grupo-titulo { margin-bottom: var(--sp-24); font-size: var(--fs-28); line-height: var(--lh-sub); letter-spacing: var(--ls-heading); }
@media (min-width: 1024px) {
	.ficha-indice__grupo + .ficha-indice__grupo { margin-top: var(--sp-64); }
	.ficha-indice__grupo-titulo { font-size: var(--fs-35); }
}
.ficha-indice__pie { margin-top: var(--sp-32); max-width: var(--measure); color: var(--arg-text-weak); font-size: var(--fs-18); line-height: 1.55; }

/* ---------- Ola 3 · mosaico de escenas en la cabecera de /protocols/ (componentes/mosaico-fichas.php) ---------- */
.ficha-mosaico { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-12); margin-top: var(--sp-32); }
.ficha-mosaico__celda { position: relative; overflow: hidden; aspect-ratio: 4 / 5; border-radius: var(--radius-md); background: var(--arg-neutral-100); box-shadow: var(--shadow-pop); }
.ficha-mosaico__celda:nth-child(even) { transform: translateY(var(--sp-24)); }
.ficha-mosaico picture, .ficha-mosaico__img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ficha-mosaico__etiqueta {
	position: absolute; left: var(--sp-8); bottom: var(--sp-8); padding: var(--sp-4) var(--sp-8); border-radius: var(--radius-pill);
	background: var(--arg-ink); color: var(--arg-white); font-family: var(--arg-font-mono); font-size: var(--fs-12); text-transform: uppercase; letter-spacing: var(--ls-caps);
}
/* 600-1023: las cuatro en fila; por debajo de 600, 2 × 2 con sus etiquetas (a 390, cuatro en fila
   medían ~85 px y no se distinguía el oficio: revisión Fable ola 3, M-5). */
@media (max-width: 1023px) {
	.ficha-mosaico { gap: var(--sp-8); padding-bottom: var(--sp-16); }
	.ficha-mosaico__celda:nth-child(even) { transform: translateY(var(--sp-16)); }
	.ficha-mosaico__etiqueta { left: var(--sp-8); bottom: var(--sp-8); }
}
@media (min-width: 600px) and (max-width: 1023px) {
	.ficha-mosaico { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
	.ficha-mosaico { gap: var(--sp-16); margin-top: 0; padding-bottom: var(--sp-24); }
	.ficha-mosaico__etiqueta { left: var(--sp-12); bottom: var(--sp-12); }
}
/* La entrada de las celdas, solo con opacidad: el escalonado de las pares es un transform y una animación
   de transform lo pisaba (con «both», todas alineadas al acabar; revisión Fable ola 3, I-1). */
@media (prefers-reduced-motion: no-preference) {
	.ficha-mosaico__celda { animation: ficha-funde .6s ease-out both; animation-delay: calc(.2s + var(--i, 0) * .18s); }
	.ficha-mosaico__img { animation: ficha-foto-acerca 14s cubic-bezier(.2, .6, .2, 1) both; }
}
@keyframes ficha-funde { from { opacity: 0; } to { opacity: 1; } }