:root{
	--base-color:#D6AD75;
	--navbar-bg:#121d2f;
	--nav-link:#9f9f9f;
	--nav-hover:#ffffff;
	--navbar-h:80px;
	--logo-max-h:52px;
}

.atua {
	font-size: 12px;
	line-height: 14px;
	text-align: start !important;
}

.contact {
	color:#fff;
	font-size: 32px;
}

.btn.btn-deep-pink:hover, .btn.btn-deep-pink:focus {
    background: var(--base-color);
    border-color: var(--base-color);
    color: #ffffff;
}

.btn.btn-deep-pink {

    background: transparent;
    border-color: var(--base-color);
    color: var(--base-color);
}

.legacy {
	margin: 60px 0 60px 0;
}

.footer-text {
    font-size: 12px;
    padding-right: 20px;
    line-height: 13px;
	padding-left: 0
}

.footer-addr {
	font-size: 12px;
	line-height: 15px;
}


.banner-style1 {
	line-height: 14px;
    margin-bottom: 30px;	
}

.img-vl {
	width: 140px;
	margin-bottom: 10px;
	border-radius: 2px;
}

.footer-logo {
    max-height: 100%;
}

.social-icon-style-8 a:hover {
    color: #9f9f9f !important;
}

.text-small-copy {
    font-size: 12px;
    line-height: 16px;

}

.text-small-copy a:hover {
	color: #9f9f9f !important;
}

.scroll-top-arrow, .scroll-top-arrow:focus {
    color: #fff;
    background: #000;
}

.scroll-top-arrow:hover {
    color: #fff;
    background: #444;
}

/* =========================================================
   NAVBAR: LINKS (PADRÃO / STICKY / HOVER)
========================================================= */

/* Links do navbar (estado padrão) */
header nav.navbar.white-link .navbar-nav > li > a,
nav.navbar.bootsnav.white-link ul.nav > li > a,
header nav.navbar.white-link .header-social-icon a,
nav.navbar.bootsnav.white-link .header-social-icon a,
header nav.navbar.white-link .header-searchbar a,
nav.navbar.bootsnav.white-link .header-searchbar a,
header nav.navbar.bootsnav ul.nav.white-link > li > a,
header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a,
header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li > a{
	color:var(--nav-link);
	padding:10px 0 10px 0;
}

/* Sticky: padding diferente (sobrescreve apenas o necessário) */
header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a,
header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li > a{
	padding:10px 0;
}

/* Item ativo e hover/focus */
nav.navbar.bootsnav ul.nav > li.active > a,
nav.navbar.bootsnav ul.nav > li > a:hover,
nav.navbar.bootsnav ul.nav > li > a:focus{
	color:var(--nav-hover) !important;
}

/* =========================================================
   LOGO
========================================================= */

header a.logo img{
	max-height:var(--logo-max-h);
	margin-top:3px;
}

/* =========================================================
   NAVBAR: BACKGROUND / ALTURA / CLASSE DO TEMPLATE
========================================================= */

nav.navbar,
nav.navbar.bootsnav,
nav.navbar.navbar-fixed-top,
nav.navbar.bootsnav.navbar-fixed-top,
nav.navbar.bootsnav.navbar-fixed-top.header-dark,
nav.navbar.bootsnav .navbar-collapse{
	background-color:var(--navbar-bg) !important;
}

/* Altura do navbar em sticky */
nav.navbar.bootsnav.navbar-fixed-top,
nav.navbar.bootsnav.navbar-fixed-top.header-dark{
	height:var(--navbar-h);
}

/* Classe utilitária do template */
.bg-extra-dark-gray{
	background-color:var(--navbar-bg);
}

/* =========================================================
   NAVBAR: ESTRUTURA FLEX (LOGO À ESQUERDA / MENU À DIREITA)
========================================================= */

nav.navbar.bootsnav .nav-header-container,
nav.navbar.bootsnav .container.nav-header-container,
nav.navbar.bootsnav .container.nav-header-container > .row{
	display:flex !important;
	align-items:center;
	width:100%;
}

/* Coluna do menu ocupa o espaço restante e empurra para a direita */
nav.navbar.bootsnav .accordion-menu{
	flex:1 1 auto !important;
	display:flex !important;
	justify-content:flex-end !important;
}

/* =========================================================
   DESKTOP (>= 992px)
========================================================= */

@media (min-width:992px){
	nav.navbar.bootsnav .navbar-collapse{
		display:flex !important;
		justify-content:flex-end !important;
		flex:0 0 auto !important;
	}
	nav.navbar.bootsnav ul.nav.navbar-nav{
		float:none !important;
		margin-left:auto !important;
	}
}

/* =========================================================
   MOBILE/TABLET (<= 991px)
========================================================= */

@media (max-width:991px){

	/* Header menu button (correção do seletor: heder -> header) */
	nav.navbar.white-link .header-menu-button a{
		color:var(--nav-link);
		padding:10px 0 10px 20px;
	}

	/* Remove paddings laterais que geram “bordas” no menu */
	nav.navbar.bootsnav .container.nav-header-container{
		padding-left:0 !important;
		padding-right:0 !important;
		max-width:100% !important;
		width:100% !important;
	}
	nav.navbar.bootsnav .nav-header-container,
	nav.navbar.bootsnav .nav-header-container > [class*="col"],
	nav.navbar.bootsnav .accordion-menu{
		padding-left:0 !important;
		padding-right:0 !important;
	}

	/* Se nav-box-width interferir, garante largura total */
	nav.navbar.bootsnav.nav-box-width{
		margin-left:0 !important;
		margin-right:0 !important;
		left:0 !important;
		right:0 !important;
		width:100% !important;
	}

	/* Menu aberto full width */
	nav.navbar.bootsnav .navbar-collapse{
		position:absolute !important;
		top:100% !important;
		margin:0 !important;
		padding:0 !important;

		/* Mantém seu ajuste final (100vw centralizado) */
		width:100vw !important;
		left:50% !important;
		transform:translateX(-50%) !important;
		right:auto !important;
	}

	/* UL sem recuos e ocupando toda a largura */
	nav.navbar.bootsnav ul.nav.navbar-nav{
		width:100% !important;
		margin:0 !important;
		padding:0 !important;

		/* Fundo do menu colapsado (seu ajuste que funcionou) */
		background-color:var(--navbar-bg) !important;
	}

	nav.navbar.bootsnav ul.nav.navbar-nav > li{
		margin:0 !important;
		padding-left:30px;
	}

	/* Recuo apenas do texto (sem criar borda) */
	nav.navbar.bootsnav ul.nav.navbar-nav > li > a{
		padding-left:15px !important;
		padding-right:15px !important;
	}
}

/* =========================================================
   MOBILE PEQUENO (<= 575px)
========================================================= */

@media (max-width:770px){
	header a.logo{
		padding-left:10px !important;
	}
	nav.navbar.bootsnav .navbar-toggler{
		padding-right:10px !important;
	}
	nav.navbar.bootsnav ul.nav.navbar-nav > li{
		margin:0 !important;
		padding-left:10px;
	}
	.footer-text {
    font-size: 12px;
    padding-right: 20px;
    line-height: 13px;
    padding: 0 70px 40px 70px;
}
}

/* =========================================================
   ANIMAÇÃO
========================================================= */

.fa-heart-o{
	animation:2.5s ease 0s normal none infinite running animateHeart;
	font-size:12px;
}
@keyframes animateHeart{
	0%{transform:scale(1);}
	5%{transform:scale(1.2);}
	10%{transform:scale(1.1);}
	15%{transform:scale(1.25);}
	50%{transform:scale(1);}
	100%{transform:scale(1);}
}

/* =========================================================
   RODAPÉ
========================================================= */

footer a:hover,
footer a:focus{
	color:#FFFFFF !important;
}

.bg-charcoal-gray {
	border-bottom: 1px solid #676767;
	border-top: 1px solid #caa175;
	box-shadow: 0 -6px 8px -6px rgba(0,0,0,0.6);
}

/* Ajuste exclusivo Áreas de Atuação (POFO) */
.parallax-ajuste-box.one-second-screen{
	height: auto !important;
	min-height: 0 !important;
	padding-bottom: 0 !important;
}

/* Tira o "feature-box-bottom" do absolute do POFO só aqui */
.parallax-ajuste-box .parallax-feature-box-bottom{
	position: relative !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	bottom: auto !important;
	transform: none !important;
	margin-top: 100px !important;
}

/* Se o POFO estiver aplicando margin negativa na row */
.parallax-ajuste-box .parallax-feature-box-bottom{
	margin-bottom: 40px !important;
	padding-bottom: 60px;
}

@media (max-width: 4096px) {
    .banner-style1 figure figcaption img {
        width: 100px;
    }
}

.text-parc {
    font-weight: 400;
    line-height: 19px;
}

.parallax2 {
    position: relative !important;
    background-size: cover !important;
    overflow: hidden;
   /* background-attachment: fixed !important;*/
    transition-duration: 0s;
    -moz-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
}

.whats-button{
	position:fixed;
	bottom:20px;
	left:20px;
	z-index:999;
	width:58px;
	height:58px;
	cursor:pointer;
}

.fix-whatsapp{
	z-index:999;
}