/* assets/css/marcas.css — el indice de operadores, /marcas/ (page-marcas.php, B-CRU1). Solo se carga ahi (functions.php):
   fuera de style.css para no cambiar la huella de los criticos de la home y las pilares. */
.marcas-lista { list-style: none; margin: var(--sp5) 0 0; padding: 0; display: grid; gap: var(--sp3); grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); }
.marcas-lista__item {
  display: flex; flex-direction: column; gap: .25rem; min-height: 84px; padding: var(--sp4); border-radius: 16px;
  border: 1px solid var(--rl); color: var(--tx); text-decoration: none;
  transition: border-color 160ms var(--ez), transform 160ms var(--ez);
}
.marcas-lista__item:hover { border-color: var(--ai); transform: translateY(-2px); }
.marcas-lista__item b { font-size: var(--fs-base); font-weight: 800; line-height: 1.25; }
.marcas-lista__item .mo { color: var(--mu); font-size: var(--fs-xs); }
.marcas-texto { margin-top: var(--sp7); }
@media (prefers-reduced-motion: reduce) { .marcas-lista__item { transition: none; } .marcas-lista__item:hover { transform: none; } }
/* El indice /categorias/ (page-categorias.php, B-CIE1 §8): la misma rejilla; la foto de la categoria, si la tiene, arriba. */
.cats-lista__item { overflow: hidden; }
.cats-lista__img { display: block; width: calc(100% + 2 * var(--sp4)); max-width: none; height: auto; aspect-ratio: 16 / 9; object-fit: cover; margin: calc(-1 * var(--sp4)) calc(-1 * var(--sp4)) var(--sp2); }