/* Barô: header sobre o topo, rodapé e detalhes tipográficos dos layouts Elementor. */
body { background-color: var(--evs-background); }

/* Títulos com trecho em negrito (ex.: "Nossa gestão."): o peso não depende do peso base. */
.elementor-heading-title :is(strong, b) { font-weight: 600; }

/* ---------- Header ---------- */
.evs-header { background: var(--baro-footer); border-bottom: 0; transition: background-color .4s ease, box-shadow .4s ease; }
.evs-header--scrolled { box-shadow: none; }
.baro-header-overlay .evs-header { position: fixed; inset-inline: 0; background: transparent; }
.baro-header-overlay .evs-header--scrolled,
.baro-header-overlay .evs-header--menu-open { background: rgb(5 31 38 / 94%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.elementor .baro-header.evs-template-header { position: relative; max-width: calc(var(--baro-container) + 64px); min-height: 84px; }
.baro-header::after { content: ''; position: absolute; inset: auto var(--padding-right, 32px) 0 var(--padding-left, 32px); height: 1px; background: rgb(255 255 255 / 20%); transition: opacity .4s ease; }
.evs-header--scrolled .baro-header::after { opacity: 0; }
.evs-header--compact .baro-header.evs-template-header { min-height: 70px; }
.baro-header .evs-widget-menu { --evs-menu-color: #fff; --evs-menu-hover: var(--evs-accent); --evs-menu-active: #fff; }
.baro-header .evs-widget-menu a.evs-menu-active { text-decoration: underline; text-decoration-color: var(--evs-accent); text-decoration-thickness: 1px; text-underline-offset: 8px; }
.baro-header .elementor-button { white-space: nowrap; }
/* Editando o template isolado: fundo escuro para enxergar o texto branco. */
.single-elementor_library .baro-header { background: #052B36; }
@media (max-width: 1024px) {
 .elementor .baro-header.evs-template-header { min-height: 72px; }
 .baro-header .evs-widget-menu--mobile.is-enhanced .evs-widget-menu__toggle { border-color: rgb(255 255 255 / 35%); background: transparent; color: #fff; }
 .evs-header--elementor .baro-header .evs-widget-menu--mobile.is-enhanced .evs-widget-menu__panel { border: 0; border-top: 1px solid rgb(255 255 255 / 12%); background: var(--baro-footer); box-shadow: none; }
 .baro-header .evs-widget-menu--mobile .evs-widget-menu__list > li + li { border-color: rgb(255 255 255 / 12%); }
 .baro-header .evs-widget-menu--mobile a { padding-block: 14px; font-size: 16px; }
}

/* ---------- Rodapé ---------- */
/* Rodapé em uma linha, como no layout: sem a faixa extra reservada ao botão flutuante
 * de WhatsApp (o main.js já o desvia quando encosta nos links do rodapé). */
body:has(.evs-whatsapp) .evs-footer.evs-footer--elementor { padding-bottom: 0; }
.evs-footer--elementor { background: var(--baro-footer); }

/* ---------- Seções ---------- */
/* Etapas da gestão: linhas verticais entre colunas somem quando as colunas empilham. */
@media (max-width: 767px) {
 .baro-etapas > .e-con { border-left-width: 0 !important; padding-left: 0 !important; }
 .baro-etapas > .e-con + .e-con { border-top: 1px solid #C9CED0 !important; padding-top: 28px !important; }
 /* Quebras de linha pensadas para o desktop: no celular o texto flui. */
 .baro-quebra-desktop br { display: none; }
}

/* Texto vertical "Explore" no canto do topo. */
.baro-explore { pointer-events: none; }
@media (max-width: 767px) { .baro-explore { display: none; } }