/* Atualização de cores do banner de aviso existente (.avisoHome), conforme
   componente "Faixa Aviso" do Figma. Estrutura/lógica ACF não muda.
   Fundo/radius ficam no .containerSite (largura limitada, igual ao resto das
   seções), não no wrapper externo (.nm-aviso), que senão vira uma faixa
   100% viewport atrás do box em vez de só o box arredondado. */
.nm-aviso .containerSite {
  background: var(--nm-color-aviso-bg);
  border-radius: var(--nm-radius-sm);
}

.nm-aviso .avisoHomeConteudo h2 {
  color: var(--nm-color-white);
  font-family: var(--nm-font-family);
  font-weight: var(--nm-font-weight-medium);
  font-size: var(--nm-font-size-md);
}

.nm-aviso .avisoHomeConteudo p {
  color: var(--nm-color-text-on-dark);
  font-family: var(--nm-font-family);
  font-size: var(--nm-font-size-base);
}

.nm-aviso .iconeCloseAviso {
  cursor: pointer;
}

/* .nm-btn base (buttons.css) usa gap/padding/line-height diferentes do spec
   deste componente — sobrescreve só aqui pra não afetar outros botões que já
   usam .nm-btn (CTA do Quem Somos, categorias, etc). */
.nm-aviso .btnAvisoHome .nm-btn {
  gap: var(--nm-space-2);
  padding: var(--nm-space-3) var(--nm-space-4);
  line-height: var(--nm-line-height-base);
}

/* .btnAvisoHome a (classe + elemento, do CSS legado em src/css/css.css) tem
   mais especificidade que .nm-btn--outline-blue (só classe) e vencia com o
   azul antigo (#2095ee) em vez do azul da nova marca (--nm-color-blue,
   #39BAE5). Precisa do seletor completo aqui pra vencer a mesma especificidade. */
.nm-aviso .btnAvisoHome a.nm-btn {
  border-color: var(--nm-color-blue);
  color: var(--nm-color-blue);
}

.nm-aviso .btnAvisoHome a.nm-btn:hover {
  background: var(--nm-color-blue);
  color: var(--nm-color-deep-blue);
}