/*
 * Categorías con foto. El esqueleto -rejilla, tarjeta, foto a sangre y zoom- viene
 * de listings.css; aquí solo el panel del nombre.
 */

/*
 * El relleno de la tarjeta lo pone el control (es el hueco entre el panel y el
 * borde de la foto), así que aquí no se toca.
 */

.av-categories .av-category__label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  /* Pegado a la derecha; el ancho lo pone su control */
  margin-left: auto;
  /* Que el relleno no lo saque de la tarjeta al subirlo al 100% */
  box-sizing: border-box;
  max-width: 100%;
  text-align: left;
}

.av-categories .av-card__title {
  min-width: 0;
  /* El nombre de una categoría puede ser largo: aquí sí se deja partir */
  white-space: normal;
}

/* Ni crece ni encoge: la flecha manda el nombre a la izquierda, no al revés */
.av-categories .av-category__flecha {
  flex: 0 0 auto;
}