/**
 * Estilos frontend para Rotative Ads.
 */
.rotative-ads-slot {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin: 20px 0;
}

.rotative-ads-unit {
    max-width: 100%;
}

.rotative-ads-unit-banner {
    display: block;
}

.rotative-ads-banner-frame {
    display: block;
    max-width: 100%;
}

.rotative-ads-auto {
    display: contents;
}

@media (max-width: 782px) {
    .rotative-ads-slot {
        gap: 12px;
        margin: 16px 0;
    }
}