/* Topo da página inicial, em duas linhas (dentro de .nv-cab__topo, ver cabecalho.css):
 * 1) faixa no terracota do logo (#B84C26), texto branco: área de atendimento, diferenciais alternando e redes;
 * 2) linha branca: telefone | WhatsApp | e-mail. */

body.nova-pagina {
  --nv-tb-bg: #b84c26;          /* terracota da casa e de "DECORAÇÕES" no logo */
  --nv-tb-fg: #ffffff;          /* 5,12:1 sobre o terracota */
  --nv-tb-muted: #fbeee7;       /* 4,6:1 — texto secundário */
  --nv-tb-accent: #ffffff;      /* ícones, pontos e sublinhado */
  --nv-tb-line: rgba(255, 255, 255, 0.22);
}

body.nova-pagina .nv-topbar a,
body.nova-pagina .nv-contatos a { text-decoration: none; }
body.nova-pagina .nv-sr {
  position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}

/* ===================== 1) Faixa laranja ===================== */
body.nova-pagina .nv-topbar {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  min-height: 44px;
  padding-inline: max(20px, calc((100% - 1200px) / 2));
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 24px;
  background: var(--nv-tb-bg);
  font: 400 13.5px/1.2 "Heebo", system-ui, sans-serif;
  color: var(--nv-tb-fg);
  letter-spacing: 0.01em;
}
/* fio no laranja claro (a outra cor do logo) separando da linha branca */
body.nova-pagina .nv-topbar::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 2px;
  background: var(--nv-brand-500, #f67d21);
}
body.nova-pagina .nv-topbar a { color: inherit; }
body.nova-pagina .nv-topbar__ico {
  width: 16px; height: 16px; flex: none; fill: var(--nv-tb-accent);
  transition: transform var(--nv-dur-s, 200ms) var(--nv-ease-out, ease), fill var(--nv-dur-s, 200ms);
}

/* Área de atendimento: texto simples (não é link), com sublinhado fixo de destaque */
body.nova-pagina .nv-topbar__local {
  margin: 0;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  white-space: nowrap;
  font-weight: 500;
}
body.nova-pagina .nv-topbar__local > span {
  border-bottom: 1px solid var(--nv-tb-accent);
  padding-bottom: 2px;
}
/* versão curta só no celular estreito, onde a frase inteira não cabe ao lado das redes */
body.nova-pagina .nv-topbar__curto { display: none; }

/* Diferenciais alternando (um visível por vez; leitores de tela leem a lista) */
body.nova-pagina .nv-topbar__destaques {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  justify-items: center;
  min-width: 0;
  color: var(--nv-tb-muted);
}
body.nova-pagina .nv-topbar__destaques li {
  grid-area: 1 / 1;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 500ms var(--nv-ease-out, ease), transform 500ms var(--nv-ease-out, ease);
}
body.nova-pagina .nv-topbar__destaques li.is-ativo,
body.nova-pagina .nv-topbar__destaques:not(.is-pronto) li:first-child { opacity: 1; transform: none; }
body.nova-pagina .nv-topbar__destaques li.is-saindo { opacity: 0; transform: translateY(-6px); }

/* Redes */
body.nova-pagina .nv-topbar__redes { display: inline-flex; align-items: center; }
body.nova-pagina .nv-topbar__social {
  display: inline-grid;
  place-items: center;
  width: 44px; height: 44px;
  border-radius: 50%;
}
body.nova-pagina .nv-topbar__social .nv-topbar__ico { fill: var(--nv-tb-muted); }
body.nova-pagina .nv-topbar__social { transition: background-color var(--nv-dur-s, 200ms); }
body.nova-pagina .nv-topbar__social:is(:hover, :focus-visible) { background: rgba(255, 255, 255, 0.16); }
body.nova-pagina .nv-topbar__social:is(:hover, :focus-visible) .nv-topbar__ico { fill: var(--nv-tb-fg); transform: scale(1.12); }

/* Foco: anel único de base.css; a faixa tem data-fundo="terracota" → anel branco. */

/* ===================== 2) Linha branca de contatos (estilo da topbar original) ===================== */
body.nova-pagina .nv-contatos {
  box-sizing: border-box;
  width: 100%;
  padding: 6px max(16px, calc((100% - 1200px) / 2));
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  background: #fff;
  font: 400 15px/1.2 "Heebo", system-ui, sans-serif;
}
body.nova-pagina .nv-contatos > * { position: relative; padding-inline: 22px; }
/* divisória vertical laranja entre os itens, como no original */
body.nova-pagina .nv-contatos > * + *::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 26px;
  border-left: 1px solid var(--nv-brand-500, #f67d21);
  transform: translateY(-50%);
}
body.nova-pagina .nv-contatos__item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  color: var(--nv-brand-700, #b84c26);
  white-space: nowrap;
  transition: color var(--nv-dur-s, 200ms);
}
body.nova-pagina .nv-contatos > a.nv-contatos__item { padding-inline: 22px; }
body.nova-pagina .nv-contatos__email { display: inline-flex; align-items: center; }
body.nova-pagina .nv-contatos__email .nv-contatos__item { padding: 0; }
body.nova-pagina .nv-contatos__ico {
  width: 17px; height: 17px; flex: none;
  fill: var(--nv-brand-700, #b84c26);
  transition: fill var(--nv-dur-s, 200ms), transform var(--nv-dur-s, 200ms);
}
body.nova-pagina .nv-contatos__item > span {
  background: linear-gradient(var(--nv-brand-500, #f67d21), var(--nv-brand-500, #f67d21)) no-repeat 0 100% / 0 1px;
  padding-bottom: 2px;
  transition: background-size var(--nv-dur-m, 400ms) var(--nv-ease-out, ease);
}
body.nova-pagina .nv-contatos__item:is(:hover, :focus-visible) { color: var(--nv-brand-800, #9e3f1f); }
body.nova-pagina .nv-contatos__item:is(:hover, :focus-visible) > span { background-size: 100% 1px; }
body.nova-pagina .nv-contatos__item:is(:hover, :focus-visible) .nv-contatos__ico { fill: var(--nv-brand-500, #f67d21); transform: translateY(-1px); }


/* ===================== Faixas de largura ===================== */
@media (max-width: 1024px) {
  body.nova-pagina .nv-topbar { grid-template-columns: auto 1fr; gap: 16px; }
  body.nova-pagina .nv-topbar__destaques { display: none; }
  body.nova-pagina .nv-topbar__redes { justify-self: end; }
}
/* Celular: faixa compacta (local + redes); contatos = telefone | WhatsApp, sem e-mail (como no original) */
@media (max-width: 767px) {
  body.nova-pagina .nv-topbar { padding-inline: 12px 4px; font-size: 13px; }
  body.nova-pagina .nv-contatos { padding: 0; flex-wrap: nowrap; font-size: 14px; }
  body.nova-pagina .nv-contatos__email { display: none; }
  body.nova-pagina .nv-contatos > a.nv-contatos__item { flex: 1 1 50%; justify-content: center; padding-inline: 8px; }
}
@media (max-width: 379px) {
  body.nova-pagina .nv-topbar__longo { display: none; }
  body.nova-pagina .nv-topbar__curto { display: inline; }
}
@media (max-width: 359px) {
  body.nova-pagina .nv-contatos { font-size: 13px; }
  body.nova-pagina .nv-contatos__ico { width: 15px; height: 15px; }
  body.nova-pagina .nv-contatos > a.nv-contatos__item { gap: 6px; padding-inline: 4px; }
}

/* Telas baixas: menos respiro na linha de contatos (desktop) e, no celular deitado,
   a linha sai: o WhatsApp segue na faixa e no flutuante; telefone e e-mail, no Contato (R-03). */
@media (min-width: 768px) and (max-height: 820px) {
  body.nova-pagina .nv-contatos { padding-block: 0; }
}
@media (max-height: 500px) and (orientation: landscape) {
  body.nova-pagina .nv-contatos { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  body.nova-pagina :is(.nv-topbar, .nv-contatos) *,
  body.nova-pagina :is(.nv-topbar, .nv-contatos) *::before { transition: none !important; }
}