:root {
	--fonte-montserrat: "Montserrat";
	--fonte-roboto: "Roboto";
	--branco: #fff;
	--preto: #000;
	--cinza-c: #F1F1F1;
	--cinza: #828282;
	--cinza-e: #212529;
	--laranja-c: #FFAA46;
	--laranja: #FC902D;
	--laranja-m-rgb: 197, 115, 38;
	--verde: #007A7B;
	--verde-e: #005151;
}

body {
	font-family: var(--fonte-montserrat);
}

#fundo-topo {
	background: url('../img/banner.jpg') center center no-repeat;
	background-size: cover;
	min-height: 95vh;
}

.topo {
	padding: 15px 10px;
}

.topo img {
	height: 85px;
	max-width: 100%;
}

.box {
	padding-top: 76px;
	padding-bottom: 100px;
	color: var(--branco);
}

.titulo-banner {
	font-size: 34px;
	font-weight: 600;
	text-transform: uppercase;
}

.texto-banner {
	font-size: 18px;
	line-height: 1.5;
}

.btn-demo,
.btn-agendar {
	font-size: 14px;
	padding: 20px;
}

.btn-demo {
	background: var(--branco);
	font-weight: 700;
	color: var(--laranja);
	border-radius: 35px;
	box-shadow: rgba(197, 115, 38, 0.57) 5px 3px 10px 0px;
	text-transform: uppercase;
}

.btn-demo:hover,
.btn-demo:focus,
.btn-demo:active {
	background: var(--branco) !important;
	color: var(--laranja) !important;
}

#fundo-topo .btn-demo:hover {
	animation: 2s infinite both animacao;
}

@keyframes animacao {
	0% {
		transform: scale3d(1, 1, 1);
	}
	50% {
		transform: scale3d(1.05, 1.05, 1.05);
	}
	100% {
		transform: scale3d(1, 1, 1);
	}
	0% {
		transform: scale3d(1, 1, 1);
	}
	50% {
		transform: scale3d(1.05, 1.05, 1.05);
	}
	100% {
		transform: scale3d(1, 1, 1);
	}
}

.player {
	height: 100%;
	max-height: 450px;
	width: auto;
	max-width: 100%;
	cursor: pointer;
	object-fit: cover;
}

.subtitulo {
	font-size: 15px;
	color: var(--laranja);
	font-weight: 700;
	line-height: 1.5;
	text-transform: uppercase;
}

.titulo {
	font-size: 30px;
	font-weight: 700;
	color: var(--verde-e);
	line-height: 35px;
	text-transform: uppercase;
}

.titulo span {
	color: var(--laranja);
}

.texto {
	font-size: 16px;
	color: var(--cinza);
	line-height: 1.5;
}

.btn-agendar {
	background: linear-gradient(to right bottom, var(--laranja), var(--laranja-c));
	color: var(--branco);
	font-weight: 700;
	margin-top: 80px;
	border-radius: 45px;
	box-shadow: rgba(var(--laranja-m-rgb), 0.3) 3px 5px 10px 0px;
	text-transform: uppercase;
}

.btn-agendar:hover,
.btn-agendar:active,
.btn-agendar:focus {
	color: var(--branco) !important;
}

.beneficios {
	background: var(--verde-e) url('../img/fundo-b.png') center center no-repeat;
	background-size: contain;
	padding: 30px;
	border-radius: 15px;
}

.titulo-bene {
	font-size: 28px;
	font-weight: 600;
	text-align: left;
	color: var(--branco);
	line-height: 33px;
	text-transform: uppercase;
}

.beneficios img {
	width: 18px;
	height: 15px;
}

.item-bene {
	font-size: 14px;
	font-weight: 700;
	color: var(--branco);
	line-height: 20px;
}

#passos {
	background: url('../img/fundo-p.svg') left top no-repeat;
}

.titulo-p {
	font-size: 26px;
	font-weight: 700;
	color: var(--verde-e);
	line-height: 30px;
}

.descricao-p {
	font-size: 14px;
	font-weight: 500;
	color: var(--cinza);
	margin: 10px 0px 0px;
	line-height: 1.5;
}

.num-p {
	font-family: var(--fonte-roboto);
	font-size: 80px;
	font-weight: 900;
	color: var(--laranja);
	line-height: 65px;;
}

#depoimentos {
	background: rgb(241, 241, 241) url('../img/fundo-depo.svg') center center no-repeat;
	background-size: cover;
}

.box-depo {
	background: var(--branco);
	border-radius: 25px;
	padding: 30px 40px;
	box-shadow: rgb(213, 204, 204) 2px 2px 3px 0px;
}

.depoimento {
	font-size: 16px;
	color: var(--cinza-e);
	line-height: 1.5;
}

.info-depo {
	color: var(--verde-e);
	font-size: 16px;
	line-height: 19px;
	gap: 16px;
}

.info-depo img {
	max-width: 100%;
	width: 80px;
	height: 80px;
}

.info-depo .nome-depo {
	font-weight: 700;
}

#teste-gratis {
	background:linear-gradient(to right bottom, rgb(255, 131, 16), rgb(255, 144, 41));
}

#teste-gratis img {
	width: 100%;
	height: 100%;
	max-width: 100%;
	object-fit: cover;
}

.ganhe {
	font-size: 46px;
	font-weight: 900;
	color: var(--verde-e);
	line-height: 46px;
	text-transform: uppercase;
}

.dias {
	font-size: 70px;
	font-weight: 900;
	color: var(--branco);
	line-height: 65px;
	text-transform: uppercase;
}

.gratis {
	font-size: 26px;
	color: var(--branco);
	font-weight: 700;
	line-height: 1.5;
	text-transform: uppercase;
}

#bonus {
	background: var(--cinza-c);
}

#bonus .fundo-b {
	height: 100%;
	background: var(--branco);
	border-radius: 25px;
	padding: 50px 25px;
	box-shadow: rgba(94, 70, 49, 0.23) 2px 3px 15px 0px;
}

#bonus .tit-bonus {
	font-size: 23px;
	font-weight: 700;
	color: var(--verde-e);
	line-height: 28px;
	text-transform: uppercase;
}

#bonus .fundo-b img {
	width: 120px;
	height: 120px;
	max-width: 100%;
	margin-top: 25px;
	object-fit: cover;
}

#chamada {
  background: url('../img/banner_r.jpg') center center no-repeat;
	background-size: cover;
}

#chamada h1 {
	font-size: 33px;
	font-weight: 700;
	color: var(--branco);
	line-height: 38px;
	text-transform: uppercase;
}

#chamada .btn {
	background: linear-gradient(to right bottom, var(--verde-e), rgb(0, 122, 123));
	color: var(--branco);
	font-size: 14px;
	font-weight: 700;
	border-radius: 45px;
	padding: 20px;
	box-shadow: rgba(94, 70, 49, 0.3) 3px 5px 10px 0px;
	text-transform: uppercase;
}

.accordion {
	--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='32' height='32' fill='%23005151'%3e%3cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3e%3c/svg%3e");
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='32' height='32' fill='%23005151'%3e%3cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3e%3c/svg%3e");
	--bs-accordion-btn-icon-transform: rotate(90deg);
}

.accordion-item {
	border-top: 0;
	border-left: 0;
	border-right: 0;
}

.accordion-button {
	font-size: 18px;
	font-weight: 500;
	color: var(--verde-e);
	line-height: 22px;
	padding: 12px 0;
}

.accordion-button:not(.collapsed) {
	color: var(--verde-e);
	background-color: transparent;
	box-shadow: none !important;
}

.accordion-button:focus {
	box-shadow: none !important;
}

.accordion-button::after {
	width: 32px;
	height: 32px;
	background-size: contain;
}

.accordion-body {
	font-size: 16px;
	color: var(--cinza) !important;
	padding: 5px;
	line-height: 1.5;
	background: transparent !important;
}

.footer {
	background: var(--verde);
}

.footer img {
	height: 40px;
}

.modal-content {
	background: transparent;
	border: none;
}

.modal-header {
	border: none;
}

.modal-header .btn-close {
	background-color: var(--preto);
	border-radius: 0;
	padding: 12px;
	fill: var(--branco);
	opacity: 1;
	transition: transform 0.2s, opacity 0.2s !important;
}

.modal-header .btn-close:hover {
	transform: rotate(90deg);
}

.modal-header .btn-close:hover,
.modal-header .btn-close:focus {
	box-shadow: none;
}

.modal-header .btn-close:hover > svg {
	fill: var(--laranja);
}

.modal-body {
	padding: 0;
	height: 200px;
}

@media (min-width: 576px){
	.topo img {
		height: 100px;
	}
	
	.modal-body {
		height: 350px;
	}
}

@media (min-width: 768px){
	.titulo-banner {
		font-size: 40px;
	}
	
	.beneficios {
		padding: 40px;
	}
	
	#chamada h1 {
		font-size: 38px;
		line-height: 45px;
	}
}

@media (min-width: 992px){
	.titulo-banner {
		font-size: 50px;
	}
	
	.btn-demo,
	.btn-agendar {
		font-size: 1rem;
		padding: 20px 40px;
	}
	
	.player {
		height: 409px;
		width: 437px;
	}
	
	.titulo {
		font-size: 40px;
		line-height: 45px;
	}
	
	.texto {
		font-size: 18px;
	}
	
	.btn-agendar {
		border-radius: 35px;
	}
	
	.titulo-bene {
		font-size: 30px;
		line-height: 35px;
	}
	
	.beneficios img {
		width: 20px;
		height: 17px;
	}
	
	.item-bene {
		font-size: 16px;
		line-height: 22px;
	}
	
	.lista-p {
		border-right: 1px #A4A4A4 dashed;
	}
	
	.lista-p:last-of-type {
		border-right: none;
	}
	
	.num-p {
		font-size: 105px;
		line-height: 84px;;
	}
	
	#teste-gratis img {
		width: 455px;
		height: 388px;
	}
	
	.dias {
		font-size: 100px;
		line-height: 100px;
	}
	
	#bonus .fundo-b {
		padding: 50px;
	}
	
	#bonus .tit-bonus {
		font-size: 26px;
		line-height: 29px;
	}
	
	#chamada h1 {
		font-size: 55px;
		line-height: 60px;
	}
	
	#chamada .btn {
		font-size: 18px;
		padding: 20px 40px;
		border-radius: 35px;
	}
	
	.accordion-button {
		font-size: 24px;
		line-height: 26px;
	}
	
	.accordion-body {
		font-size: 18px;
	}
	
	.modal-body {
		height: 450px;
	}
}

@media (min-width: 1200px){
	.titulo-banner {
		font-size: 67px;
	}
	
	.titulo {
		font-size: 50px;
		line-height: 55px;
	}
	
	.beneficios {
		padding: 80px;
	}
	
	.dias {
		font-size: 125px;
		line-height: 110px;
	}
	
	#chamada h1 {
		font-size: 64px;
		line-height: 65px;
	}
}