/* ---------- Geral ---------- */

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Allerta";
}

/* ---------- Barra superior ---------- */

.logotipo {
	width: 280px;
	height: 98px;
	filter: invert(100%);
}
header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	padding: 0rem;
	z-index: 100000;
}
header ul{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2.2rem;
}
header ul li{
	position: relative;
	list-style: none;
}
header ul li a{
	text-decoration: none;
	font-size: 1.2rem;
	color: black;
	cursor: pointer;
	transition: 0.5s;
}
.navbar {
	width: 100%;
	height: 100px;
	max-width: 90%;
	margin: -5px auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: 0.5s;
}
	/* ------------------

	Barra que faz slide in quando passamos o rato por cima

	o .links apenas está aqui para funcionar

	------------------ */

.links::after{
	content: '';
	height: 2px;
	width: 0;
	background: black;
	position: absolute;
	left: 0;
	bottom: -5px;
	transition: 0.5s;
}
.links:hover::after{
	width: 100%;
}
	/* ------------------

	Dropdownlist navbar produtos

	------------------ */

.dropdown_nav_menu {
	display:none;
	position: fixed;
	top: 90px;
	right: 4rem;
	width: 250px;
	z-index: 360;
	transition: 0.5s;
}
	.dropdown_nav_menu.aberto {
		display: flex;
		animation-name: FadeIn;
		animation-duration: 0.2s;
		animation-timing-function: ease-out;
	}
.li_links_nav_drop {
	list-style: none;
	padding: 0.7rem;
	background: white;
	border-bottom: solid 1px #E5E5E5;
	transition: 0.5s;
}
	.li_links_nav_drop:hover {
		background: #E5E5E5;
		color:black;
	}
.a_links_nav_drop {
	text-decoration: none;
	font-size: 1.2rem;
	color: black;
	padding: 0.7rem;
	cursor: pointer;
	transition: 0.5s;
}
	.a_links_nav_drop:hover {
		color: black;
	}

	/* ------------------

	Dropdownlist smart

	------------------ */

.dropdown_produtos {
	width: 1rem;
	height: 1rem;
	filter: invert(100%);
	transition: 0.3s;
}

.btn_dropdown_smart {
	display: none;
}

.dropdown_smart {
	width: 2rem;
	height: 2rem;
	filter: invert(100%);
}

.dropdown_smart_menu {
	display: none;
}

	/* ------------------

	Conteudo principal

	------------------ */

	.caixa_titulo{
		width: 80%;
		margin: 0 auto;
	}
		.espacamento {
			padding: 0 0 1vh;
		}
	.caixa_conteudo{
		width: 75%;
		margin: 0 auto;
	}
		.ul_texto{
			list-style-type: square;
		}
		.texto_conteudo{
			font-size: 1.3rem;
			word-wrap: break-word;
		}

	/* ------------------

	Rodapé

	------------------ */

.posicionamento_baixo{
	position:fixed;
	bottom: 1rem;
	width: 100%;
}
.texto_rodape {
	margin: 0 auto 10px;
	padding: 0px 15px 15px 15px;
	width: 80%;
}
.split_texto_left {
	float: left;
}
.split_texto_right {
	float: right;
}
.separar_da_barra {
	height: 125px;
}

	/* ------------------

	Misc.

	------------------ */

.titulos {
	text-align: left;
	font-size: 2.2rem;
	margin: 0vh 0 3vh 0;
}
.icones {
	max-width: 1.5rem;
	max-height: 1.5rem;
	transition: 0.5s;
}
html {
	scroll-behavior: smooth;
}
body::-webkit-scrollbar{
	display:none;
}

/* ---------- Hrefs ---------- */
#inicio_da_pagina {
	scroll-margin-top: 999999px;
}

	/* ------------------

	Modo Landscape

	------------------ */

@media only screen and (max-height: 720px) and (orientation: landscape) {
	.logotipo {
		width: 237px;
		height: 83px;
		filter: invert(100%);
	}

	header ul {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 1.5rem;
	}

		header ul li a {
			text-decoration: none;
			font-size: 1rem;
			color: black;
		}

	.navbar {
		width: 100%;
		height: 65px;
		max-width: 90%;
		margin: -5px auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.separar_da_barra {
		height: 75px;
	}
}







#magnifying_area {
	overflow: hidden;
	position: relative;
}