/*
 * Ajustes propios del sitio administrado por el panel.
 *
 * REGLA: esto NO reemplaza ni edita el CSS de Elementor (public/_el/*.css, que
 * viene del mirror y no se toca). Solo agrega reglas para los casos en que el
 * contenido dejo de ser el congelado y el mirror nunca tuvo una regla que lo
 * contemplara. Cada bloque explica que problema resuelve.
 */

/*
 * Logos de "Nuevas emisiones" (listing 323 -> listing anidado 1151).
 *
 * El mirror venia con UNA sola imagen congelada (720x424), asi que nunca
 * necesito una regla de tamaño: post-1151.css y post-323.css no definen ni
 * width, ni height, ni object-fit para este <img>. Ahora cada tarjeta trae el
 * logo de SU emisor y los logos del directorio tienen proporciones muy
 * distintas entre si (cuadrados, apaisados, verticales), con lo cual cada
 * tarjeta quedaba de un alto diferente y los logos sin alinear.
 *
 * Se les da una caja comun y se encaja el logo dentro sin deformarlo.
 */
.elementor-1151 .elementor-element-255fdc9 img {
  width: 100%;
  height: 120px;
  object-fit: contain;
  object-position: center;
  display: block;
  margin: 0 auto;
}

@media (max-width: 1024px) {
  .elementor-1151 .elementor-element-255fdc9 img {
    height: 100px;
  }
}

@media (max-width: 767px) {
  .elementor-1151 .elementor-element-255fdc9 img {
    height: 90px;
  }
}

/*
 * Franja de logos institucionales del home (contenedor 43af3ac).
 *
 * El mirror la congelo como una grilla de 6 columnas fijas porque tenia
 * exactamente 6 logos. Ahora la cantidad la decide el panel: con 4 quedarian
 * dos columnas vacias a la derecha (logos corridos), y con 8 la segunda fila
 * saldria desalineada. fillLogoStrip agrega esta clase SOLO cuando la cantidad
 * publicada no es 6; con 6 no toca nada y la salida es la del mirror.
 */
.bva-logos-auto {
  --e-con-grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  --justify-items: center;
  --align-items: center;
}

@media (max-width: 767px) {
  .bva-logos-auto {
    --e-con-grid-template-columns: repeat(2, 1fr);
  }
}