/* DD_VERTICAL_BANNER_CUSTOM_V1 */

[data-dd-vertical-banner]{
    width:100%!important;
    min-height:0!important;
    aspect-ratio:1500/591!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:18px!important;
    border:0!important;
    background:
        transparent
        url('/branding/modo-vertical-premium-banner.png')
        center/contain
        no-repeat!important;
    cursor:pointer!important;
}

[data-dd-vertical-banner] > *{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
}

[data-dd-vertical-banner]::before,
[data-dd-vertical-banner]::after{
    display:none!important;
    content:none!important;
}

@media(max-width:900px){
    [data-dd-vertical-banner]{
        border-radius:16px!important;
        aspect-ratio:1500/591!important;
        background-size:contain!important;
    }
}

@media(max-width:520px){
    [data-dd-vertical-banner]{
        border-radius:14px!important;
    }
}

/* DD_VERTICAL_BANNER_RESPONSIVE_V2 */
[data-dd-vertical-banner]{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    margin-left:0!important;
    margin-right:0!important;
    background-size:100% 100%!important;
    background-position:center center!important;
    overflow:hidden!important;
}

/*
 * A versão anterior apenas deixava o conteúdo original invisível.
 * Elementos invisíveis continuam participando do layout e podiam
 * aumentar a largura mínima do banner no mobile. Agora saem do fluxo.
 */
[data-dd-vertical-banner] > *{display:none!important}

@media(max-width:900px){
    [data-dd-vertical-banner]{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        aspect-ratio:1500/591!important;
    }
}

@media(max-width:520px){
    [data-dd-vertical-banner]{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        border-radius:12px!important;
    }
}

/* DD_VERTICAL_BANNER_MOBILE_ONLY_V3 */
@media(min-width:901px){
    [data-dd-vertical-banner]{display:none!important}
}

@media(max-width:900px){
    [data-dd-vertical-banner]{display:block!important}
}