/*
 * Complemento do style.min.css do template (que não é editado): banners do Ad Manager do admi9.
 * Espaço sem banner fica vazio (.am-box:empty) e some junto com a moldura do template.
 */
.am-box { display: flex; justify-content: center; align-items: center; width: 100%; }
.am-box:empty { display: none; }
.am-box a { display: block; max-width: 100%; }

/* Banner sempre responsivo: a arte manda na altura (o Ad Manager põe width/height do espaço na
   <img>, ex.: height="250" num banner 300x100 — o CSS anula a altura fixa). */
.am-box img,
.am-box iframe { display: block; max-width: 100%; height: auto !important; }
.am-box img { width: auto; }

.ad-slot:not(:has(.am-box:not(:empty))),
.ad-box:not(:has(.am-box:not(:empty))),
.ad-banner:not(:has(.am-box:not(:empty))),
.ad-sidebar:not(:has(.am-box:not(:empty))),
.ad-leaderboard:not(:has(.am-box:not(:empty))),
.site-header__ad:not(:has(.am-box:not(:empty))) { display: none; }

/* Com banner: some a moldura do placeholder e a altura fixa do template (250/100/90px e o
   aspect-ratio da faixa) — fica a altura da arte; a largura máxima continua a do espaço, sem
   passar de 100% da tela. */
.ad-slot:has(.am-box:not(:empty)),
.ad-box:has(.am-box:not(:empty)) {
    height: auto;
    min-height: 0;
    aspect-ratio: auto;
    max-width: 100%;
    background: none;
    border: 0;
    border-radius: 0;
}