/*
Arquivo: banner-publicidade.css
Versao: 008
Objetivo: Aparencia publica dos formatos profissionais de publicidade da WelcomePlanet, com trilho lateral para formatos 300px e formatos horizontais no corpo editorial.
Pasta sugerida: /wp/assets/css/banner-publicidade.css
Vinculos: /wp/includes/banners.cfm, /wp/materia.cfm e /wp/assets/js/banner-publicidade.js.
Mudanca V008: retira o 300x250 do fluxo visual do corpo, reforca 300x250/300x600 na coluna lateral desktop e deixa billboard/728x90 com largura editorial adequada.
Como estava antes: V001 permitia o formato materia_inarticle_300x250 dentro da coluna principal, ficando estreito em relacao ao texto.
Restauracao: substituir este arquivo pela V001.
*/

.wp-ad-rotator{
    width:100%;
    max-width:100%;
    margin:20px auto;
    overflow:hidden;
    text-align:center;
}
.wp-ad-label{
    margin:0 0 7px;
    color:rgb(100,116,139);
    font-family:Verdana,Arial,sans-serif;
    font-size:9px;
    font-weight:700;
    letter-spacing:.12em;
    line-height:1.2;
    text-align:center;
    text-transform:uppercase;
}
.wp-ad-stage{
    width:100%;
    min-width:0;
}
.wp-ad-slide{
    display:none;
    width:100%;
    margin:0 auto;
}
.wp-ad-slide.is-active{
    display:block;
    animation:wpAdFadeIn .35s ease both;
}
.wp-ad-link{
    display:block;
    width:100%;
    text-decoration:none;
}
.wp-ad-slide picture{
    display:block;
    width:100%;
}
.wp-ad-image{
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    margin:0 auto;
    border:0;
    border-radius:12px;
    object-fit:contain;
    background:rgb(241,245,249);
}
.wp-ad-html{
    width:100%;
    max-width:100%;
    overflow:hidden;
}

/* Billboard: largura ampla fora da coluna de texto, entre o cabecalho da materia e o conteudo. */
.wp-ad-pos-materia_topo_billboard{
    width:min(970px,100%);
    max-width:970px;
    margin:22px auto 4px;
}
.wp-ad-pos-materia_topo_billboard .wp-ad-image{
    aspect-ratio:970 / 250;
}

/* Trilho lateral: formatos retangulares ficam exclusivamente na coluna direita em desktop. */
.wp-ad-pos-materia_lateral_300x250,
.wp-ad-pos-materia_lateral_300x600{
    width:300px;
    max-width:100%;
    margin:0 auto;
}
.wp-ad-pos-materia_lateral_300x250 .wp-ad-image{
    aspect-ratio:300 / 250;
}
.wp-ad-pos-materia_lateral_300x600 .wp-ad-image{
    aspect-ratio:300 / 600;
}
.wp-ad-sidebar-gap{
    margin:18px 0;
}
.wp-ad-sidebar-premium{
    margin:18px 0 0;
}

/* Corpo editorial: somente formato horizontal, acompanhando a largura visual do texto. */
.wp-ad-inarticle-anchor{
    width:100%;
    max-width:100%;
    margin:30px auto;
    clear:both;
}
.wp-ad-pos-materia_inarticle_728x90{
    width:100%;
    max-width:728px;
    margin:0 auto;
}
.wp-ad-pos-materia_inarticle_728x90 .wp-ad-image{
    aspect-ratio:728 / 90;
}

@keyframes wpAdFadeIn{
    from{opacity:.18;transform:translateY(3px)}
    to{opacity:1;transform:translateY(0)}
}

/* Nao existe coluna lateral no layout responsivo da materia; esses formatos nao invadem o texto no celular. */
@media(max-width:920px){
    .wp-ad-lateral-only{display:none!important}
    .wp-ad-sidebar-gap,.wp-ad-sidebar-premium{display:none!important}
}

/* No celular, formatos horizontais usam a peca mobile 320x100 quando cadastrada. */
@media(max-width:720px){
    .wp-ad-rotator{margin:18px auto}
    .wp-ad-pos-materia_topo_billboard,
    .wp-ad-pos-materia_inarticle_728x90{
        width:min(100%,320px);
        max-width:320px;
    }
    .wp-ad-pos-materia_topo_billboard .wp-ad-image,
    .wp-ad-pos-materia_inarticle_728x90 .wp-ad-image{
        aspect-ratio:320 / 100;
    }
}

/*
Arquivo: banner-publicidade.css
Pasta/caminho sugerido: /wp/assets/css/banner-publicidade.css
Versao: 008
Data: 21/08/2026
Hora: 11:28
Mudanca: reorganiza visualmente os slots para padrao editorial: 300x250/300x600 na lateral desktop e formatos horizontais no corpo.
Como estava antes: V001 tambem estilizada um 300x250 dentro do corpo editorial.
Restauracao: substituir pela V001.
*/