:root {
	--cor-primaria:			#ff7d24;
	--cor-primaria-hover:	#fca266;
	--cor-secundaria:		#2b2e34;
	--fundo-preto:			#131416;
	--fundo-branco:			#FFF3EB;
}

html {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}

a {
	text-decoration: none;
	color: inherit;
}

.navbar-row, .navbar-row > *{
	font-family: 'Montserrat', sans-serif;
	font-size: 1.25rem;
}

.navbar-logo {
	height: 64px;
}

.navbar-links {
	display: flex;
}

.footer-link {
	transition: all 0.2s ease;
	border-bottom: 1px solid transparent;
}

.footer-link:after {
	display:block;
	content: '';
	border-bottom: solid 1px var(--cor-primaria);  
	transform: scaleX(0);  
	transition: transform 0.2s ease-in-out;
}

.footer-link:hover {
	color: var(--cor-primaria);
}

.footer-link:hover:after {
	transform: scaleX(1);
}

.navbar-button {
	width: 200px;
	border-radius: 8px;
	font-weight: 500;
	transition: all 0.2s ease;
}

.navbar-button-primary {
	box-sizing: border-box;
	color: var(--fundo-preto);
	background: var(--cor-primaria);
	border: 2px solid var(--cor-primaria);
}

.navbar-button-primary:hover {
	box-sizing: border-box;
	color: var(--fundo-branco);
	background: var(--cor-primaria);
}

.navbar-button-secondary {
	box-sizing: border-box;
	color: var(--cor-primaria);
	border: 2px solid var(--cor-primaria);
}

.navbar-button-secondary:hover {
	box-sizing: border-box;
	color: var(--fundo-branco);
}

.hero {
	height: 100dvh;
}

.hero-image {
	background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('/assets/images/hero-image.jpg') center/cover no-repeat;
}

.values-text {
	min-height: 5.5rem;
}

.section-img {
	width: 100%;
	height: auto;
	background-position: center center;
}

.quem-somos-img {
	min-height: 240px;
	background: url('/assets/images/rc_vistorias_icon.png') no-repeat;
	background-size: contain;
	background-position: center center;
}

.nossa-missao-img {
	min-height: 240px;
	background: url('/assets/images/acordo-image-2.jpg') no-repeat;
	background-size: cover;
	background-position: center center;
}

.footer-logo-img {
	min-height: 240px;
	background: url('/assets/images/rc_vistorias_logo_extenso_branco.png') no-repeat;
	background-size: contain;
	background-position: center center;
}

.button-primary {
	background-color: var(--cor-primaria);
	transition: background-color 0.3s ease;
}

.button-primary:hover {
	background-color: var(--cor-primaria-hover);
}

.button-secondary {
	color: var(--cor-primaria);
	border: 2px solid var(--cor-primaria);
	transition: border, color 0.3s ease;
}

.button-secondary:hover {
	color: var(--cor-primaria-hover);
	border: 2px solid var(--cor-primaria-hover);
}