@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400;700;900&display=swap');


body {margin-left: 0px;	margin-top: 0px; margin-right: 0px;	margin-bottom: 0px; font-size:62.5%; font-family: 'Montserrat', sans-serif; background: #fff}
header {padding-top: 25px; padding-bottom: 25px; text-align: center; background: var(--fundo);}
.logo {width: 60%; margin: 0 auto}
.logo img {width: 100%; height: auto}
.container {width:75%; margin: 0 auto; position: relative}

.principal {min-height: 70vh}
.bl01 {width: 100%; background: var(--fundo);}
.bl02 {width: 100%; background: var(--white)}
.bl30 {width: 40%; margin: 0 auto; margin-bottom: 4%; margin-top: 4%}

.imagem_video_destaque {width: 46%; float: left; padding-top: 7%;}
.imagem_video_destaque iframe {width: 100%; max-width: 100%}
.imagem_video_destaque img {width: 100%; max-width: 100%; height: auto}
.bloco_roteiro {width: 50%; font-size: 20px; color: #fff; margin: 0 auto; margin-bottom: 10%; margin-top: 6%; line-height: 28px; position: absolute; text-align: center; left: 25%;}
.bloco_roteiro h1 {font-size: 45px; color: #fff; text-transform: uppercase; font-weight: 700; line-height: 45px}
.bloco_interesse {width: 100%; color: #3e3e3e; font-size: 18px; line-height: 24px; margin-bottom: 6%}
.bloco_interesse h2 {width: 100%; color: #1e1e1e; font-size: 42px; text-align: center; font-weight: 400; margin-bottom: 6%; line-height: 42px}
.bloco_interesse h2 b {font-weight: 700}
.bloco_desejo {padding-bottom: 6%; padding-top: 6%; width: 100%; color: #fff; font-size: 20px; line-height: 28px}
.bloco_desejo h2 {font-size: 36px; font-weight: 700; text-transform: uppercase; line-height: 36px}
.bloco_desejo a {display: block;}
.bloco_acao {width: 100%; color: #3e3e3e; font-size: 18px; line-height: 24px; margin-bottom: 10%; margin-top: 10%}
.bloco_acao h2 {width: 100%; color: #1e1e1e; font-size: 42px; text-align: center; font-weight: 700; margin-bottom: 6%; line-height: 42px}
.bloco_duvidas {padding-bottom: 6%; padding-top: 6%; width: 100%; color: #fff; font-size: 20px; line-height: 28px}
.bloco_duvidas h2 {font-size: 36px; font-weight: 700; text-transform: uppercase; line-height: 36px}
.bloco_duvidas ul {list-style: none;}
.bloco_duvidas ul li {margin-bottom: 30px}
.bloco_duvidas ul li strong {display: block;}

.btn-whatsapp {text-decoration: none; border-radius: 50%; background: #25d366; color: white; position:fixed; bottom: 3%; float: right; z-index: 9999; right: 0; margin-right: 2.5%; -webkit-transition: -webkit-transform 0.4s ease-in-out; box-shadow: 1px 1px #042825; font-size: 4em; width: 1em; height: 1em; padding: 10px; text-align: center;}
.btn-whatsapp:hover {transition: all 0.5s linear; -webkit-transform: rotate(360deg); transform: rotate(360deg)}

a.btn-cta {padding: 15px 12px; color: #fff; font-size: 18px; text-decoration: none; text-transform: uppercase; font-weight: bold; border-radius: 5px;  text-align: center;
box-shadow: 0 0 40px 40px var(--cor_cta) inset, 0 0 0 0 var(--cor_cta);  -webkit-transition: all 150ms ease-in-out;  transition: all 150ms ease-in-out;}
a.btn-cta:hover {box-shadow: 0 0 10px 0 var(--cor_cta) inset, 0 0 10px 4px var(--cor_cta); color: #000; background: #fff}
div.cta {width: 90%; margin: 0 auto; margin-top: 50px;}


footer {background: #5a5c5d; padding-top: 65px; padding-bottom: 80px; color: #fff; font-size: 1.4em;}
footer img {width: 30%; height: auto; margin-bottom: 55px;}
.polygon {z-index: 0; height: 100%; width: 100%; position: absolute; bottom: 0; right: 0;}
.polygon svg {width: 100%; height: 100%}
.polygon polygon {fill: #fff}

.modal {padding: 0; background: #fe7000;  z-index: 9999 !important;}
.ui-dialog { z-index: 999 !important ;}
.input-container {display: flex; width: 88%; margin: 0 auto; margin-bottom: 20px; font-size: 1.8em}
.icon {padding: 8px; background: #fe7000; color: #fff; min-width: 30px; text-align: center;}
.input-field {width: 100%; padding: 10px; outline: none;}
.input-field:focus {border: 2px solid #009688}
.logo-modal {width: 90%; background: #0f7abf; padding-top: 20px; padding-bottom: 20px; padding-left: 10%}
.janela-wp {width: 100%; font-size: 1.6em; padding-top: 30px; padding-bottom: 30px}
.bt-modal {margin: 0 auto; background: #0f7abf; padding: 18px 36px; color: #fff; border: 0; font-size: 2em; cursor:pointer; text-align: center; display: block; text-transform: uppercase; font-weight: bold; border-radius: 5px;}

.pulse {animation: pulse 0.7s infinite; margin: 0 auto; display: table; margin-top: 50px; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse;}

@-webkit-keyframes pulse { 0% {-webkit-transform: scale(1); -webkit-filter: brightness(100%); } 100% { -webkit-transform: scale(1.1); -webkit-filter: brightness(105%); } }
@keyframes pulse {0% {transform: scale(1); filter: brightness(100%);}100% {transform: scale(1.1); filter: brightness(105%); }}

.mobile {display: none;}
.desktop {display: inline;}

@media only screen and (max-width: 1480px) {
	.container {width:78%}
	.principal {min-height: 90vh; height: 90vh; position: relative;}
	.polygon {z-index: 0; height: 100%; width: 100%; position: absolute; bottom: 0; right: 0;}
	a.btn-cta {font-size: 16px}
    div.cta {width: 100%; margin-top: 5px;}
}

@media only screen and (max-width: 780px) {
	.logo {width: 80%;}
	.container {width:90%}
	.principal {min-height: auto; height: auto; position: relative;}
	.imagem_video_destaque {width: 100%; float: none; padding-top: 7%;}
	.bloco_roteiro {width: 100%; float: none; position: relative; left: 0;}
	.bloco_acao iframe {float: none; padding: 0; width: 100%; max-width: 100%}
	.polygon {z-index: 0; height: 30%; width: 100%; position: absolute; bottom: 0; right: 0;}
	div.cta {width: 70%; margin: 0 auto; margin-top: 50px}
	a.btn-cta {font-size: 20px}
	div.cta a {float: none; margin-bottom: 10px;}
	.bl30 {width: 90%; margin: 0 auto; margin-bottom: 10%; margin-top: 5%}

	.bl01 {border-top: 1px solid var(--fundo);}
	.bloco_interesse {margin-bottom: 22%}
  .logo-modal img {width: 70%; height: auto}
  .bt-modal {padding: 12px 15px; font-size: 1.8em}

  .mobile {display: inline;}
  .desktop {display: none;}

  img {max-width: 100%; height: auto;}
}