/* Box banner: espacio publicitario cuadrado/rectangular (Box - Menú Usados 400x400,
   Box - Publicaciones 300x300, Guía de Precios 972x250/970x250). A diferencia del
   cintillo full-width, respeta el tamaño intrínseco de la imagen/slot GAM.

   Esta clase se reutiliza en 3 contextos con tamaño de negocio distinto, así que el
   tope de tamaño va en un modificador por contexto (--publicaciones, --guia-precios,
   --menu-usados) en vez de un único max-width/max-height acá. overflow:hidden +
   object-fit:contain evitan que un creativo fuera de tamaño rompa el layout o se
   deforme, y el mismo tope se aplica al <iframe> del fallback de GAM (un
   max-width:100% en el <div> padre no lo encoge solo). */
.box-banner-slot {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    overflow: hidden;
}

.box-banner-link,
.box-banner-gam {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.box-banner-img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    object-fit: contain;
}

.box-banner-gam iframe {
    max-width: 100%;
}

/* El tope de ancho/alto de cada variante se aplica sobre los elementos internos
   (link/gam/img), no sobre el .box-banner-slot en sí: en Guía de Precios ese slot
   comparte div con la clase "container" de Bootstrap, que ya trae su propio
   max-width por breakpoint con la misma especificidad — poner ahí otro max-width
   dependería del orden de carga del CSS para saber cuál gana. Los elementos
   internos no tienen ese conflicto. */

/* Box - Publicaciones (sidebar de filtros): 300x300. */
.box-banner-slot--publicaciones .box-banner-link,
.box-banner-slot--publicaciones .box-banner-gam,
.box-banner-slot--publicaciones .box-banner-img {
    max-width: 300px;
    max-height: 300px;
}

/* Guía de Precios (ancho completo bajo el formulario): tamaño de negocio 972x250,
   tamaño estándar GAM más cercano 970x250. */
.box-banner-slot--guia-precios .box-banner-link,
.box-banner-slot--guia-precios .box-banner-gam,
.box-banner-slot--guia-precios .box-banner-img {
    max-width: 970px;
    max-height: 250px;
}

/* Box - Menú Usados (grilla del menú de usados): 400x400. */
.box-banner-slot--menu-usados .box-banner-link,
.box-banner-slot--menu-usados .box-banner-gam,
.box-banner-slot--menu-usados .box-banner-img {
    max-width: 400px;
    max-height: 400px;
}