@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap');
/*font-family: 'Rubik', sans-serif;*/

body{ margin:0; padding:0; border:0; overflow-x:hidden; }

body {scrollbar-width: thin; scrollbar-color:#ee2f2c #3f3f41;}
body::-webkit-scrollbar {width: 5px;}
body::-webkit-scrollbar-track {background: #3f3f41;}
body::-webkit-scrollbar-thumb {background-color:#ee2f2c; border-radius: 20px;}
img {max-width:100%;}
*{margin:0; padding:0;}

/*Padrão LARGURA aqui*/
.largura_padrao{max-width:1280px; margin:auto;}
@media(max-width:1280px){.largura_padrao{max-width:90%;}}

/*Navegação Ancora*/
#Inicio{ width:10px; height:50px; position:absolute; left:0; top:0;}
#Beneficios{ width:10px; height:50px; position:absolute; left:0; top:-150px; }
#Como-Funciona{ width:10px; height:50px; position:absolute; left:0; top:-150px;}
#Pergutas-Frequentes{ width:10px; height:50px; position:absolute; left:0; top:-150px;}
#Quem-Somos{ width:10px; height:50px; position:absolute; left:0; top:-150px; }
#Atendimento{ width:10px; height:50px; position:absolute; left:0; top:-150px; }

.Bk_TagsPag{ 
	width:100%; height:auto;
	padding-top:20px; padding-bottom:20px;
	float:left;
	background: #F8F8F8; 
	}
.tags_x1{
	padding: 5px; border-radius:5px; margin:5px;
	background:#ee2f2c; border:1px solid #FFF; float:left; 
	font-family:'Rubik', Arial, Helvetica, sans-serif; font-size:14px; font-weight: 400; color: #FFF; text-align:left;
	}	
.tags_x0{
	padding: 5px; border-radius:5px; margin:5px;
	background:#FFF; border:1px solid #CCC; float:left; 
	font-family:'Rubik', Arial, Helvetica, sans-serif; font-size:14px; font-weight: 400; color: #333; text-align:left;
	}	
@media(max-width:850px){.Bk_TagsAlinha{display:flex; flex-wrap: wrap; align-items: center; justify-content:center;}}		
.Rodape{
	width:100%; height:auto;
	float:left;
	}	
/* AVISO DE COOKIES */
.fundo_Avisocookies.hide {display: none !important;}
.fundo_Avisocookies {
		width: 350px; height:auto;
		padding-top:40px; padding-bottom:30px;
		position: fixed; 
		bottom:100px;
		right:15px;
		background: #000;
		border-radius:10px;
		border:2px solid #FFF;
		z-index: 995;
        }
.txt_Avisocookies{
			width:300px; height:auto;
			margin:auto;
			padding-bottom:15px;
			font-family: 'Rubik',Arial, sans-serif; color: #CCC; font-size:16px; font-weight:400; text-align:center; line-height:20px;
			position:relative;
        }
a.Link_PoliticaCookies:link, a.Link_PoliticaCookies:visited, a.Link_PoliticaCookies:active {
		text-decoration: underline;
		color: #FFF;
		transition: 0.2s ease-in-out;
		}    
a.Link_PoliticaCookies:hover{
	padding:3px; border-radius:5px;
			background: #ee2f2c;
			text-decoration:none;
			}
.icoAvisoCookies {
			width:40px; height:40px;
			background:#ee2f2c url(../imagens/icones/ico_Aviso.svg) no-repeat center center;
			position:absolute; 
			top:-20px; left:50%; margin-left:-20px;
			border-radius:30px;
			border:2px solid #FFF;
			}
.Bt_Avisocookies{
			width:250px; height:auto;
			margin:auto;
			padding-top:15px; padding-bottom:15px;
			border-radius:10px;
            background: #ee2f2c;
            cursor: pointer;
			font-family: 'Rubik',Arial, sans-serif; color: #FFF; font-size:16px; font-weight:700; text-align:center;
			transition: 0.2s ease-in-out;
        }
.Bt_Avisocookies:hover{background: #999;}
@media(max-width:550px){.fundo_Avisocookies{ width:99%;right:0; border-radius:0; bottom:0;}}		

/*BOTÃO WHATSAPP*/
/*Div imagem do icone*/	
.BTfxWhats .IconeWhats{
	width:50px;
	height:50px;
	z-index:990;
	cursor:pointer;
	}
/*Div bola botão verde*/		
.BTfxWhats{
	position:fixed;
	bottom:25px; right:25px;
	width:55px;
	height:55px;
	background:#00dc00 ;
	border-radius:75px;
/*alinhamento de objetos na div no centro flex-center-center*/
	display:flex;
	justify-content:center;
	align-items: center;
	z-index:800;
	}	
/*Animação dentro Div bola botão verde*/
.BTfxWhats:before, .BTfxWhats::after{
	content:'';
	display:block; /*para o alemento aparecer*/
	position:absolute; /*relativo dentro do BTfxWhats*/
	background:#00FF00; /*cor diferente para transição*/
	border-radius:50%;
	left:-20px;
	right:-20px;
	top:-20px;
	bottom:-20px;
	animation: LIGAAQUI 1.5s linear infinite; /*ação para a variavel "animar" em loop infinito*/
	opacity:0;
	z-index:800;
	}		
/*Animar variavel 3 estagios da variavel LIGAAQUI*/	
@keyframes LIGAAQUI{
	0%{ transform: scale(0.3); opacity:0; } /*duração e estagio da animação 1*/
	50%{ opacity:1; } /*duração e estagio da animação 2*/
	100%{ transform: scale(0.8); opacity:0; } /*duração e estagio da animação 3*/
	}