/*Start - Animacoes*/
@keyframes piscar{
0%{opacity:1;}
25%{opacity:0;}
50%{opacity:1;}
75%{opacity:0;}
100%{opacity:1;}
}
/*End - Animacoes*/

/*Start - Global*/
html {
scroll-behavior: smooth;
}
body{
margin:0;
padding:0;
font-family: 'Poppins', sans-serif;
font-size: 1vw;
line-height: 1.5vw;
color:var(--preto04);
background-color:#171616;
/*
background-image:url("../templates/home.png");
background-repeat:no-repeat;
background-position:center 21.4vw;
background-size:84vw auto;
*/
}
svg{
vertical-align:middle;
height:100%;
}
/*End - Global*/

/*Start - Scrollbar*/
*{
scrollbar-width: thin;
scrollbar-color: #f9653d var(--preto04);
}
::-webkit-scrollbar{
background-color:var(--preto04);
width:8px;
}
::-webkit-scrollbar-thumb{
background-color:#f9653d;
}
/*End - Scrollbar*/

/*Start - home-base*/
.home-base{
width:100%;
height:2000vw;
background-color:var(--teste00);
float:left;
}
/*End - home-base*/

/*Start - home-01*/
.home-01{
width:100%;
height:46vw;
background-color:var(--teste00);
float:left;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
.home-01-barra{
width:51.2vw;
height:3vw;
background-color:var(--laranja_tati);
float:left;
margin-top:1.1vw;
margin-left:16.4vw;
}
.home-01-box{
width:30.2vw;
height:42vw;
background-color:var(--teste00);
float:left;
margin-top:0vw;
margin-left:16.4vw;
}
.home-01-logo{
width:100%;
height:8.9vw;
background-color:var(--teste00);
float:left;
margin-top:0.8vw;
margin-bottom:0vw;
background-repeat:no-repeat;
background-position:center center;
background-size:23.5vw auto;
}
.home-01-data{
width:9.4vw;
height:2.2vw;
background-color:var(--teste00);
float:left;
margin-top:0vw;
margin-left:10vw;
color: white;
text-align: center;
line-height: 2.3vw;
font-size: 1.25vw;
border: 0.2vw solid var(--laranja_tati);
}
.home-01-texto{
width:100%;
height:20.9vw;
background-color:var(--teste00);
float:left;
margin-top:1.7vw;
margin-bottom:0vw;
color: white;
text-align: center;
opacity: 1;
}
.home-01-texto h1{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
margin-top:0vw;
margin-left:0vw;
color: white;
text-align: center;
font-size: 1.4vw;
line-height: 1.5vw;
}
.home-01-form{
width:100%;
height:auto;
background-color:var(--teste00);
float: left;
margin-top: 2vw;
}
.home-01-form a{
margin:0 auto;
display:table;
}
.home-01-input{
width:20.8vw;
height:1.8vw;
background-color:var(--branco_lente03);
margin:0 auto;
margin-top:0vw;
margin-bottom:0.5vw;
border: 0vw;
border-radius: 5vw;
padding-left: 0.5vw;
color: white;
font-size: 0.9vw;
}
.home-01-input::placeholder {
color:white;
opacity: 1;
}
.home-01-btn{
width:21.5vw;
height:2.8vw;
background-color:var(--laranja_tati);
margin:0 auto;
margin-top:0vw;
margin-bottom:0.5vw;
border: 0vw;
border-radius: 5vw;
color: white;
font-size: 1.3vw;
font-weight: 700;
box-shadow: 0vw 0vw 1.1vw var(--laranja_tati);
cursor: pointer;
}
.home-01-tati{
width:32vw;
height:42vw;
background-color:var(--teste00);
float:left;
margin-top:0vw;
margin-left:2vw;
background-repeat:no-repeat;
background-position:left center;
background-size:31vw auto;
}
a.home-01-btn{
width:100%;
height:1.8vw;
line-height:1.8vw;
background-color:var(--laranja_tati);
margin-top:0vw;
margin-bottom:0.5vw;
border: 0vw;
border-radius: 5vw;
color: white;
font-size: 0.9vw;
font-weight: 700;
box-shadow: 0vw 0vw 1.1vw var(--laranja_tati);
cursor: pointer;
text-decoration:none;
}
/*End - home-01*/

/*Start - temperatura*/
.temperatura{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
background-repeat:no-repeat;
background-position:left center;
background-size:cover;
padding-bottom: 5vw;
}
.temperatura-box{
width:47.5vw;
height:100%;
background-color:var(--teste00);
margin: 0 auto;
}
.temperatura-titulo{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
margin-top:4.4vw;
margin-bottom:0vw;
font-size: 1.9vw;
text-align: center;
font-weight: 900;
color: var(--laranja_tati);
}
.temperatura-sub{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
margin-top:1.4vw;
margin-bottom:3.6vw;
text-align: center;
color: white;
font-size: 1.2vw;
line-height: 1.4vw;
}
.temperatura-linha{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
margin-top:0vw;
margin-bottom:2vw;
display: flex;
justify-content: center;
align-items: center;
}
.temperatura-palavra-esq{
width:40%;
height:7.4vw;
background-color:var(--teste00);
float:left;
margin-top:0vw;
margin-bottom:1vw;
line-height: 7.4vw;
font-size: 3vw;
font-weight: 900;
color: transparent;
-webkit-text-stroke: 0.1vw var(--laranja_tati);
border-right: 0.3vw solid var(--laranja_tati);
padding-left: 1.3vw;
padding-right: 1.3vw;
}
.temperatura-palavra-dir{
width:50%;
height:7.4vw;
background-color:var(--teste00);
float:left;
margin-top:0vw;
margin-bottom:1vw;
line-height: 7.4vw;
font-size: 3vw;
font-weight: 900;
color: transparent;
-webkit-text-stroke: 0.1vw var(--laranja_tati);
border-left: 0.3vw solid var(--laranja_tati);
padding-left: 1.3vw;
padding-right: 1.3vw;
}
.temperatura-texto-esq{
width:43%;
height:auto;
background-color:var(--teste00);
float:left;
margin-top:0vw;
margin-bottom:0vw;
color: white;
line-height: 1.3vw;
font-size: 1.1vw;
padding-left: 0vw;
}
.temperatura-texto-dir{
width:51%;
height:auto;
background-color:var(--teste00);
float:left;
margin-top:0vw;
margin-bottom:0vw;
color: white;
line-height: 1.3vw;
font-size: 1.1vw;
padding-left: 0.7vw;
}
.temperatura-form{
width:20.8vw;
height:auto;
background-color:var(--teste00);
margin: 0 auto;
}
/*End - temperatura*/

/*Start - desafio*/
.desafio{
width:100%;
height:63.4vw;
background-color:white;
float:left;
}
.desafio-box{
width:44.5vw;
height:100%;
background-color:var(--teste00);
margin: 0 auto;
}
.desafio-titulo{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
margin-top:1.7vw;
margin-bottom:3vw;
font-size: 1.9vw;
text-align: center;
font-weight: 800;
color: var(--laranja_tati);
}
.desafio-card{
width:50%;
height:14vw;
background-color:var(--teste00);
float:left;
margin-top:0vw;
margin-bottom:0vw;
}
.desafio-card-icone{
width:100%;
height:6.5vw;
background-color:var(--teste00);
float:left;
margin-top:0vw;
margin-bottom:0vw;
background-repeat:no-repeat;
background-position:center center;
background-size:auto 5.2vw;
}
.desafio-card-titulo{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
margin-top:0vw;
margin-bottom:0vw;
text-align: center;
font-size: 1.4vw;
color: black;
font-weight: 800;
}
.desafio-card-txt{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
margin-top:1vw;
margin-bottom:0vw;
text-align: center;
color: black;
font-size: 1.1vw;
line-height: 1.4vw;
}
.desafio-sub{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
margin-top:2.8vw;
margin-bottom:1.2vw;
font-size: 1.1vw;
text-align: center;
font-weight: 400;
color: var(--laranja_tati);
}
.desafio-form{
width:20.8vw;
height:auto;
background-color:var(--teste00);
margin: 0 auto;
}
/*End - desafio*/

/*Start - presente*/
.presente{
width:100%;
height:56vw;
background-color:var(--teste00);
float:left;
background-repeat:no-repeat;
background-position:right center;
background-size:cover;
}
.presente-box{
width:32vw;
height:auto;
background-color:var(--teste00);
float:left;
margin-top:2vw;
margin-left:27.4vw;
}
.presente-titulo{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
margin-top:1.7vw;
margin-bottom:1vw;
font-size: 2.3vw;
text-align: left;
font-weight: 800;
color: var(--laranja_tati);
}
.presente-txt{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
margin-top:0vw;
margin-bottom:0vw;
text-align: left;
color: white;
font-size: 1.8vw;
line-height: 1.9vw;
}
.presente-caixa{
width:36vw;
height:23vw;
background-color:var(--teste00);
float:left;
margin-top:0vw;
margin-left:-7vw;
background-repeat:no-repeat;
background-position:center -12vw;
background-size:45vw auto;
}
.presente-sub{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
margin-top:0.5vw;
margin-bottom:1.2vw;
font-size: 1.1vw;
text-align: center;
font-weight: 400;
color: var(--laranja_tati);
}
.presente-form{
width:20.8vw;
height:auto;
background-color:var(--teste00);
margin: 0 auto;
}
.bio-tati{
width:32vw;
height:43vw;
background-color:var(--teste00);
float:left;
margin-top:2vw;
margin-left:7.6vw;
background-repeat:no-repeat;
background-position:center center;
background-size:31vw auto;
}
.bio-box{
width:38.5vw;
height:auto;
background-color:var(--teste00);
float:left;
margin-top:4.9vw;
margin-left:0vw;
}
.bio-titulo{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
margin-top:1.7vw;
margin-bottom:1vw;
font-size: 2.35vw;
text-align: left;
font-weight: 800;
color: var(--laranja_tati);
}
.bio-txt{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
margin-top:0vw;
margin-bottom:0vw;
text-align: left;
color: white;
font-size: 1.2vw;
line-height: 1.4vw;
}
/*End - presente*/

/*Start - faq*/
.faq{
width:100%;
height:auto;
background-color:var(--branco);
float:left;
padding-bottom: 2.9vw;
}
.faq-box{
width:50.3vw;
height:100%;
background-color:var(--teste02);
margin: 0 auto;
}
.faq-titulo{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
margin-top:2.9vw;
margin-bottom:0.6vw;
font-size: 2.3vw;
text-align: center;
font-weight: 700;
color: var(--laranja_tati);
letter-spacing: 0.1vw;
}
/*End - faq*/

/*Start - gaveta*/
.gaveta-box{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
margin-top:2vw;
margin-bottom:2vw;
}
.gaveta{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
margin-top:0.3vw;
margin-bottom:0.3vw;
}
.gaveta-pergunta{
width:94%;
height:auto;
line-height:2vw;
background-color:var(--laranja_tati);
float:left;
font-weight:800;
font-size:1.3vw;
padding:3%;
border-top-left-radius:0vw;
border-top-right-radius:0vw;
border-bottom-left-radius:0vw;
border-bottom-right-radius:0vw;
cursor:pointer;
transition:all 0.2s ease-in-out;
}
.gaveta-pergunta:hover{
background-color:var(--laranja);
transition:all 0.2s ease-in-out;
}
.gaveta-chevron{
width:2vw;
height:2vw;
background-color:var(--teste00);
float:right;
text-align:center;
transition:all 0.2s ease-in-out;
}
.gaveta-chevron svg{
height:1vw;
vertical-align:middle;
transition:all 0.2s ease-in-out;
}
.gaveta-resposta{
width:94%;
height:auto;
background-color:var(--cinza03);
float:left;
padding:3%;
border-top-left-radius:0vw;
border-top-right-radius:0vw;
border-bottom-left-radius:1vw;
border-bottom-right-radius:1vw;
cursor:default;
transition:all 0.2s ease-in-out;
display:none;
}
.gaveta-pergunta-on{
border-bottom-left-radius:0vw;
border-bottom-right-radius:0vw;
margin-bottom:0vw;
}
.gaveta-pergunta-on svg{
fill:var(--preto);
transform:rotate(180deg);
transition:all 0.2s ease-in-out;
}
/*End - gaveta*/

/*Start - footer*/
.footer{
width:100%;
height:13.9vw;
background-color:var(--preto04);
float:left;
}
.footer-box{
width:50.3vw;
height:100%;
background-color:var(--teste00);
margin: 0 auto;
}
.footer-logo{
width:100%;
height:8.9vw;
background-color:var(--teste00);
float:left;
margin-top:0.8vw;
margin-bottom:0vw;
background-repeat:no-repeat;
background-position:center center;
background-size:23.5vw auto;
}
.footer-txt{
width:100%;
height:auto;
background-color:var(--teste00);
float:left;
margin-top:0.6vw;
margin-bottom:0vw;
text-align: center;
color: white;
font-size: 1.2vw;
line-height: 1.4vw;
}
/*End - footer*/

.linha-destaque{
font-size:1.3vw;
font-weight:700;
}
.cadastro .home-01-form{
margin-top:0vw;
}
.cadastro .home-01-input{
margin-bottom:0.7vw;
}
.cadastro .home-01-data{
animation:piscar 4s ease-in-out infinite;
}
.cadastro .home-01-texto p strong,
.pix .home-01-texto p strong{
font-size:1.2vw;
}