/* ── Cabeçalho: faixa de destaque + menu lateral ── */
header{
  background:linear-gradient(90deg,var(--brand-primary) 0%,var(--brand-dark) 55%,var(--brand-dark) 100%)!important;
  box-shadow:0 3px 22px rgba(25,25,25,.4)!important;
  border-bottom:3px solid var(--brand-primary);
}
header .nav{gap:22px}
header .logo{order:1;display:flex;align-items:center;gap:0}

/* Logo institucional (mascote + nome + CRECI em uma peça só) */
header .logo-img{
  display:block;
  height:70px;
  width:auto;
  max-width:315px;
  object-fit:contain;
  filter:drop-shadow(0 2px 10px rgba(17,17,17,.5));
  transition:transform .2s;
}
header .logo-img:hover{transform:scale(1.03)}
header .menu.menu-lateral{order:2}
header .header-acoes{order:3}

/* Menu central em linha única, caixa alta */
header .menu.menu-lateral{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  flex:1;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  flex-wrap:nowrap;
}
header .menu-lateral a{
  position:relative;
  display:inline-flex;
  align-items:center;
  padding:5px 4px;
  border:0;
  border-radius:0;
  color:#fff;
  font-size:16px;
  font-weight:800;
  line-height:1.05;
  letter-spacing:.02em;
  text-transform:uppercase;
  white-space:nowrap;
  text-shadow:0 1px 6px rgba(0,0,0,.35);
  transition:color .18s,transform .18s;
}
header .menu-lateral a::before{display:none!important}
header .menu-lateral a::after{
  content:'';position:absolute;left:4px;right:4px;bottom:-2px;height:3px;
  background:var(--brand-primary);border-radius:3px;transform:scaleX(0);transform-origin:left;transition:transform .2s;
}
header .menu-lateral a:hover{color:var(--brand-surface);transform:translateY(-1px)}
header .menu-lateral a:hover::after,
header .menu-lateral a.ativo::after{transform:scaleX(1)}
header .menu-lateral a.ativo{color:var(--brand-primary)}
header .menu-sep{color:rgba(255,255,255,.45);font-size:16px;font-weight:400;line-height:1}
header .menu-lateral a:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px}

/* Cluster à direita: frase "Deus é Pai" (texto) + botão WhatsApp */
header .header-acoes{display:flex;align-items:center;gap:14px;white-space:nowrap}
header .header-deus{
  font-family:'Playfair Display',serif;
  font-style:italic;
  font-size:17px;
  font-weight:600;
  color:var(--brand-primary);
  text-shadow:0 1px 6px rgba(0,0,0,.35);
}
header .header-wpp{
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 16px;border-radius:999px;
  background:#25D366;color:#fff;
  font-size:13px;font-weight:800;letter-spacing:.02em;
  box-shadow:0 6px 16px rgba(117,117,117,.3);
  transition:transform .15s,filter .15s;
}
header .header-wpp:hover{transform:translateY(-1px);filter:brightness(1.05)}
header .header-wpp i{font-size:17px}

.mobile-menu-toggle{display:none}

@media(max-width:1180px){
  header .menu-lateral a{font-size:14px}
  header .header-deus{font-size:15px}
  header .logo-img{height:70px;max-width:270px}
}
@media(max-width:900px){
  header .nav{position:relative}
  header .menu.menu-lateral{display:none}
  header .header-deus{display:none}
  header .header-wpp{display:none!important}
  header .mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:96px;min-height:48px;padding:10px 14px;border:1px solid rgba(255,255,255,.35);border-radius:12px;background:transparent;color:#fff;font:600 14px 'Inter',sans-serif;cursor:pointer}
  header .mobile-menu-toggle:hover,header .mobile-menu-toggle[aria-expanded="true"]{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.65)}
  header .mobile-menu-toggle:focus-visible,header .menu-lateral a:focus-visible{outline:2px solid #fff;outline-offset:3px}
  header .menu.menu-lateral.is-open{display:flex;position:absolute;top:100%;left:12px;right:12px;z-index:110;flex:none;flex-direction:column;align-items:stretch;gap:4px;padding:12px;background:var(--brand-dark,#111);border:1px solid rgba(255,255,255,.18);border-radius:0 0 16px 16px;box-shadow:0 16px 30px rgba(0,0,0,.22);max-height:calc(100dvh - 130px);overflow-y:auto}
  header .menu.menu-lateral .menu-sep{display:none}
  header .menu.menu-lateral a{display:flex;align-items:center;min-height:48px;padding:12px 16px;border-radius:10px;white-space:normal;font-size:14px;font-weight:600;line-height:1.4;text-transform:none;text-shadow:none;color:#fff}
  header .menu.menu-lateral a::after{display:none}
  header .menu.menu-lateral a:hover,header .menu.menu-lateral a.ativo{background:rgba(255,255,255,.1);transform:none}
  header .logo-img{height:62px;max-width:240px}
}
@media(max-width:480px){
  header .logo-img{height:52px;max-width:200px}
}