/* Artes oficiais: preservar a imagem inteira e a proporção de cada formato. */
.ad-slot picture { display: block; }
.ad-slot:has(img[src*="/oficiais-20260925/"]) picture { aspect-ratio: 2048 / 682; }
.ad-slot--sidebar:has(img[src*="/oficiais-20260925/"]) picture { aspect-ratio: 1122 / 1402; }
.ad-slot img[src*="/oficiais-20260925/"] { aspect-ratio: auto; }
.official-campaigns { padding-block: 34px 56px; }
.official-campaigns h2 { margin: 0 0 24px; }
.official-campaigns__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.official-campaign { display: block; min-width: 0; border-radius: 18px; overflow: hidden; box-shadow: 0 10px 28px rgb(8 41 66 / .12); transition: transform .2s,box-shadow .2s; }
.official-campaign img { display: block; width: 100%; height: auto; aspect-ratio: 1122 / 1402; object-fit: contain; margin: 0; }
.official-campaign:hover { transform: translateY(-4px); box-shadow: 0 14px 32px rgb(8 41 66 / .2); }
.official-campaign:focus-visible,.ad-slot:focus-visible { outline: 3px solid #18bba3; outline-offset: 5px; }
@media(max-width:767px) {
 .ad-slot:has(img[src*="/oficiais-20260925/"]) picture { aspect-ratio: 1122 / 1402; }
 .official-campaigns__grid { grid-template-columns: minmax(0,1fr); gap: 22px; }
 .official-campaigns { padding-block: 24px 38px; }
 .official-campaign { width: 100%; max-width: 440px; margin-inline: auto; }
}
@media(prefers-reduced-motion:reduce) { .official-campaign { transition:none; } }