:root{
    --colorBlue1 : #14A6FF;
    --colorBlue2 : #004A75;
    --colorBlue3 : #00253C;
    /* --gradientBlue : linear-gradient(0deg, var(--colorBlue3) 0%, #003759 100%); */
    --gradientBlue : linear-gradient(0deg, var(--colorBlue3) 0%, var(--colorBlue2) 100%);
    --gradientTransparent : linear-gradient(0deg, rgba(0, 74, 117, 1) 0%, rgba(0, 74, 117, 0) 100%);
}


.header .logo{
    background-image: url(../img/logo-40-azul.png?v=3);
    background: none;
    height:70px;
    background-size: contain;
    position: relative;
    text-indent:0;
}

.header.fixed .logo{
    height: 50px;
}

.header .logo img,
.header .logo svg{
    /* display: none; */
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    top:-20%;
    left:0;
    width: 130%;
    max-width: 136px;
    height: 72px;
}

.highlights .high-pagination span,
.main-highlight{
    color: var(--colorBlue2);
}

.newsletter .bt-submit, .newsletter .bt-submit::before,
.home-thinking .button, .home-thinking .button::before,
.bt-scroll:before,.thinking-list .button,.button.b-green:before,.contact-list .button,
.button:before,.modal .button{
    background: var(--colorBlue2);
}
    .newsletter .bt-submit:hover::before,
    .home-thinking .button:hover::before,
    .bt-scroll:hover:before,.button.b-green:hover:before,.button:hover:before{
        background-color: var(--colorBlue3);
    }


.highlights .format:before,
.webdoor .background{
    background: var(--gradientBlue);
}

.webdoor .image:after{
    background: var(--gradientTransparent);
}

.home-thinking .buttons .bt-spotify{
    background-image: url(../img/circle-spotify.svg?v=2);
}
.home-thinking .buttons .bt-soundcloud{
    background-image: url(../img/circle-soundcloud.svg?v=2);
}

.footer{
    background:  var(--colorBlue3);
    background: var(--gradientBlue);
}
.footer .logo{
    background-image: url(../img/logo-40-laranja.png?v=2);
    background: none;
    text-indent: 0;
    position: relative;
    height: 60px;
}
.footer .logo img,
.footer .logo svg{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    top:-27%;
    left:0;
    width: 100%;
    max-width: 130px;
    height: 68px;
}