/* V13.6 - Logo do topo respeitando melhor o arquivo 542x113 px */

/*
A logo enviada tem 542x113 px.
A versão anterior ainda era limitada pelo header e pelo wrapper da marca.
Aqui a limitação foi removida no desktop.
*/

.header,
.site-header{
    min-height:118px !important;
    height:auto !important;
    padding-top:14px !important;
    padding-bottom:14px !important;
}

.header .container,
.site-header .container,
.header .header-inner,
.site-header .header-inner,
.header .nav-wrap,
.site-header .nav-wrap{
    min-height:86px !important;
    align-items:center !important;
}

.header .logo,
.site-header .logo,
.header .brand,
.site-header .brand,
.header .logo a,
.site-header .logo a,
.header .brand a,
.site-header .brand a{
    width:542px !important;
    max-width:542px !important;
    min-width:542px !important;
    height:113px !important;
    max-height:113px !important;
    min-height:113px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
}

.header .logo img,
.site-header .logo img,
.header img.logo,
.site-header img.logo,
.header .brand img,
.site-header .brand img{
    width:542px !important;
    max-width:542px !important;
    min-width:542px !important;
    height:113px !important;
    max-height:113px !important;
    min-height:113px !important;
    object-fit:contain !important;
    object-position:left center !important;
    display:block !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    filter:none !important;
}

/* Menu se adapta ao novo espaço da logo */
.header .menu,
.site-header .menu{
    flex:1 1 auto !important;
    justify-content:center !important;
}

/* Botão do topo não deve cortar por causa da logo maior */
.header .btn-search,
.site-header .btn-search,
.header .header-actions,
.site-header .header-actions{
    flex-shrink:0 !important;
}

/* telas médias: reduz proporcionalmente para não invadir menu */
@media(max-width:1280px){
    .header,
    .site-header{
        min-height:100px !important;
        padding-top:10px !important;
        padding-bottom:10px !important;
    }

    .header .logo,
    .site-header .logo,
    .header .brand,
    .site-header .brand,
    .header .logo a,
    .site-header .logo a,
    .header .brand a,
    .site-header .brand a{
        width:380px !important;
        max-width:380px !important;
        min-width:380px !important;
        height:79px !important;
        max-height:79px !important;
        min-height:79px !important;
    }

    .header .logo img,
    .site-header .logo img,
    .header img.logo,
    .site-header img.logo,
    .header .brand img,
    .site-header .brand img{
        width:380px !important;
        max-width:380px !important;
        min-width:380px !important;
        height:79px !important;
        max-height:79px !important;
        min-height:79px !important;
    }
}

@media(max-width:980px){
    .header,
    .site-header{
        min-height:82px !important;
    }

    .header .logo,
    .site-header .logo,
    .header .brand,
    .site-header .brand,
    .header .logo a,
    .site-header .logo a,
    .header .brand a,
    .site-header .brand a{
        width:280px !important;
        max-width:280px !important;
        min-width:280px !important;
        height:58px !important;
        max-height:58px !important;
        min-height:58px !important;
    }

    .header .logo img,
    .site-header .logo img,
    .header img.logo,
    .site-header img.logo,
    .header .brand img,
    .site-header .brand img{
        width:280px !important;
        max-width:280px !important;
        min-width:280px !important;
        height:58px !important;
        max-height:58px !important;
        min-height:58px !important;
    }
}

@media(max-width:560px){
    .header .logo,
    .site-header .logo,
    .header .brand,
    .site-header .brand,
    .header .logo a,
    .site-header .logo a,
    .header .brand a,
    .site-header .brand a{
        width:210px !important;
        max-width:210px !important;
        min-width:210px !important;
        height:44px !important;
        max-height:44px !important;
        min-height:44px !important;
    }

    .header .logo img,
    .site-header .logo img,
    .header img.logo,
    .site-header img.logo,
    .header .brand img,
    .site-header .brand img{
        width:210px !important;
        max-width:210px !important;
        min-width:210px !important;
        height:44px !important;
        max-height:44px !important;
        min-height:44px !important;
    }
}