/* Ajustes publicos para formato alternativo do logo. */
body.logo-layout-livre .site-header .brand-area,
body.logo-layout-livre .site-header.scrolled .brand-area {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    flex-basis: auto !important;
    gap: 0 !important;
}

body.logo-layout-livre .site-header .header-brand-text,
body.logo-layout-livre .site-header.scrolled .header-brand-text {
    display: none !important;
}

body.logo-layout-livre .site-header .header-logo-wrap,
body.logo-layout-livre .site-header.scrolled .header-logo-wrap {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: clamp(126px, 10vw, 184px) !important;
    height: clamp(84px, 7vw, 126px) !important;
    min-width: clamp(126px, 10vw, 184px) !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

body.logo-layout-livre .site-header .header-logo-img,
body.logo-layout-livre .site-header.scrolled .header-logo-img {
    width: 100% !important;
    height: 75% !important;
    padding: 0 !important;
    border-radius: 0 !important;
    object-fit: contain !important;
    background: transparent !important;
}

/* O modo livre precisa vencer tambem os ajustes tardios do header fixo. */
html body.logo-layout-livre .site-header .header-logo-wrap,
html body.logo-layout-livre .site-header.scrolled .header-logo-wrap,
html body.sitor-mobile-v2.logo-layout-livre .site-header .header-logo-wrap,
html body.sitor-mobile-v2.logo-layout-livre .site-header.scrolled .header-logo-wrap {
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
}

html body.logo-layout-livre .site-header .header-logo-wrap::before,
html body.logo-layout-livre .site-header .header-logo-wrap::after,
html body.logo-layout-livre .site-header.scrolled .header-logo-wrap::before,
html body.logo-layout-livre .site-header.scrolled .header-logo-wrap::after {
    content: none !important;
    display: none !important;
}

html body.logo-layout-livre .site-header .header-logo-img,
html body.logo-layout-livre .site-header.scrolled .header-logo-img {
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
}

body.logo-layout-livre.theme-horizonte .site-header .brand-area,
body.logo-layout-livre.theme-horizonte .site-header.scrolled .brand-area {
    grid-row: 1 / 3 !important;
    align-self: center !important;
    min-height: 0 !important;
    max-width: none !important;
}

body.logo-layout-livre.theme-horizonte .site-header .header-logo-wrap,
body.logo-layout-livre.theme-horizonte .site-header.scrolled .header-logo-wrap {
    width: clamp(150px, 12vw, 224px) !important;
    height: clamp(94px, 8vw, 142px) !important;
    min-width: clamp(150px, 12vw, 224px) !important;
}

body.logo-layout-livre.theme-panorama .site-header .header-logo-wrap,
body.logo-layout-livre.theme-panorama .site-header.scrolled .header-logo-wrap {
    width: clamp(132px, 10vw, 190px) !important;
    height: clamp(86px, 7vw, 126px) !important;
    min-width: clamp(132px, 10vw, 190px) !important;
}

body.logo-layout-livre .mobile-brand-head > img,
body.logo-layout-livre .mobile-menu-logo {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    object-fit: contain !important;
}

html body.sitor-mobile-v2.logo-layout-livre .mobile-overlay .mobile-head .mobile-brand-head > img,
html body.sitor-mobile-v2.logo-layout-livre .mobile-brand-head > img,
html body.sitor-mobile-v2.logo-layout-livre img.mobile-menu-logo {
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
}

@media (max-width: 1199px) {
    body.logo-layout-livre .site-header .brand-area,
    body.logo-layout-livre .site-header.scrolled .brand-area {
        width: auto !important;
        max-width: clamp(132px, 44vw, 202px) !important;
        height: 78px !important;
        min-height: 78px !important;
    }

    body.logo-layout-livre .site-header .header-logo-wrap,
    body.logo-layout-livre .site-header.scrolled .header-logo-wrap,
    body.logo-layout-livre.theme-horizonte .site-header .header-logo-wrap,
    body.logo-layout-livre.theme-horizonte .site-header.scrolled .header-logo-wrap {
        width: clamp(124px, 36vw, 186px) !important;
        height: 74px !important;
        min-width: clamp(124px, 36vw, 186px) !important;
        flex-basis: auto !important;
    }
}

@media (max-width: 575px) {
    body.logo-layout-livre .site-header .brand-area,
    body.logo-layout-livre .site-header.scrolled .brand-area {
        max-width: clamp(118px, 41vw, 168px) !important;
        height: 64px !important;
        min-height: 64px !important;
    }

    body.logo-layout-livre .site-header .header-logo-wrap,
    body.logo-layout-livre .site-header.scrolled .header-logo-wrap,
    body.logo-layout-livre.theme-horizonte .site-header .header-logo-wrap,
    body.logo-layout-livre.theme-horizonte .site-header.scrolled .header-logo-wrap {
        width: clamp(118px, 39vw, 168px) !important;
        height: 64px !important;
        min-width: clamp(118px, 39vw, 168px) !important;
    }
}
