/* CORES: */
:root {
    --preto:  #000000;
    --branco: #ffffff;
    --cinza: #f6f6fb;
    --azul-1: #123e69;
    --azul-2: #02b9f3;
    --azul-3: #215ea1;
    --amarelo: #ffdd4c;

}

h1, h2, h3, h4, h5, h6{
    font-weight: 600;
}

body {
    background-color: var(--cinza);
}

.h100 {
    height: 100%;
}

.centralize {
    display: flex;
    align-items: center;
    justify-content: center;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------Icones----------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.icon{
    
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------Titulos---------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.ttl {
    
}


/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------Linhas----------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.linha-1 {
    
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------Botoes----------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.botao-1 {
    width: fit-content;
    display: block;
    background-color: var(--branco);
    padding: 7px 30px;
    font-weight: 600;
    color: var(--azul-1);
    border: solid 2px var(--branco);
    border-radius: 30px;
}
.botao-1:hover {
    background-color: var(--azul-1);
    color: var(--branco);
}
.botao-2 {
    background-color: var(--azul-1);
    border: solid 2px var(--azul-1);
    padding: 10px 30px;
    color: var(--branco);
    border-radius: 30px;
    margin: 10px;
    font-weight: 600;
}
.botao-2:hover {
    background-color: var(--branco);
    color: var(--azul-1);
}

span.carousel-control-prev-icon,
span.carousel-control-next-icon {
    background-color: var(--azul-1);
    border: solid 5px var(--azul-1);
    border-radius: 50px;
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------Espaços----------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.espaco-10 {
    display: block;
    width: 100%;
    height: 10px;
}
.espaco-30 {
    display: block;
    width: 100%;
    height: 30px;
}
.espaco-60 {
    display: block;
    width: 100%;
    height: 60px;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------header----------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

header .sup {
    background-color: var(--cinza);
    padding: 5px 0;
}
header .sup p {
    display: inline-block;
    font-weight: 600;
}
header .sup ul {
    float: right;
}
header .sup ul li {
    width: 30px;
    text-align: center;
    display: inline-block;
    padding: 3px 0;
    margin: 0 2px;
    background-color: var(--azul-1);
    color: var(--branco);
    border-radius: 30px;
}
header .inf {
    background-color: var(--branco);
    padding: 5px 0;
    border-bottom: solid 2px var(--cinza);
}
header .inf .conteudo{
    display: flex;
    align-items: center;
}
header .inf .conteudo .direita {
    margin-left: auto;
    text-align: end;
    float: right;
    margin-top: 15px;
}
header .inf .conteudo .direita img {
    max-width: 150px;
}


/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------corpo-----------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#page {
   
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------footer--------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

footer {
    padding: 60px 0;
}
footer .bloco {
    padding: 30px;
    background-color: var(--branco);
    border-radius: 20px;
    box-shadow: 0px 0px 17px -13px #000;
}
footer ul li {
    display: inline-block;
}
footer ul li a {
    width: 30px;
    text-align: center;
    display: block;
    padding: 3px 0;
    margin: 0 2px;
    background-color: var(--azul-1);
    color: var(--branco);
    border-radius: 30px;
}
footer .botao-1 {
    background-color: var(--azul-1);
    color: var(--branco);
    font-weight: 400;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------CAROUSEL--------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.carousel-1 {
    background: linear-gradient(180deg, 
    #FFF 0, 
    rgba(255, 255, 255, .6) 55%, 
    rgba(255, 255, 255, 0) 100%), 
    var(--Gradient-gradient-3, 
    linear-gradient(90deg, #0FF 60%, #0F0 100%));
    padding: 60px 0 120px 0;
}
.carousel-1 .bloco {
    display: flex;
    justify-content: center;
}

.carousel-1 .bloco .conteudo,
.carousel-1 .bloco img {
    max-width: 645px;
    width: 45%;
}
.carousel-1 .bloco .conteudo {
    display: flex;
    align-items: center;
    background-color: var(--azul-1);
    padding: 60px;
    border-radius: 20px 0 0 20px;
}
.carousel-1 .bloco img {
    border-radius: 0 20px 20px 0;
}
.carousel-1 .bloco .conteudo h2 {
    color: var(--azul-2);
}
.carousel-1 .bloco .conteudo p {
    color: var(--branco);
}
.carousel-1 .botoes .botao-1 {
    margin: 10px auto;
}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------ENDERECOS--------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


.enderecos .bloco {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -52px;
    padding: 20px 40px;
    background-color: var(--branco);
    border-radius: 20px;
    box-shadow: 0px 0px 17px -13px #000;
}
.enderecos .bloco .botoes {
    text-align: center;
    margin-left: 40px;
}
.enderecos .bloco .botoes .botao-1 {
    margin: auto;
    background-color: var(--azul-1);
    color: var(--branco);
    font-weight: 400;
}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------botijoes--------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.botijoes .item .imagem {
    background-color: var(--branco);
    text-align: center;
    padding: 50px;
    border-radius: 20px 20px 0 0;
    box-shadow: 0px 0px 17px -13px #000;
}
.botijoes .item .conteudo {
    background-color: var(--azul-1);
    padding: 20px;
    color: var(--branco);
    border-radius: 0 0 20px 20px;
    box-shadow: 0px 0px 17px -13px #000;
}
.botijoes .item .conteudo h3 {
    display: inline;
    color: var(--azul-2);
}
.botijoes .botao-1 {
    float: right;
}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------CTA--------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.cta {
    padding: 80px 0;
    background: var(--Gradient-gradient-3, linear-gradient(90deg, #0FF 60%, #0F0 100%));
    text-align: center;
}
.cta h2 {
    font-weight: 600;
}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------sobre--------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.sobre .sup,
.sobre .inf {
    padding: 50px;
}
.sobre .inf {
    background-color: var(--branco);
}
.sobre img {
    border-radius: 20px;
}
.sobre .conteudo {
    height: 100%;
    display: flex;
    align-items: center;
}
.sobre .conteudo > div {
    margin: 0 30px;
}