@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; 
background:#000;
}
img {
max-width: 100%;
height: auto;
display: block;
}
*{
margin:0; 
padding:0;
}

/*scrollbar*/
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track {background: #333333; }
::-webkit-scrollbar-thumb {background-color: #b69d90; border-radius: 20px; }
body {scrollbar-width: thin; scrollbar-color: #b69d90 #333333; }

/* 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:1.5px solid #333;
		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: #00dc00;
			text-decoration:none;
			}
.icoAvisoCookies {
			width:40px; height:40px;
			background:#00dc00 url(../imagens/icones/ico_Aviso.svg) no-repeat center center;
			position:absolute; 
			top:-20px; left:50%; margin-left:-20px;
			border-radius:30px;
			border:0;
			}
.Bt_Avisocookies{
			width:250px; height:auto;
			margin:auto;
			padding-top:15px; padding-bottom:15px;
			border-radius:10px;
            background:#00dc00 url(../imagens/botoes/efeito_verde_bt.png) top center no-repeat; background-size:100% 50px;
            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: #333333 url(../imagens/botoes/efeito_preto_bt.png) top center no-repeat; background-size:100% 50px;
	}
@media(max-width:550px){.fundo_Avisocookies{ width:99.5%;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:15px; right:15px;
	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*/
	}						
	
/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
font-size: 100%;
font: inherit;
box-sizing: border-box; /* Define a caixa de modelo como border-box para evitar problemas de dimensionamento */
}
/* Remover a formatação padrão para listas */
ol, ul {
list-style: none;
}
/* Remover margens e preenchimentos padrão em elementos incorporados */
embed, object, iframe {
margin: 0;
padding: 0;
}