/* V66 - Dos logos administrables: inicial y al hacer scroll */
.site-header .brand,
.brand{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:var(--site-logo-header-width, 210px) !important;
    max-width:var(--site-logo-header-width, 210px) !important;
    min-width:var(--site-logo-header-width, 210px) !important;
    flex:0 0 var(--site-logo-header-width, 210px) !important;
    transition:width .25s ease, max-width .25s ease, flex-basis .25s ease !important;
}

.site-header .brand img.brand-logo,
.brand img.brand-logo{
    display:block !important;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
    background:transparent !important;
    padding:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    filter:var(--site-logo-filter, drop-shadow(0 0 2px rgba(255,255,255,.95)) drop-shadow(0 6px 14px rgba(255,255,255,.45))) !important;
    transition:opacity .22s ease, transform .22s ease, width .25s ease !important;
}

.site-header .brand .brand-logo--main,
.brand .brand-logo--main{
    width:var(--site-logo-header-width, 210px) !important;
    max-width:var(--site-logo-header-width, 210px) !important;
    opacity:1 !important;
}

.site-header .brand .brand-logo--scrolled,
.brand .brand-logo--scrolled{
    position:absolute !important;
    left:0 !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:var(--site-logo-scrolled-width, 190px) !important;
    max-width:var(--site-logo-scrolled-width, 190px) !important;
    opacity:0 !important;
    pointer-events:none !important;
}

.site-header.is-scrolled .brand,
.inner-page .site-header .brand{
    width:var(--site-logo-scrolled-width, 190px) !important;
    max-width:var(--site-logo-scrolled-width, 190px) !important;
    min-width:var(--site-logo-scrolled-width, 190px) !important;
    flex-basis:var(--site-logo-scrolled-width, 190px) !important;
}

.site-header.is-scrolled .brand .brand-logo--main,
.inner-page .site-header .brand .brand-logo--main{
    opacity:0 !important;
}

.site-header.is-scrolled .brand .brand-logo--scrolled,
.inner-page .site-header .brand .brand-logo--scrolled{
    opacity:1 !important;
}

@media (max-width:768px){
    .site-header .brand,
    .brand{
        width:var(--site-logo-mobile-width, 125px) !important;
        max-width:var(--site-logo-mobile-width, 125px) !important;
        min-width:var(--site-logo-mobile-width, 125px) !important;
        flex-basis:var(--site-logo-mobile-width, 125px) !important;
    }

    .site-header .brand .brand-logo--main,
    .brand .brand-logo--main{
        width:var(--site-logo-mobile-width, 125px) !important;
        max-width:var(--site-logo-mobile-width, 125px) !important;
    }

    .site-header .brand .brand-logo--scrolled,
    .brand .brand-logo--scrolled{
        width:var(--site-logo-mobile-scrolled-width, 115px) !important;
        max-width:var(--site-logo-mobile-scrolled-width, 115px) !important;
    }

    .site-header.is-scrolled .brand,
    .inner-page .site-header .brand{
        width:var(--site-logo-mobile-scrolled-width, 115px) !important;
        max-width:var(--site-logo-mobile-scrolled-width, 115px) !important;
        min-width:var(--site-logo-mobile-scrolled-width, 115px) !important;
        flex-basis:var(--site-logo-mobile-scrolled-width, 115px) !important;
    }
}