﻿/*DEFAULTS*/
* { margin: 0; padding: 0; box-sizing: border-box; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, 
em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, 
output, ruby, section, summary, time, mark, audio, video 
{ margin: 0; padding: 0; list-style: none; vertical-align: baseline; right: 0; left: 0; font-weight: normal; top: 0; line-height: normal }

@media screen and (max-width: 480px) { body { -webkit-text-size-adjust: none; } }

@font-face 
{ font-family: "poppinsregular"; font-weight: normal; font-style: normal; font-display: swap; 
  src: url('../Fonte/Poppins/poppins-regular-webfont.woff2') format('woff2'), url('../Fonte/Poppins/poppins-regular-webfont.woff') format('woff'); }

@font-face 
{ font-family: "poppinsextrabold"; font-weight: normal; font-style: normal; font-display: swap; 
  src: url('../Fonte/Poppins/poppins-extrabold-webfont.woff2') format('woff2'),  url('../Fonte/Poppins/poppins-extrabold-webfont.woff') format('woff'); }

@font-face 
{ font-family: "poppinssemibold";
  src: url('../Fonte/Poppins/poppins-semibold-webfont.woff2') format('woff2'), url('../Fonte/Poppins/poppins-semibold-webfont.woff') format('woff');
  font-weight: normal; font-style: normal; font-display: swap; ascent-override: 70%; line-gap-override: 0%; }

@font-face 
{ font-family: "poppinslight"; font-weight: normal; font-style: normal; font-display: swap; 
  src: url('../Fonte/Poppins/poppins-light-webfont.woff2') format('woff2'), url('../Fonte/Poppins/poppins-light-webfont.woff') format('woff'); }

@font-face 
{ font-family: "montserratlight"; font-weight: 300; font-style: normal; font-display: swap;
  src: url('../Fonte/Montserrat/montserrat-light-webfont.woff2') format('woff2'), url('../Fonte/Montserrat/montserrat-light-webfont.woff') format('woff'); }

html, body { margin: 0; padding: 0; overflow-x: hidden; }

html { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; }

body { font-family: Arial, Sans-Serif; color: #000; position: relative; }

b { font-family: Arial, Sans-Serif; font-weight: bold; }

/*COMPUTADOR*/
p, a:link, a:visited, p a, .ultimo-paragrafo, .paragrafo-com-subtitulo, .paragrafo-pos-subtitulo 
{ font-size: max(1.11rem, 1.15vw); color:#000; letter-spacing: 0.05rem; }

.ultimo-paragrafo { margin-bottom: 0; }

.paragrafo-com-subtitulo { margin-bottom: max(1.9rem, 2.15vw) }

.paragrafo-pos-subtitulo { margin-top: max(1.65rem, 1.8vw); }

a:link, a:visited, p a { text-decoration: none; }

a:hover, p a:hover { text-decoration: underline; }

/*ESTRUTURA SITE*/

.page, .header { width: 100%; margin: 0; }

.page { position: relative; }

.header  
{ position: fixed; padding: 0; z-index: 999999999999999999999999999999999999999999999999; height: clamp(6.075rem, 7.1vw, 16.2vh); background-color: rgb(243, 238, 234) }

.logo, .logo-imagem { width: auto; height: clamp(4.95rem, 5.78vw, 13.2vh); aspect-ratio: 300/91 }

.logo { padding-top: clamp(0.6rem, 0.7vw, 1.6vh); margin-left: clamp(1.8rem, 2vw, 4.1vh); float: left }

.whatsapp-cabecalho { display: none }

.main { padding: 0; height: auto; width: 100%; position: relative; margin: 0; }

.sessao { padding: 0 0 0 clamp(1.8rem, 2vw, 4.1vh); height: 100vh; position: relative; box-sizing: border-box; }

section[id] { scroll-margin-top: clamp(6.075rem, 7.1vw, 16.2vh); }

.confirmacao 
{ padding-top: clamp(6.075rem, 7.1vw, 16.2vh); height: calc(100svh - clamp(11.5rem, 12vw, 21svh)); 
  height: calc(100vh - clamp(11.5rem, 12vw, 21vh)*); display: flex; align-items: center; justify-content: center; flex-direction: column }

.confirmacao p.texto-confirmacao-computador, .confirmacao p.redirecionamento 
{ font-family: "montserratlight"; color: #000; letter-spacing: 0.05rem; font-size: clamp(0.9735rem, 1.14vw, 2.6vh); width: 100%; position: relative; 
  line-height: clamp(1.75rem, 1.85vw, 3.8vh); text-align: center; }

.confirmacao p.texto-confirmacao-celular, .confirmacao p.redirecionamento-celular { display: none }

.confirmacao p.redirecionamento, .botao-voltar { margin-top: clamp(1.57rem, 1.85vw, 4.2vh) }

.botao-voltar 
{ width: clamp(20.05rem, 23.5vw, 53.5vh); height: clamp(3.55rem, 4.2vw, 9.5vh); border-radius: 40px; background-color: rgb(114, 0, 46); display: flex; 
  align-items: center; justify-content: center; }

.botao-voltar a { letter-spacing: 0.05rem; color: #fff; font-family: "poppinslight"; font-size: clamp(0.973rem, 1.142vw, 2.6vh) }

.botao-voltar:hover { background-color: rgb(73, 16, 35) }

.botao-voltar:hover a { color: rgb(231, 180, 173) }

.botao-voltar:hover a:hover { text-decoration: none }


/*Celular em pé*/

@media only screen and (max-width: 600px) and (orientation: portrait)
{
.header 
{ position: fixed; top: 0; left: 0; width: 100%; height: 5.15rem; background-color: rgb(243, 238, 234); z-index: 999999; display: flex; align-items: center; 
  justify-content: flex-start; padding: 0 0.6rem; box-sizing: border-box; }

.logo, .logo-imagem { width: 13.19rem; height: 4rem; aspect-ratio: 300/91 }

.logo { display: flex; align-items: center; margin: 0; padding: 0 }

.whatsapp-cabecalho { display: block; position: absolute; right: 0.6rem; left: auto; top: 0.55rem; width: 2rem; height: 2rem; z-index: 1001; }

.whatsapp-cabecalho img { width: 100%; height: 100%; }

.sessao { padding: 0 0 0 0.6rem; height: 100vh; position: relative; box-sizing: border-box; }

section[id] { scroll-margin-top: 5.15rem }

.confirmacao 
{ padding-top: 5.15rem; height: calc(100vh - 14.7rem); height: calc(100svh - 14.7rem); display: flex; align-items: center; justify-content: center; 
  flex-direction: column }

.confirmacao p.texto-confirmacao-celular, .confirmacao p.redirecionamento-celular 
{ display: block; font-family: "montserratlight"; color: #000; letter-spacing: 0.05rem; font-size: 0.99rem; width: 100%; position: relative; 
  line-height: 1.67rem; text-align: center; }

.confirmacao p.texto-confirmacao-computador, .confirmacao p.redirecionamento { display: none }

.confirmacao p.redirecionamento-celular { margin-top: 1rem }

.botao-voltar 
{ width: 16rem; height: 3.6rem; border-radius: 87px; background-color: rgb(114, 0, 46); display: flex; align-items: center; justify-content: center; 
  margin-top: 1.5rem }

.botao-voltar a { letter-spacing: 0.05rem; color: #fff; font-family: "poppinslight"; font-size: 0.985rem }
}

/*ipad em pé e deitado*/
@media only screen and (min-width: 601px) and (max-width: 1280px) and (min-height: 601px)
{
.header 
{ position: fixed; top: 0; left: 0; width: 100%; height: 6.2rem; background-color: rgb(243, 238, 234); z-index: 999999; display: flex; align-items: center; 
  justify-content: flex-start; padding: 0 0.6rem; box-sizing: border-box; }

.logo, .logo-imagem { width: 16.32rem; height: 4.95rem; aspect-ratio: 300/91 }

.logo { display: flex; align-items: center; margin: 0; padding: 0 }

.whatsapp-cabecalho { display: block; position: absolute; right: 0.6rem; left: auto; top: 0.55rem; width: 2rem; height: 2rem; z-index: 1001; }

.whatsapp-cabecalho img { width: 100%; height: 100%; }

.sessao { padding: 0 0 0 0.6rem; height: 100vh; position: relative; box-sizing: border-box; }

section[id] { scroll-margin-top: 6.2rem }

.confirmacao 
{ padding-top: 6.2rem; box-sizing: border-box; height: calc(100vh - 20rem); height: calc(100svh - 20rem); display: flex; align-items: center; justify-content: center; flex-direction: column; }

.confirmacao p.texto-confirmacao-computador, .confirmacao p.redirecionamento 
{ display: block; font-family: "montserratlight"; color: #000; letter-spacing: 0.05rem; font-size: 0.9735rem; width: 100%; position: relative; 
  line-height: 1.72rem; text-align: center; }

.confirmacao p.redirecionamento { margin-top: 1.4rem }

.confirmacao p.texto-confirmacao-celular, .confirmacao p.redirecionamento-celular { display: none }

.botao-voltar 
{ width: 20.05rem; height: 3.55rem; border-radius: 40px; background-color: rgb(114, 0, 46); display: flex; align-items: center; justify-content: center; 
  margin-top: 2.1rem; position: relative }
  
.botao-voltar a { letter-spacing: 0.05rem; color: #fff; font-family: "poppinslight"; font-size: 0.985rem }
}

/*Mídia móvel deitado*/

/*tim*/
@media screen and (max-width: 570px) and (orientation: landscape) 
{

.header 
{ position: fixed; top: 0; left: 0; width: 100%; height: 5.15rem; background-color: rgb(243, 238, 234); z-index: 999999; display: flex; align-items: center; 
  justify-content: flex-start; padding: 0 0.6rem; box-sizing: border-box; }

.logo, .logo-imagem { width: 13.19rem; height: 4rem; aspect-ratio: 300/91 }

.logo { display: flex; align-items: center; margin: 0; padding: 0 }

.whatsapp-cabecalho { display: block; position: absolute; right: 0.6rem; left: auto; top: 0.55rem; width: 2rem; height: 2rem; z-index: 1001; }

.whatsapp-cabecalho img { width: 100%; height: 100%; }

.sessao { padding: 0 0 0 0.6rem; height: 100vh; position: relative; box-sizing: border-box; }

section[id] { scroll-margin-top: 5.15rem }

.confirmacao 
{ padding-top: 0; height: 13.8rem; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; }

.confirmacao p.texto-confirmacao-computador
{ margin-top: 4.75rem; display: block; font-family: "montserratlight"; color: #000; letter-spacing: 0.05rem; font-size: 0.99rem; width: 100%; position: relative; 
  line-height: 1.67rem; text-align: center; }

.confirmacao p.texto-confirmacao-celular { display: none }

.botao-voltar 
{ width: 16rem; height: 3.6rem; border-radius: 87px; background-color: rgb(114, 0, 46); display: flex; align-items: center; justify-content: center; 
  margin-top: 0.95rem; left: 50%; margin-left: -8rem; position: relative }

.botao-voltar a { letter-spacing: 0.05rem; color: #fff; font-family: "poppinslight"; font-size: 0.985rem }
}

/*IPHONE MÃE*/
@media screen and (min-width: 571px) and (max-width: 670px) and (orientation: landscape) 
{
.header 
{ position: fixed; top: 0; left: 0; width: 100%; height: 5.15rem; background-color: rgb(243, 238, 234); z-index: 999999; display: flex; align-items: center; 
  justify-content: flex-start; padding: 0 0.6rem; box-sizing: border-box; }

.logo, .logo-imagem { width: 13.19rem; height: 4rem; aspect-ratio: 300/91 }

.logo { display: flex; align-items: center; margin: 0; padding: 0 }

.whatsapp-cabecalho { display: block; position: absolute; right: 0.6rem; left: auto; top: 0.55rem; width: 2rem; height: 2rem; z-index: 1001; }

.whatsapp-cabecalho img { width: 100%; height: 100%; }

.sessao { padding: 0 0 0 0.6rem; height: 100vh; position: relative; box-sizing: border-box; }

section[id] { scroll-margin-top: 5.15rem }

.confirmacao 
{ padding-top: 0; height: 13.8rem; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; }

.confirmacao p.texto-confirmacao-computador
{ margin-top: 4.75rem; display: block; font-family: "montserratlight"; color: #000; letter-spacing: 0.05rem; font-size: 0.99rem; width: 100%; position: relative; 
  line-height: 1.67rem; text-align: center; }

.confirmacao p.texto-confirmacao-celular { display: none }

.botao-voltar 
{ width: 16rem; height: 3.6rem; border-radius: 87px; background-color: rgb(114, 0, 46); display: flex; align-items: center; justify-content: center; 
  margin-top: 0.95rem; left: 50%; margin-left: -8rem; position: relative }

.botao-voltar a { letter-spacing: 0.05rem; color: #fff; font-family: "poppinslight"; font-size: 0.985rem }
}

/*Celulares grandes*/
@media only screen and (min-width: 671px) and (max-height: 600px) and (orientation: landscape) and (pointer: coarse)
{
.header 
{ position: fixed; top: 0; left: 0; width: 100%; height: 5.15rem; background-color: rgb(243, 238, 234); z-index: 999999; display: flex; align-items: center; 
  justify-content: flex-start; padding: 0 0.6rem; box-sizing: border-box; }

.logo, .logo-imagem { width: 13.19rem; height: 4rem; aspect-ratio: 300/91 }

.logo { display: flex; align-items: center; margin: 0; padding: 0 }

.whatsapp-cabecalho { display: block; position: absolute; right: 0.6rem; left: auto; top: 0.55rem; width: 2rem; height: 2rem; z-index: 1001; }

.whatsapp-cabecalho img { width: 100%; height: 100%; }

.sessao { padding: 0 0 0 0.6rem; height: 100vh; position: relative; box-sizing: border-box; }

section[id] { scroll-margin-top: 5.15rem }

.confirmacao 
{ padding-top: 0; height: 17.05rem; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; }

.confirmacao p.texto-confirmacao-computador, .confirmacao p.redirecionamento 
{ display: block; font-family: "montserratlight"; color: #000; letter-spacing: 0.05rem; font-size: 0.99rem; width: 100%; position: relative; 
  line-height: 1.67rem; text-align: center; }

.confirmacao p.texto-confirmacao-computador { margin-top: 4.7rem }

.confirmacao p.redirecionamento { margin-top: 1.07rem }

.confirmacao p.texto-confirmacao-celular { display: none }

.botao-voltar 
{ width: 16rem; height: 3.6rem; border-radius: 87px; background-color: rgb(114, 0, 46); display: flex; align-items: center; justify-content: center; 
  margin-top: 1.6rem; left: 50%; margin-left: -8rem; position: relative }

.botao-voltar a { letter-spacing: 0.05rem; color: #fff; font-family: "poppinslight"; font-size: 0.985rem }
}

