/* Dança Carajás Festival — acentos sobre o tema Babun (fontes Satoshi/Clash: ver imports em style.css) */
:root {
	--dcbf-primary: #E9BC11;
	--dcbf-primary-dark: #b8940d;
}

html {
	scroll-padding-top: 6.5rem;
}

/* Tipografia base: sans geométrica (Satoshi), igual ao template original */
body,
button,
input,
select,
optgroup,
textarea {
	font-family: "Satoshi", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6,
.hero-heading {
	font-family: "Satoshi", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Onde o tema usa display decorativo */
.font-magnita,
.title-four h2 {
	font-family: "Magnita", ui-serif, Georgia, "Times New Roman", serif;
}

/* Logo institucional (PNG) */
img.dcbf-logo {
	height: auto;
	max-height: 44px;
	width: auto;
	display: block;
}
/*
 * NÃO usar brightness(0) invert(1) na logo: isso colapsa tons e apaga o desenho interno (ex.: textura do “CARAJÁS”).
 * Sobre o hero escuro: halo com drop-shadow mantém a arte legível.
 * Com menu .fixed (barra amarela): PNG original, sem filtro.
 */
.theme-main-menu.white-vr.menu-overlay:not(.fixed) .logo img.dcbf-logo {
	filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.95))
		drop-shadow(0 0 12px rgba(255, 255, 255, 0.28))
		drop-shadow(0 4px 14px rgba(0, 0, 0, 0.35));
}
.theme-main-menu.white-vr.fixed .logo img.dcbf-logo {
	filter: none !important;
}
.footer-two img.dcbf-logo.dcbf-logo--footer {
	max-height: 52px;
}

/* Botões principais */
.btn-twenty.color-dcbf,
a.btn-twenty.color-dcbf {
	background: var(--dcbf-primary) !important;
	color: #1a1a1a !important;
	border-color: var(--dcbf-primary) !important;
}
a.btn-twenty.color-dcbf:hover {
	background: var(--dcbf-primary-dark) !important;
	color: #111 !important;
}

/* Links e detalhes */
.upper-title-two.text-dcbf,
.title-one .upper-title.text-dcbf {
	color: var(--dcbf-primary) !important;
}

.dcbf-timeline-year {
	color: var(--dcbf-primary) !important;
}

/* Hero CTAs secundário (contorno) */
.btn-twenty.border-dcbf {
	background: transparent !important;
	color: #fff !important;
	border: 2px solid #fff !important;
}
.btn-twenty.border-dcbf:hover {
	background: rgba(255, 255, 255, 0.12) !important;
}

/* Contato no topo: branco sobre hero; páginas com fundo claro mantêm amarelo marca */
.theme-main-menu.white-vr:not(.fixed) .quote-one.fw-500.tran3s {
	color: #fff !important;
}
.theme-main-menu:not(.white-vr) .quote-one.fw-500.tran3s {
	color: var(--dcbf-primary);
}

/* Menu fixo após scroll: fundo amarelo marca (substitui o tom marrom/oliva do tema) */
.theme-main-menu.white-vr.fixed {
	background: var(--dcbf-primary) !important;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}
.theme-main-menu.white-vr.fixed .nav-item .nav-link {
	color: #1a1a1a !important;
}
.theme-main-menu.white-vr.fixed .nav-item:hover .nav-link {
	color: #000 !important;
}
.theme-main-menu.white-vr.fixed .quote-one.fw-500.tran3s {
	color: #1a1a1a !important;
}
.theme-main-menu.white-vr.fixed .navbar-toggler {
	background: rgba(255, 255, 255, 0.85) !important;
}
.theme-main-menu.white-vr.fixed .navbar-toggler::before,
.theme-main-menu.white-vr.fixed .navbar-toggler::after,
.theme-main-menu.white-vr.fixed .navbar-toggler span {
	background: #1a1a1a !important;
}

/* Cards “O que torna… único” / eixos — círculo do ícone em amarelo marca */
.card-style-twenty .icon {
	background: var(--dcbf-primary) !important;
}
/* Ícone gráfico dentro do círculo: silhueta branca sobre fundo amarelo */
.card-style-twenty .icon img {
	filter: brightness(0) invert(1);
}

/* Credibilidade / reconhecimento (text-feature-two): ícones no topo dos card-style-five em branco */
.text-feature-two .card-style-five .icon img {
	filter: brightness(0) invert(1);
}

/* Impacto social (fancy-banner): bolinha sempre amarelo marca; glyph interno sempre branco */
.fancy-banner-seven .bg-wrapper li:before {
	background: var(--dcbf-primary) !important;
}
.fancy-banner-seven .bg-wrapper li:hover:before {
	background: var(--dcbf-primary-dark) !important;
}
.fancy-banner-seven .bg-wrapper li:after,
.fancy-banner-seven .bg-wrapper li:hover:after {
	color: #fff !important;
}

/*
 * Heros inner-banner-one: o shape SVG (shape_25) tem largura fixa e o texto
 * (ex.: "mundo") ficava fora do branco. Fundo em CSS acompanha sempre o bloco do título.
 */
.inner-banner-one .hero-heading:not(.no-bg) {
	background: #fff !important;
	border-radius: 28px;
	padding: 0.5rem 1.6rem 0.9rem 1.45rem !important;
	max-width: 100%;
	width: fit-content;
	box-sizing: border-box;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.inner-banner-one .hero-heading:not(.no-bg) img {
	display: none !important;
}

/* Submenu Intercâmbios (Bootstrap dropdown) */
.theme-main-menu .navbar .dropdown-menu {
	border: none;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.14);
	border-radius: 12px;
	padding: 0.5rem 0;
	margin-top: 0.35rem;
	min-width: 14rem;
}
.theme-main-menu .navbar .dropdown-item {
	color: #1a1a1a;
	padding: 0.55rem 1.25rem;
	font-size: 0.95rem;
}
.theme-main-menu .navbar .dropdown-item:hover,
.theme-main-menu .navbar .dropdown-item:focus {
	background: rgba(233, 188, 17, 0.22);
	color: #111;
}
.theme-main-menu .navbar .dropdown-item span {
	display: inline-block;
}
.theme-main-menu .navbar .dropdown-toggle::after {
	vertical-align: 0.12em;
}

/* CTA final — botão contorno escuro */
a.btn-twenty.border.border-dark.tran3s {
	background: transparent !important;
	color: #111 !important;
	border-color: #111 !important;
}
a.btn-twenty.border.border-dark.tran3s:hover {
	background: #111 !important;
	color: #fff !important;
}

/* =============================================================================
   Verdes do tema Babun (#19352D, #29594B, #144D41, overlays) → marca DCBF
   (todas as páginas que incluem dcbf-festival.css)
   ============================================================================= */

::-webkit-scrollbar-thumb {
	background: var(--dcbf-primary) !important;
}

/* Preloader: letras em tons de verde → amarelo marca */
.ctn-preloader .txt-loading .letters-loading {
	color: rgba(233, 188, 17, 0.16) !important;
}
.ctn-preloader .txt-loading .letters-loading::before {
	color: var(--dcbf-primary-dark) !important;
}

.scroll-top {
	color: #1a1a1a !important;
}

/* Títulos: remover verde #19352D (exceto headings explicitamente brancos) */
.main-page-wrapper h1:not(.text-white),
.main-page-wrapper h2:not(.text-white),
.main-page-wrapper h3:not(.text-white),
.main-page-wrapper h4:not(.text-white),
.main-page-wrapper h5:not(.text-white),
.main-page-wrapper h6:not(.text-white) {
	color: #1a1a1a !important;
}

/* Botão pill (.btn-four): fundo verde → amarelo (ex.: Solicitar informações, Enviar) */
.btn-four,
a.btn-four,
button.btn-four {
	background-color: var(--dcbf-primary) !important;
	color: #1a1a1a !important;
}
.btn-four:hover,
a.btn-four:hover,
button.btn-four:hover {
	background-color: var(--dcbf-primary-dark) !important;
	color: #111 !important;
}

/* Outros botões do tema que usavam verde em hover ou texto */
.btn-one:hover {
	background-color: var(--dcbf-primary-dark) !important;
	color: #111 !important;
}
.btn-two:hover {
	border-color: var(--dcbf-primary-dark) !important;
}
.main-page-wrapper .btn-five .text {
	color: #1a1a1a !important;
}
.main-page-wrapper .btn-five:hover .icon {
	color: #1a1a1a !important;
}
.btn-six {
	color: #1a1a1a !important;
	border-color: var(--dcbf-primary) !important;
}
.main-page-wrapper .btn-seven .text,
.main-page-wrapper .btn-eight .text {
	color: #1a1a1a !important;
}
.main-page-wrapper .btn-eight:hover .icon {
	color: #1a1a1a !important;
}
.main-page-wrapper .btn-nine {
	color: #1a1a1a !important;
}

/* Utilitário do tema */
.color-deep {
	color: #5c4a0f !important;
}

/* CTA fancy-banner-eight: fundo esverdeado → mesmo creme das secções light-bg-deep */
.fancy-banner-eight .bg-wrapper {
	background: #F4F1E6 !important;
}

/* Overlays escuros verdes → castanho quente (mantém contraste na foto) */
.fancy-banner-three:before {
	background: rgba(74, 61, 15, 0.6) !important;
}
.fancy-banner-five:before {
	background: rgba(45, 36, 10, 0.7) !important;
}

/* Blocos de demo com fundo verde profundo */
.hero-banner-eight {
	background: var(--dcbf-primary-dark) !important;
}
.block-feature-eighteen .bg-wrapper {
	background: var(--dcbf-primary-dark) !important;
}

/* =============================================================================
   EcoPassos — títulos e textos em preto (evita verde do tema; selos text-dcbf
   continuam amarelos no HTML)
   ============================================================================= */
.page-ecopassos .title-one h2:not(.text-white) {
	color: #1a1a1a !important;
}
.page-ecopassos .title-one h2.text-dark {
	color: #1a1a1a !important;
}
.page-ecopassos .fancy-banner-eight .title-one h2.text-dark {
	color: #1a1a1a !important;
}

.page-ecopassos h4.fw-bold:not(.text-white):not(.text-dark) {
	color: #1a1a1a !important;
}
.page-ecopassos .light-bg h4.fw-bold {
	color: #1a1a1a !important;
}

.page-ecopassos .text-lg:not(.text-white) {
	color: #1a1a1a !important;
}

.page-ecopassos .list-item li,
.page-ecopassos .media-list-item li {
	color: #1a1a1a !important;
}

.page-ecopassos .card-style-two .small,
.page-ecopassos .card-style-three p,
.page-ecopassos .card-style-sixteen p {
	color: rgba(26, 26, 26, 0.88) !important;
}

.page-ecopassos .counter-block-two .main-count {
	color: #1a1a1a !important;
}

.page-ecopassos .blog-title h4,
.page-ecopassos .blog-title .small {
	color: #1a1a1a !important;
}

/* Checkmarks da lista em “Como funciona” */
.page-ecopassos .text-feature-one .media-list-item li:after {
	color: #1a1a1a !important;
}
.page-ecopassos .text-feature-one .media-list-item li:hover:after {
	color: #fff !important;
}