/* Cabeçalho leve, em creme, inspirado na referência fornecida. */
.header, .header #header, #site-header { background:#fbf8f1; }
.header { border-bottom:1px solid #e5e7df; }
.header.downscrolled { box-shadow:0 3px 14px rgba(45,55,48,.05); }
#site-header { display:flex; align-items:center; min-height:88px; padding:0 3%; }
#site-header .logo { width:180px; flex:0 0 180px; padding:0; }
.header #site-header .logo a { display:flex; align-items:center; line-height:1; min-height:88px; }
#site-header .logo img { width:155px; max-height:65px; object-fit:contain; mix-blend-mode:darken; }
#site-header .contact { flex:0 0 auto; width:auto; }
#site-header .top-bar-right { padding:0 0 0 12px; }
@media(min-width:1025px) {
 #site-header .nav-wrap { flex:1; width:auto; min-width:0; padding:0 0 0 18px; }
 #mainnav .menu { display:flex; flex-wrap:nowrap; align-items:center; justify-content:center; gap:clamp(14px,1.7vw,30px); }
 #mainnav .menu > li { padding:0; float:none; }
 .header #mainnav .menu > li > a { font-family:var(--jost-font),sans-serif; font-size:clamp(13px,1.12vw,16px); font-weight:400; letter-spacing:.01em; line-height:88px; white-space:nowrap; color:#595853; }
 .header #mainnav .menu > li > a:hover, .header #mainnav .menu > li.current-menu-item > a { color:#4b807c; }
 #mainnav .menu > li > a:before { display:none; }
}
@media(min-width:1025px) and (max-width:1180px) {
 #site-header { padding:0 2%; }
 #site-header .logo { width:150px; flex-basis:150px; }
 #site-header .logo img { width:140px; }
 #mainnav .menu { gap:13px; }
 #site-header .nav-wrap { padding-left:10px; }
}
@media(max-width:1024px) {
 #site-header { min-height:80px; }
 .header #site-header .logo a { min-height:80px; }
 #site-header .logo img { width:145px; max-height:58px; }
 #mainnav-mobi { background:#fbf8f1; top:80px; border-top:1px solid #e5e7df; }
 #mainnav-mobi ul li a { font-family:var(--jost-font),sans-serif; color:#595853; font-weight:400; }
 .btn-menu { top:27px; }
}

@media(max-width:1024px) { .header .btn-menu { position:absolute; top:28px; right:24px; left:auto; margin:0; } }

@media(max-width:1024px) { #site-header .contact { position:static; } }

/* Opções de navegação com peso normal em todos os tamanhos. */
.header #mainnav .menu > li > a, #mainnav-mobi ul li a { font-weight:400; }

/* Menu fixo desde o início do scroll, sem sair do topo. */
.header.downscrolled { top:0 !important; left:0; right:0; z-index:9999; }
.header.header-small #site-header .top-bar-right { padding-left:12px; }

/* Navegação sempre visível, com espaço reservado para não tapar o conteúdo. */
body.header_sticky { padding-top:var(--clinic-header-height, 89px); }
body.header_sticky .header { position:fixed !important; top:0 !important; left:0; right:0; width:100%; z-index:9999; margin:0; }
@media(max-width:1024px) { body.header_sticky { padding-top:var(--clinic-header-height, 81px); } }

/* Menu mobile em taupe, sem números no cabeçalho. */
@media(max-width:1024px) {
 .header .btn-menu { color:#776555; }
 .header .btn-menu::before,
 .header .btn-menu::after,
 .header .btn-menu span { background-color:#776555 !important; }
}

/* Marca com maior presença no cabeçalho. */
#site-header .logo { width:230px; flex-basis:230px; }
#site-header .logo img { width:210px; max-height:82px; }
@media(min-width:1025px) and (max-width:1180px) {
 #site-header .logo { width:195px; flex-basis:195px; }
 #site-header .logo img { width:185px; max-height:78px; }
 #mainnav .menu { gap:10px; }
}
@media(max-width:1024px) {
 #site-header .logo { width:205px; flex-basis:205px; }
 #site-header .logo img { width:195px; max-height:74px; }
}
