@import url("styles/header.css");
@import url("styles/inicio.css");
@import url("styles/meio.css");
@import url("styles/carrossel.css");
@import url("styles/parceiros.css");
@import url("styles/sobrenos.css");
@import url("styles/compliance.css");
@import url("styles/lgpd.css");
@import url("styles/contato.css");
@import url("styles/footer.css");
@import url("styles/effects.css");


:root {
    --cor-de-fundo: #0B302C;
    --cor-primaria: #1E6661;
    --cor-secundaria: #0C332F;
    --cor-lista-menu: #000000;
    --branco: #FFFFFF;
    --preto: #000000;

    --btn-hover: #1E7C73;
    --btn-linha: #2D5E58; 

    --fonte-principal: "Open Sans";
    --verde-degrade: linear-gradient(229deg, #30A59D 0.98%, #CCFFFB 100%);

    --azul-degrade: linear-gradient(97.54deg, #002F52 35.49%, #326589 165.37%);

}

body {
    background-color: var(--cor-de-fundo);
    font-family: var(--fonte-principal);
    font-size: 16px;
    font-weight: 400;
}

hr {
    margin: 0;
}

.globo__imagem {
    position: absolute;
    z-index: -1;
    width: 500px;
    top: -55px;
    right: 0px;

}

.globo__imagem img {
    width: 100%;
    height: auto;
}

.globo__imagem-mobile {
    display: block;
}

.globo__imagem-web {
    display: none;
}

@media screen and (min-width:1024px) {
    body {
        position: relative;
    }

    .globo__imagem {
        position: absolute;
        z-index: -1;
        width: 500px;
        top: -55px;
        right: 0px;
    
    }
    .globo__imagem-mobile {
        display: none;
    }

    .globo__imagem-web {
        display: block;
    }

    .globo__imagem {
        position: absolute;
        z-index: -1;
        width: 50vw;
        top: 85px;
        right: 0px;
    }
}

@media screen and (min-width:1728px) {


    .globo__imagem {
        top: 149px;
    }

}