
:root{


--max-width: 1600px;

}
.max-width{
    max-width: var(--max-width);
}

html{
    overflow-x: hidden;
    scroll-behavior: smooth;
}

/* BLOCK TRADUÇÃO */
.icon-traducao{
    border-color: rgb(139,187,25, 0);
}
.icon-traducao:hover{
    border: solid;
    border-width: 2px;
    border-color: #00BBFF;
    border-radius: 50%;
    transition: border-color 0.5s;
}
.icon-traducao-active{
    border: solid;
    border-width: 2px !important;
    border-color: #263699;
    border-radius: 50%;
    transition: border-color 0.5s;
}
#elemento-tradutor{
    display: none !important;
}
.skiptranslate {
    display: none !important;
}
.listaLinguas{
    display: inline-block;
}
/* ---- TRADUTOR NAVBAR -----*/

.animate__animated.animate__delay-0-2s {
    -webkit-animation-delay: 0.2s !important;
    animation-delay: 0.2s !important;
    -webkit-animation-delay: calc(var(--animate-delay)* 0.2);
    animation-delay: calc(var(--animate-delay)* 0.2);
}
.animate__animated.animate__delay-0-4s {
    -webkit-animation-delay: 0.4s !important;
    animation-delay: 0.4s !important;
    -webkit-animation-delay: calc(var(--animate-delay)* 0.4);
    animation-delay: calc(var(--animate-delay)* 0.4);
}
.animate__animated.animate__delay-0-6s {
    -webkit-animation-delay: 0.6s !important;
    animation-delay: 0.6s !important;
    -webkit-animation-delay: calc(var(--animate-delay)* 0.6);
    animation-delay: calc(var(--animate-delay)* 0.6);
}
.animate__animated.animate__delay-0-8s {
    -webkit-animation-delay: 0.8s !important;
    animation-delay: 0.8s !important;
    -webkit-animation-delay: calc(var(--animate-delay)* 0.4);
    animation-delay: calc(var(--animate-delay)* 0.4);
}
.animate__animated.animate__delay-1-2s {
    -webkit-animation-delay: 1.2s !important;
    animation-delay: 1.2s !important;
    -webkit-animation-delay: calc(var(--animate-delay)* 0.6);
    animation-delay: calc(var(--animate-delay)* 0.6);
}
.animate__animated.animate__delay-1-4s {
    -webkit-animation-delay: 1.4s !important;
    animation-delay: 1.4s !important;
    -webkit-animation-delay: calc(var(--animate-delay)* 0.4);
    animation-delay: calc(var(--animate-delay)* 0.4);
}
.animate__animated.animate__delay-1-6s {
    -webkit-animation-delay: 1.6s !important;
    animation-delay: 1.6s !important;
    -webkit-animation-delay: calc(var(--animate-delay)* 0.6);
    animation-delay: calc(var(--animate-delay)* 0.6);
}
.animate__animated.animate__delay-1-8s {
    -webkit-animation-delay: 1.8s !important;
    animation-delay: 1.8s !important;
    -webkit-animation-delay: calc(var(--animate-delay)* 0.8);
    animation-delay: calc(var(--animate-delay)* 0.8);
}
/* Oculta elementos que devem iniciar invisíveis antes de animações fadeIn */
.pre-animate-hidden {
    opacity: 0;
}

.bg-profund{
    animation: profundBackground 50s ease-out infinite;
}
.box-image-profund{
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
}
.image-profund{
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* ANIMATIONS */
@keyframes profundBackground {
    0%{
        background-size: cover;
        background-position: bottom center;
    }
    100%{
        background-size: cover;
        background-position: top left;
    }
}