/* ===== Header + Menu navy — Expresso BH ===== */

.topo-navy-bar {
  background: #0a2540;
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 1000;
}

.topo-navy-conteudo {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  padding: 8px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.topo-logo-row {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}
.topo-logo-img {
  height: 30px;
  width: auto;
  max-width: 480px;
  display: block;
}
.topo-logo-row .emoji { font-size: 24px; }
.topo-logo-row .brand1 { color: #ffffff; font-size: 20px; font-weight: 900; font-family: Arial, Helvetica, sans-serif; }
.topo-logo-row .brand2 { color: #ffffff; font-size: 20px; font-weight: 900; font-family: Arial, Helvetica, sans-serif; }

.topo-menu-btn {
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 8px;
  z-index: 1001;
}
.topo-menu-btn span {
  display: block;
  width: 26px;
  height: 3px;
  background: #ffffff;
  border-radius: 2px;
  transition: 0.25s;
}
.topo-menu-btn.aberto span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.topo-menu-btn.aberto span:nth-child(2) { opacity: 0; }
.topo-menu-btn.aberto span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

.menu-overlay {
  display: none;
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: #0a2540;
  z-index: 999;
  overflow-y: auto;
  padding: 90px 24px 40px;
}
.menu-overlay.aberto { display: block; }

.menu-overlay ul {
  list-style: none;
  max-width: 480px;
  margin: 0 auto;
  padding: 0;
}
.menu-overlay li { border-bottom: 1px solid rgba(255,255,255,0.08); }
.menu-overlay a {
  display: block;
  padding: 16px 4px;
  color: #ffffff;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 700;
}
.menu-overlay .item-destaque a { color: #ffffff; text-decoration: underline; }

.submenu-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 4px;
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 700;
  cursor: pointer;
}
.submenu-toggle .seta { transition: transform 0.2s; font-size: 14px; color: #9fb6cf; }
.submenu-toggle.aberto .seta { transform: rotate(180deg); }

.submenu-lista { display: none; list-style: none; padding: 0 0 8px 14px; margin: 0; }
.submenu-lista.aberto { display: block; }
.submenu-lista li { border-bottom: none; }
.submenu-lista a { font-size: 15px; font-weight: 500; color: #cfe3f0; padding: 11px 4px; }

.menu-whatsapp-btn {
  display: block;
  margin: 24px auto 0;
  max-width: 480px;
  background: #25D366;
  color: #ffffff !important;
  text-align: center;
  border-radius: 12px;
  padding: 14px;
  font-weight: 800;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
}