/* ========================================
   NIEDACK ADVOCACIA
   CSS PRINCIPAL
======================================== */

/* BASE */
@import url("./variables.css");
@import url("./reset.css");

/* ANIMAÇÕES */
@import url("./animations.css");

/* SEÇÕES */
@import url("./header.css");
@import url("./hero.css");
@import url("./about.css");
@import url("./areas.css");
@import url("./estrategia.css");
@import url("./serviço.css");
@import url("./processo.css");
@import url("./escritorio.css");
@import url("./faq.css");
@import url("./localizacao.css");
@import url("./contato.css");
@import url("./cta.css");
@import url("./footer.css");

/* RESPONSIVO (SEMPRE O ÚLTIMO) */
@import url("./responsive.css");

/* =========================
   BOTÕES VERDES
========================= */

/* Botões principais */
.nav-btn,
.mobile-menu-btn,
.hero-btns .btn-primary,
.contato-form .contato-submit,
.cta-actions .cta-btn,
.localizacao-maps-btn,
.whatsapp-float {
  background: #198754 !important;
  background-color: #198754 !important;
  background-image: none !important;
  border-color: #198754 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(25, 135, 84, 0.25) !important;
  transition:
    background 0.3s ease,
    transform 0.3s ease,
    box-shadow 0.3s ease !important;
}

/* Texto e ícones dos botões */
.nav-btn i,
.mobile-menu-btn i,
.hero-btns .btn-primary i,
.contato-form .contato-submit i,
.cta-actions .cta-btn i,
.localizacao-maps-btn i,
.whatsapp-float i {
  color: #ffffff !important;
}

/* Efeito ao passar o mouse */
.nav-btn:hover,
.mobile-menu-btn:hover,
.hero-btns .btn-primary:hover,
.contato-form .contato-submit:hover,
.cta-actions .cta-btn:hover,
.localizacao-maps-btn:hover,
.whatsapp-float:hover {
  background: #146c43 !important;
  background-color: #146c43 !important;
  background-image: none !important;
  border-color: #146c43 !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(20, 108, 67, 0.32) !important;
}