@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;*/

html {
  scroll-behavior: smooth; /*rodalgem suave*/
}

body{ 
margin:0; 
padding:0;
border:0; 
overflow-x:hidden; 
background: #666;
}
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: #dcc7b1; border-radius: 20px; }
body {scrollbar-width: thin; scrollbar-color: #dcc7b1 #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;
		z-index: 995;	
	/* Glassmorphism CSS - https://hype4.academy/tools/glassmorphism-generator*/
	box-shadow: 0 8px 32px 0 rgba( 0, 0, 0, 0.37 );
	backdrop-filter: blur( 20px ); /* desfoque maximo 20*/
	-webkit-backdrop-filter: blur( 20px ); /* desfoque maximo 20*/
	border-radius: 10px;
	border: 1px solid rgba( 255, 255, 255, 0.18 );
        }
.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: #CCC;
		transition: 0.2s ease-in-out;
		}    
a.Link_PoliticaCookies:hover{
	padding:3px; border-radius:5px;
			background:#dcc7b1;
			text-decoration:none;
			color: #000;
			}
.icoAvisoCookies {
			width:40px; height:40px;
			background:#dcc7b1 url(../imagens/rodape/ico_Aviso-FixoR.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:#dcc7b1;
            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: #333;
	color:#FFF;
	}	
@media(max-width:550px){.fundo_Avisocookies{ width:100%;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;
}