/* #####################################
########################################

	Theme name: Dale Geradores
	Theme URI: 
	Description: Este tema foi desenvolvido de forma exclusiva.

	Code: Gabriel Amarante | https://gabrielfreelancer.com.br
	Author: Érico Ishii
	Author URI: bfx.digital

	Version: MK.02.2025

########################################
##################################### */

@charset "UTF-8";

/* ######
   Básicos
############ */

* { outline: none; }

html { scroll-behavior: smooth; }

html , body {
	margin: 0;
	padding: 0;
}

body {
	color: #fff;
	font-size: 16px;
	font-family: "Montserrat", serif;
  font-optical-sizing: auto;
	background: url('images/fundo_novo.webp') no-repeat top center;
	background-color: #213b53;
}
@media (max-width:850px) {
	body {
		background: #213b53;
	}
}

a , a:hover , a:focus {
	color: var(--cinza);
	text-decoration: none;
	transition: .3s;
}
a:hover ,
a:focus {
	color: var(--cinza);
}

button , button:hover , button:focus {
	outline: none;
	cursor: pointer;
}

img {
	display: inline-block;
	max-width: 100%;
	height: auto;
	object-fit: contain;
}

select {
	appearance: none;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);
	background-repeat: no-repeat;
	background-position: center right;
}

.container {
	max-width: 1100px;
}

/* ######
   formulario
############ */

.box-form input {
	width: 100%;
	height: 45px;
	margin: 0 0 15px;
	padding: 0 15px;
	border: none;
	border-radius: 6px;
	background-color: #fff;
}
.box-form button {
	color: #213b53;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1;
	display: inline-block;
	padding: 10px 15px;
	border: none;
	border-radius: 6px;
	background: #ebae29;
}

/* ######
   header
############ */

#header {
	padding: 25px 0 0;
}

#header .box-logo {
	margin: 0;
}

/* ######
   introducao
############ */

#introducao {
	padding: 50px 0 0;
}

#introducao .box-header {
	text-align: right;
	max-width: 610px;
	margin: 0 0 40px;
}
@media (max-width:850px) {
	#introducao .box-header {
		text-align: center;
		margin: 0 0 50px;
	}
}
#introducao .box-header h1 {
	color: #fff;
	font-size: 105px;
	font-weight: 300;
	line-height: 1;
	margin: 0;
}
@media (max-width:850px) {
	#introducao .box-header h1 {
		font-size: 70px;
	}
}
#introducao .box-header h1 span {
	color: #e27b1d;
	font-size: 68px;
	font-weight: bold;
	line-height: 1;
	text-transform: uppercase;
	display: block;
}
@media (max-width:850px) {
	#introducao .box-header h1 span {
		font-size: 45px;
	}
}
#introducao .box-header > span {
	color: #213b53;
	font-size: 25px;
	font-weight: 300;
	line-height: 1;
	display: inline-block;
	margin: 5px 0 0;
	padding: 10px 15px;
	background: #ebae29;
}

#introducao .box-content {
	max-width: 480px;
	margin: 0 auto;
}
#introducao .box-content h2 {
	color: #e27b1d;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
}
@media (max-width:850px) {
	#introducao .box-content h2 {
		font-size: 18px;
	}
}
#introducao .box-content h3 {
	color: #ebae29;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0 0 25px;
}
@media (max-width:850px) {
	#introducao .box-content h3 {
		font-size: 18px;
	}
}

#introducao .box-image {
	text-align: center;
	margin: 0;
}
@media (max-width:850px) {
	#introducao .box-image {
		margin: 40px 0 0;
	}
}

/* ######
   como funciona
############ */

#como_funciona {
	padding: 50px 0 0;
}

#como_funciona .box-image {
	text-align: center;
	margin: 0;
}
@media (max-width:850px) {
	#como_funciona .box-image {
		margin: 50px 0 0;
	}
}

#como_funciona .box-content h2 {
	color: #e27b1d;
	font-size: 45px;
	font-weight: bold;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0 0 5px;
}
@media (max-width:850px) {
	#como_funciona .box-content h2 {
		font-size: 30px;
	}
}
#como_funciona .box-content p {
	margin: 0 0 30px;
}

/* ######
   vantagens
############ */

#vantagens {
	padding: 50px 0 0;
}

#vantagens .box-header {
	margin: 0 0 30px;
}
#vantagens .box-header h2 {
	color: #ebae29;
	font-size: 52px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
}
@media (max-width:850px) {
	#vantagens .box-header h2 {
		font-size: 30px;
	}
}

#vantagens .box-card {
	max-width: 450px;
	height: 100%;
	margin: 0 auto;
	padding: 40px;
	border: solid 2px #fff;
	border-radius: 10px;
}
@media (max-width:850px) {
	#vantagens .box-card {
		height: auto;
		margin: 0 auto 30px;
	}
}
#vantagens .box-card h2 {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	display: inline-block;
	min-height: 50px;
	margin: 0 0 15px;
	padding: 5px;
}
@media (max-width:850px) {
	#vantagens .box-card h2 {
		min-height: initial;
	}
}
#vantagens .box-card h2.card-titulo-azul {
	background: #0f5991;
}
#vantagens .box-card h2.card-titulo-laranja {
	background: #e27b1d;
}
#vantagens .box-card p {
	color: #fff;
	line-height: 1.2;
	margin: 0 0 10px;
	padding: 0 0 0 30px;
	position: relative;
}
#vantagens .box-card p:last-child {
	margin: 0;
}
#vantagens .box-card p::before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 0 10px 0 0;
	position: absolute;
	top: -3px;
	left: 0;
	transform: translateY(4px);
	background: url('images/check.png') no-repeat center center;
	background-size: contain;
}
#vantagens .box-card {}

/* ######
   boost
############ */

#boost {
	padding: 50px 0 0;
}

@media (max-width:850px) {
	#boost .box-content {
		margin: 0 0 30px;
	}
}
#boost .box-content h2 {
	color: #e27b1d;
	font-size: 80px;
	font-weight: bold;
	line-height: 1;
	text-transform: uppercase;
	margin: 0;
}
@media (max-width:850px) {
	#boost .box-content h2 {
		font-size: 40px;
	}
}
#boost .box-content h3 {
	color: #ebae29;
	font-size: 45px;
	font-weight: bold;
	line-height: 1;
	text-transform: uppercase;
	margin: 0 0 5px;
}
@media (max-width:850px) {
	#boost .box-content h3 {
		font-size: 35px;
	}
}
#boost .box-content p {
	margin: 0;
}

/* ######
   sobre
############ */

#sobre {
	padding: 50px 0 0;
}

#sobre .box-contain {
	padding: 60px 50px;
	border-radius: 80px 80px 0 0;
	background: #e27b1d;
}
@media (max-width:850px) {
	#sobre .box-contain {
		padding: 40px 30px;
		border-radius: 40px 40px 0 0;
	}
}
#sobre .box-contain h2 {
	color: #213b53;
	font-size: 65px;
	font-weight: normal;
	margin: 0 0 40px;
}
@media (max-width:850px) {
	#sobre .box-contain h2 {
		font-size: 40px;
		margin: 0 0 30px;
	}
}
#sobre .box-contain h2 strong {
	text-transform: uppercase;
}

#sobre .box-card {
	max-width: 400px;
	height: 100%;
	margin: 0 auto;
	padding: 20px;
	border: solid 2px #fff;
	border-radius: 10px;
}
@media (max-width:850px) {
	#sobre .box-card {
		height: auto;
		margin: 0 auto 20px;
	}
}
#sobre .box-card p {
	margin: 0;
}

#sobre .box-info {
	text-align: center;
	margin: 40px 0 0;
}
@media (max-width:850px) {
	#sobre .box-info {
		margin: 0;
	}
}
#sobre .box-info p {
	font-size: 18px;
	text-transform: uppercase;
	display: inline-block;
	margin: 0;
	padding: 0 5px;
	background: #0f5991;
}
#sobre .box-info a {
	font-weight: bold;
}

/* ######
   footer
############ */

#footer {
	padding: 20px 0;
	background: #fff;
}

@media (max-width:850px) {
	#footer .box-social {
		text-align: center;
		margin: 0 0 20px;
	}
}
#footer .box-social a {
	line-height: 34px;
	text-align: center;
	display: inline-block;
	width: 35px;
	height: 35px;
	margin: 0 10px 0 0;
	border-radius: 50%;
	background: #213b53;
}
#footer .box-social a:last-child {
	margin: 0;
}
#footer .box-social svg {
	fill: #fff;
	height: 18px;
}

#footer .box-info {
	text-align: center;
	align-items: center;
	display: grid;
	height: 100%;
}
#footer .box-info p {
	color: #666;
	font-size: 13px;
	margin: 0;
}

#footer .box-agencia {
	text-align: right;
}
@media (max-width:850px) {
	#footer .box-agencia {
		text-align: center;
		margin: 20px 0 0;
	}
}