/* //////////////////// */
/* // FONTES */
/* //////////////////// */
.inter-simmark {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.outfit-simmark {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
/* unused */
.rakkas-regular {
  font-family: "Rakkas", serif;
  font-weight: 400;
  font-style: normal;
}

/* //////////////////// */
/* // ANIMATIONS */
/* //////////////////// */

/*
Source - https://stackoverflow.com/a/39669911
Posted by DigitalDesignDj
Retrieved 2026-01-30, License - CC BY-SA 3.0
*/
.fade-in {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.5s;
}
@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.fade-in-delayed {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 2s;
}
@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}



body
{
	background-color: dfdfdf;
	background-image: url("imagens/bg_texture.png");
	background-size: contain;
	margin: 0px;
	padding: 0px;
	font-family: "Outfit", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	position: relative;
}

body img
{
	filter: blur(0.5px);
	filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.1));
	z-index: -1;
}

p b
{
	font-weight:600;
}

h1
{
	/*
  font-family: "Rakkas", serif;
  font-weight: 400;
  font-style: normal;
  */
  
  font-family: dashiell-bright, serif;
  font-style: normal;
  font-weight: 700;
  
}

hr
{
	border: none;
	height: 1px;
	background-color: #DADADA;
	margin: 10px 50px 10px 50px;
}

.navbar
{
	background-color:ffffff;
	min-height: 78px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	display: flex;
}

#navbar_logo
{
	display: inline-block;
	text-align: left;
	width: 186px;
	height: 44px;
	vertical-align: middle;
	margin-left: 38px;
	margin-top: 17px;
	z-index: 1;
}

.navbar div
{
	flex: 1;
	margin:0px;
	padding:0px;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	height: 100%;
	margin: auto;
}

.navbar_link
{
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	margin: auto;
	text-decoration: none;
	color: 000;
	margin: 10px;
	margin-top: 25px;
}

.navbar_link:hover
{
	/*font-weight:bold;*/
	text-decoration:underline;
}

#navbar_contact
{
	text-align: right;
	width: 48px;
	height: 48px;
	margin-top: 15px;
	margin-right: 38px;
}

.content
{
	width: 100%;
	max-width: 1335px;
	margin:0px auto auto auto;
}

.content_top
{
	min-height: 350px;
	max-height: 500px;
	vertical-align: middle;
	text-align: center;
}

.content_top h1
{
	display: inline-block;
	vertical-align: center;
	line-height: 80px;
	font-size: 65px;
	margin: 0px 10px 0px 10px;
}
.content_top h2
{
	display: inline-block;
	vertical-align: center;
	line-height: 80px;
	font-size: 55px;
	font-weight: 200;
	margin: 0px 10px 0px 10px;
}

#header_quem_somos
{
	background:url('imagens/flav/highlight_red.png');
	background-position: left;
	background-repeat: no-repeat; 
	position:relative;
	left: -50px;
}

.content_sec
{
	display: inline-block;
	vertical-align: middle;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;	
	text-align:left;				
}

.content_sec h1
{
	font-size:55px;
}

.content_sec_imgs
{
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	margin: 20px auto;
}

.content_sec_text
{
	max-width:651px;
}
.content_sec_text_sm
{
	max-width:616px;
}
.content_sec_text_lg
{
	max-width:830px;
}

.content_highlight
{
	border-radius: 15px;
	padding:5px 20px;
	background-color:#DE2232;
	font-weight: bold;
	font-family: Outfit;
}

.centered
{
	text-align:center;
	margin: 0px auto;
}

.card_servicos
{
	margin: 20px 0px 20px 30px;
	font-weight: bold;
	height: 384px;
	display: inline-block;
	padding: 5px;
	border-radius: 30px;
	vertical-align: middle;
	width: 290px;
	max-width: 50%;
}

.card_servicos p
{
	width: 252px;
	margin-left: 25px;
	text-align: left;
	margin-top:0px;
	margin-bottom:0px;
}

.card_servicos hr
{
	max-width: 255px;
	margin: 10px;
}

.card_servicos h1
{
	font-size: 24px;
	vertical-align: bottom;
}

.card_servicos p
{
	font-size: 16px;
}

.red 
{
	background-color: #E75F6B;
	filter: drop-shadow(-10px 7px 1px #DE2232);
}
.red hr
{
	background-color: #CA545E;
}

.yellow
{
	background-color: #FCCA5F;
	filter: drop-shadow(-10px 7px 1px #E7B132);
}
.yellow hr
{
	background-color: #E5B652;
}

.green
{
	background-color: #75BF5F;
	filter: drop-shadow(-10px 7px 1px #3F752F);
}
.green hr
{
	background-color: #58A640;
}

.blue
{
	background-color: #6DBCEE;
	filter: drop-shadow(-10px 7px 1px #174EC6);
}
.blue hr
{
	background-color: #4E99C9;
}

.content_footer
{
	margin-top: 180px;
	background-color: #5787DC;
	min-height: 366px;
	max-height: 100%;
	color: #FFF;
}

.content_footer table td
{
	padding:10px;
	color: #FFF;
	font-weight: bold;
	text-align:left;
}

.content_footer table img
{
	width:32px;
	height:auto;
}

.content_footer a 
{
	text-decoration: none;
	color:#FFF;
	text-align:left;
}

.content_footer a:hover
{
	/*font-weight:bold;*/
	text-decoration:underline;
}