@font-face {
    font-family: Museo300;
    src: local(Barrio), url(../fonts/Museo/Museo/Fonts/Museo300-Regular.otf);
	font-display: swap; /* Avoid showing invisible text */
}

@font-face {
    font-family: Museo500;
    src: local(Barrio), url(../fonts/Museo/Museo/Fonts/Museo500-Regular.otf);
	font-display: swap; /* Avoid showing invisible text */
}

@font-face {
    font-family: Museo700;
    src: local(Barrio), url(../fonts/Museo/Museo/Fonts/Museo700-Regular.otf);
	font-display: swap; /* Avoid showing invisible text */
}

@font-face {
    font-family: Roboto300;
    src: local(Barrio), url(../fonts/Roboto/Roboto/Roboto-Light.ttf);
	font-display: swap; /* Avoid showing invisible text */
}

@font-face {
    font-family: Roboto500;
    src: local(Barrio), url(../fonts/Roboto/Roboto/Roboto-Medium.ttf);
	font-display: swap; /* Avoid showing invisible text */
}

@font-face {
    font-family: Roboto700;
    src: local(Barrio), url(../fonts/Roboto/Roboto/Roboto-Bold.ttf);
	font-display: swap; /* Avoid showing invisible text */
}


/* ------------------------------------------
				GERAL
------------------------------------------ */

* {
	font-family: Roboto300 !important;
	color: #FFFFFF !important;
	text-align: left !important;
}

p {
	color: #FFF !important;
	font-size: 24px !important;
	line-height: 32px !important; /* 16 */
	font-style: normal !important;
	font-weight: normal !important;
	text-align: left !important;
	margin-bottom: 0 !important;
}

img {
	max-width: 100% !important;
}

a {
	font-family: Roboto500 !important;
}

.roboto-500 {
	font-family: Roboto500 !important;
}

.roboto-700 {
	font-family: Roboto700 !important;
}

.fonte-branca {
	color: #FFF !important;
}

.fonte-14 {
	font-size: 14px !important;
}

.fonte-16 {
	font-size: 16px !important;
	line-height: 22px !important;
}

.fonte-18 {
	font-size: 18px !important;
}

.fonte-20 {
	font-size: 20px !important;
}


.navbar {
	min-width: 100% !important;
	background: #1C201E !important;
	padding: 1.5em 0.5em !important;
	height: 100px !important;
	/* margin-bottom: 600px !important; */
}
.nav-item {
	padding-left: 0.4em !important;
	padding-right: 0.4em !important;
}
.nav-link {
	color: #979797 !important;
	font-family: Roboto300 !important;
}
.nav-link:hover {
	color: #FFFFFF !important;
}
/*
.navbar-nav {
	text-align: left !important;
}
.navbar .container-fluid {
	display: inline-block !important;
}
.navbar-toggler, .navbar-toggler-icon {
	color: #FFFFFF !important;
	background-color: #1C201E !important;
	border-color: #1C201E !important;
}
*/


.padding-x {
	padding-left: 10em !important;
	padding-right: 10em !important;
}

@media only screen and (max-width: 1600px) {
	.padding-x {
		padding-left: 8em !important;
		padding-right: 8em !important;
	}
}
@media only screen and (max-width: 1366px) {
	.padding-x {
		padding-left: 5em !important;
		padding-right: 5em !important;
	}
}
@media only screen and (max-width: 1024px) {
	.padding-x {
		padding-left: 3em !important;
		padding-right: 3em !important;
	}
}

.padding-y {
	padding-top: 5em !important;
	padding-bottom: 5em !important;
}

/*
.padding-x2 {
	padding-left: 2em !important;
	padding-right: 2em !important;
}

.padding-y2 {
	padding-top: 2em !important;
	padding-bottom: 2em !important;
}

.padding-lx {
	padding-left: 10em !important;
	padding-right: 2em !important;
}

.padding-rx {
	padding-right: 10em !important;
	padding-left: 2em !important;
}

.pl-1 {
	padding-left: 1em !important;
}

.pl-2 {
	padding-left: 2em !important;
}

.pr-2 {
	padding-right: 2em !important;
}

.margin-x {
	margin-left: 10em !important;
	margin-right: 10em !important;
}

.margin-y {
	margin-top: 10em !important;
	margin-bottom: 10em !important;
}

.mr-0 {
	margin-right: 0 !important;
}

.ml-auto {
	margin-left: auto !important;
}

h1 {
	font-family: Roboto700 !important;
	color: #1C201E;
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 115%;
	text-align: left !important;
}

.conteudo-fixo-final {
	position: absolute;
	bottom: 0;
}

[class^="col"] {
	border: 1px solid grey;
}

*/


/* ------------------------------------------
				FIM DO GERAL
------------------------------------------ */


.background-imagem-home {
	background: url("../img/home.webp") !important;
	background-size: cover !important;
	min-height: 700px !important;
	position: relative;
	/* margin-top: 100px !important; */
}


.cta {
	background-color: #E11923 !important;
	padding: 24px 24px !important;
	max-height: 72px !important;
	max-width: 384px !important;
}
.cta-transparente {
	padding: 24px 24px !important;
	max-height: 72px !important;
	max-width: 384px !important;
}
.cta-transparente:hover {
	background-color: #E11923 !important;
	border: unset !important;
}


.background-chumbo-preto {
	background: linear-gradient(18.16deg, #000000 0.11%, #5E6E67 97.42%);
}

.titulo {
	font-family: Roboto700 !important;
	font-size: 32px !important;
	line-height: 32px !important;
	margin-bottom: 25px !important;
}

.item-afiliado {
	margin: 2em 0em;
}

.hr-2 {
	height: 2px !important;
	color: #FFFFFF !important;
	opacity: 1 !important;
}

.background-chumbo {
	background-color: #5E6E67 !important;
}

.background-imagem-lembre {
	background: url("../img/lembre.webp");
	background-size: cover !important;
	border-radius: 6px !important;
	min-height: 500px; /* 373 */
	display: inline-block;
	transition: background 1s linear;
}

.opacidade {
	background: rgba(255, 255, 255, 0.21) !important;
	backdrop-filter: blur(120px) !important;
	border-radius: 6px !important;
}


.col-bloco-vantagens {
	display: flex;
}
.bloco-vantagens {
	background-color: #5E6E67;
	padding: 1em;
	margin: 0.15em;
	/* margin-bottom: 0.3em; */
	/* border: 4px solid #2A2A2A; */
}
.bloco-vantagens:hover {
	background-color: #E11923;
}
.vantagens-descricao {
	font-family: Roboto300 !important;
	font-style: normal;
	font-weight: 300;
	font-size: 18px !important; 
	margin-top: 10px !important;
}

.negrito {
	font-weight: bold !important;
}


.coluna-como-funciona {
	padding: 0px 8px !important;
}
.bloco-como-funciona {
	min-height: 300px !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	padding: 20px !important;
	border-radius: 6px !important;
}
.titulo-como-funciona {
	font-family: Roboto700 !important;
	font-size: 20px !important;
	margin-top: 15px !important;
	margin-bottom: 10px !important;
	padding: 0px 20px !important;
}
.descricao-como-funciona {
	font-size: 18px !important;
	padding: 0px 20px !important;
}


.background-verde-branco {
	background: linear-gradient(#E1FFE4 1%, #FFFFFF) !important;
}

.fonte-chumbo {
	color: #1C201E !important;
}

.imagem-depoimentos {
	max-width: 120px !important;
}
.nome-depoimentos {
	font-family: Roboto500 !important;
	color: #1C201E !important;
	font-weight: bold !important;
	font-size: 20px !important;		/* 16 */
	line-height: 20px !important;	/* 16 */
	margin-bottom: 5px !important;
}
.descricao-depoimentos {
	color: #1C201E !important;
	font-size: 16px !important;		/* 14 */
	line-height: 18px !important;	/* 16 */
	margin-bottom: 15px !important;
}					
.texto-depoimentos {
	color: #1C201E !important;
	font-size: 18px !important; 	/* 14 */
	line-height: 26px !important;	/* 22 */
}


.background-preto {
	background-color: #1C201E !important;
}

.botao-fale-especialista:hover {
	background-color: orange !important;
	border-color: orange !important;
}

.form-control {
	background-color: #E5E5E5 !important;
	border: 1px solid #5E6E67 !important;
	box-sizing: border-box !important;
	border-radius: 3px !important;
	font-size: 14px !important;
	color: #000000 !important;
	line-height: 115% !important;
	margin-bottom: 0.5em !important;
	padding: 1em !important;
}

.botao-verde {
	font-weight: bold !important;
	font-size: 14px !important;
	background: linear-gradient(180deg, #0C7147 0%, #0F8654 100%) !important;
	color: white !important;
	border-radius: 3px !important;
	border-color: #2F8536 !important;
	padding: 16px !important;
	max-width: 340px !important;
	min-width: 100% !important;
}

.botao-verde:hover {
	border-color: #2F8536 !important;
}

.termos-uso {
	font-size: 12px !important;
	line-height: 15px !important;
	color: #979797 !important;
	align-items: center !important;
	text-align: center !important;
	margin-top: 15px !important;
}

.termos-uso a {
	color: #E11923 !important;
}



/* Perguntas frequentes */
.accordion-button {
	font-weight: bold !important;
	line-height: 21px !important;
	background: #FFFFFF !important;
	color: #1C201E !important;
	border-bottom: 1px solid #1C201E;
}
.accordion-button::after {
	padding: 1em !important;
	background-position: center !important;
}
.accordion-button:focus {
    border-color: #000000 !important;
    box-shadow: unset !important;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
}
.accordion-body {
	font-size: 16px !important;
	line-height: 21px !important;
	color: #000000 !important;
	background: #F2F5F7 !important;
	border-radius: 0px 0px 3px 3px !important;
	padding-left: 1em !important;
	padding-right: 2em !important;
}
.accordion-item:last-of-type {
    border-bottom: unset !important;
}

.botao-perguntas {
	color: #FFF !important;
	font-weight: bold;
	border: 1px solid #FFF;
	padding: 15px 70px;
}	


.img-logo {
	margin: 1em 0em !important;
	max-width: 180px !important;
}

.redes-sociais {
	display: inline-block !important;
}

.img-redes-sociais {
	width: 40px !important;
}


.center-element-screen {
   position: fixed;
   top: 50%;
   width: 80%;
   margin: 0% 10%;
   height: 100vh;
}



/* Modal de cadastro */
.modal-cadastro {
	color: #1C201E !important;
}
.modal-header {
	border-bottom: none !important; /* 1px solid gray !important */
	margin-left: 15px !important;
	margin-right: 15px !important;
	/* margin-bottom: 15px !important; */
	padding: 0.5em 0em;
}
.modal-body {
	padding: 0.5rem !important;
}
.modal-footer {
	border-top: none !important; /* 1px solid gray !important; */
	margin-left: 10px !important;
	margin-right: 10px !important;
	padding: 0.5em 0em;
}
.modal-titulo {
	font-family: Roboto700 !important;
	color: #1C201E !important;
	font-weight: bold !important;
}
.form-modal-label {
	color: black !important;
	font-weight: bold !important;
	padding-bottom: 5px !important;
}
.form-modal-input {
	color: gray !important;
	font-size: 16px !important;
	background: white !important;
	border: 1px solid black !important;
	border-radius: 6px !important;
	margin-bottom: 12px !important;
}
.form-check-label {
	color: black !important;
}
.form-check {
	text-align: left !important;
}
.form-check-input:checked {
	background-color: #E11923;
	border-color: #E11923;
}
.termos-uso-modal {	
	font-size: 12px !important;
	color: #5e6e67;
	align-items: center;
	text-align: center;
	margin-bottom: 0;
}
.modal-feedback {
	background-color: #5E6E67;
	color: white;
	font-size: 16px !important;
	border-radius: 6px; 
	padding: 20px !important;
}