/* Duplo D | Faixa de contato + botao de WhatsApp na nav.
   Tokens vindos do :root do style.css do tema filho (paleta 2026), nao dos
   tokens de agentes.css: esta faixa aparece nas 218 URLs do site, e
   agentes.css so carrega nas sete paginas do redesign v2. */

.dd-topbar{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:24px;
	height:36px;
	padding:0 40px;
	background:var(--dd-ink);
	font-family:"Poppins",sans-serif;
	font-size:12px;
	line-height:1;
	color:var(--dd-on-dark-2);
	position:relative; /* nunca sticky: so o header branco acompanha a rolagem */
}
.dd-topbar__tag{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.dd-topbar__contact{
	display:flex;
	align-items:center;
	gap:28px;
	flex:0 0 auto;
}
.dd-topbar__contact a{
	color:var(--dd-on-dark-2);
	text-decoration:none;
}
.dd-topbar__contact a:hover{
	color:var(--dd-on-dark);
}
.dd-topbar__phone{
	color:var(--dd-teal-400) !important;
	font-weight:500;
}

@media (max-width:767px){
	.dd-topbar__tag{ display:none; }
	.dd-topbar{ justify-content:center; padding:0 16px; }
}

/* O botao de WhatsApp dentro do #menu-main-menu. Especificidade alta de
   proposito: o Betheme estiliza <li>/<a> do menu com varios seletores
   proprios, e um botao cheio precisa vencer a cor de link padrao. */
#Top_bar #menu-main-menu li.dd-nav-cta{
	margin-left:8px;
	display:flex;
	align-items:center;
}
#Top_bar #menu-main-menu li.dd-nav-cta > a{
	display:inline-flex;
	align-items:center;
	height:40px;
	padding:0 20px;
	background:var(--dd-red-700);
	color:var(--dd-on-dark) !important;
	border-radius:var(--dd-radius-control);
	font-weight:500;
	transition:background .15s ease;
}
#Top_bar #menu-main-menu li.dd-nav-cta > a:hover{
	background:var(--dd-red-800);
	color:var(--dd-on-dark) !important;
}
#Top_bar #menu-main-menu li.dd-nav-cta > a span{
	border:none !important;
}