/* ---------------------------
   :root — todas as variáveis
   --------------------------- */
:root {
  --theme-color-1: #d92123;
  --theme-color-2: #fff;
  --theme-color-3: #191919;
  --theme-color-4: #868686;
  --theme-color-5: #eff3f4;
  --theme-color-6: #5c1011;
  --theme-color-7: #41b70a;
  --theme-color-8: #3a3a3a;
  --theme-color-9: #000000;
  --theme-color-10: #ffffff;
  --theme-color-11: #00ff88;
  --theme-color-12: #ffeb3b;
  --theme-color-13: #1e4721;
  --theme-color-14: #ccc;
  --theme-color-15: #000;
  --theme-color-16: #999;
  --theme-color-17: #d4edda;
  --theme-color-18: #155724;
  --theme-color-19: #f8d7da;
  --theme-color-20: #721c24;
  --theme-color-21: #ddd;
  --theme-color-22: #f9f9f9;
  --theme-color-23: #333;
  --theme-color-24: #666;
  --theme-color-25: #d6dad7;
  --theme-color-26: #222;
  --theme-color-27: #f5f5f5;
  --theme-color-28: #007BFF;
  --theme-color-29: #dedede;
  --theme-color-30: #28a745;
  --theme-color-31: #dc3545;
  --theme-color-32: #006400;
  --theme-color-33: #888888;
  --theme-color-34: #246e46;
  --theme-color-35: #b8191f;
  --theme-color-36: #dbdbdb;
  --theme-color-37: #5b5b5b;
  --theme-color-38: #fbfbfb;
  --theme-color-39: #141414;
  --theme-color-40: #555;
  --theme-color-41: #264b29;
  --theme-color-42: #131111;
  --theme-color-43: #141313;
  --theme-color-44: #e3e6ea;
  --theme-color-45: #777;
  --theme-color-46: #e6ffef;
  --theme-color-47: #145a32;
  --theme-color-48: #ffebea;
  --theme-color-49: #6b1414;
  --theme-color-50: rgba(0, 0, 0, 0);
  --theme-color-51: rgba(0, 0, 0, 0.9);
  --theme-color-52: rgba(0, 0, 0, 0.37);
  --theme-color-53: rgba(0, 0, 0, 0.564);
  --theme-color-54: rgba(0, 0, 0, 0.6);
  --theme-color-55: rgba(128, 0, 0, 0.9);
  --theme-color-56: rgb(255, 255, 255);
  --theme-color-57: rgba(0, 0, 0, 0.1);
  --theme-color-58: rgba(0, 0, 0, 0.2);
  --theme-color-59: rgba(0, 123, 255, 0.5);
  --theme-color-60: rgba(0, 123, 255, 0.7);
  --theme-color-61: rgb(0, 0, 0);
  --theme-color-62: rgb(33, 195, 33);
  --theme-color-63: rgba(217, 33, 35, 0.10);
  --theme-color-64: rgba(217, 33, 35, 0.14);
  --theme-color-65: rgba(33, 195, 33, 0.35);
  --theme-color-66: rgba(0, 0, 0, 0.55);
  --theme-color-67: rgba(0, 0, 0, 0.35);
  --theme-color-68: rgba(255, 255, 255, 0.95);
  --theme-color-69: rgba(0, 0, 0, 0.45);
  --theme-color-70: rgba(0, 0, 0, 0.7);
  --theme-color-71: rgba(255, 255, 255, 0.96);
  --theme-color-72: rgba(16, 24, 40, 0.08);
  --theme-color-73: rgba(217, 33, 35, 0.08);
  --theme-color-74: rgba(65, 183, 10, 0.06);
  --theme-color-75: rgba(16, 24, 40, 0.12);
  --theme-color-76: rgba(217, 33, 35, 0.12);
  --theme-color-77: rgba(0, 0, 0, 0.06);
  --theme-color-78: rgba(255, 255, 255, 1);
  --theme-color-79: rgba(250, 250, 250, 1);
  --theme-color-80: rgba(0, 0, 0, 0.08);
  --theme-color-81: rgba(16, 24, 40, 0.18);
  --theme-color-82: rgba(16, 24, 40, 0.06);
  --theme-color-83: rgba(20, 33, 62, 0.06);
  --theme-color-84: green;
  --theme-color-85: transparent;
  --theme-color-86: white;
  --theme-color-87: red;

  /* cores primárias */
  --main-color: #246E46;
  /* cor principal (botões, destaques) */
  --primary-text-color: #ffffff;
  /* texto principal claro (headers/rodapé) */
  --secondary-text-color: #191919;
  /* texto secundário escuro */
  --secondary-color: #868686;
  /* tom secundário (hover botão atual) */
  --tertiary-color: #eff3f4;
  /* fundo/caixas claro */
  --secondary-bg-color: #1e4721;
  /* fundo rodapé escuro */
  --green-bg-color: #41b70a;
  /* verde secundário */

  /* ajustes / utilitários usados no styles.css */
  --nav-link-hover: #00ff88;
  /* link hover nav */
  --nav-link-active: #ffeb3b;
  /* estado ativo nav */
  --body-bg-color: #f0f0f0;
  /* fallback para body bg */
  --header-overlay: rgba(0, 0, 0, 0.6);
  --service-bg: #f9f9f9;
  --service-card-bg: #ffffff;
  --service-title-color: #333333;
  --service-text-color: #666666;
  --recommendation-title: #006400;
  --recommendation-text: #888888;

  /* WhatsApp icon sizes */
  --wap-width-desktop: 190px;
  --wap-width-tablet: 110px;
  --wap-width-mobile: 90px;

  /* foco / glow (utilizado em inputs) */
  --focus-border: #007BFF;
  --focus-shadow: rgba(0, 123, 255, 0.5);
}

/* ---------------------------
   Substituições / sobreposições
   (regras com mesmo seletor do styles.css para usar as variáveis)
   --------------------------- */

/* Body */
body {
  background-color: var(--body-bg-color) !important;
  /* Caso forçar outra imagem, adicionar: background-image: var(--body-bg-image); */
}

/* Navbar transparente (texto) */
.bg-green-transparent {
  color: var(--primary-text-color) !important;
}

.bg-green-transparent .navbar-nav .nav-link {
  color: var(--primary-text-color) !important;
}

/* Navbar sticky */
.bg-green-fixed {
  background-color: rgba(0, 0, 0, 0.9) !important;
}

/* Brand hover utiliza main color */
.navbar-brand:hover {
  color: var(--main-color) !important;
}

/* Nav link hovers e sublinhado */
.nav-link:hover {
  color: var(--nav-link-hover) !important;
}

.nav-link::after {
  background: var(--nav-link-hover) !important;
}

.nav-link:active {
  color: var(--nav-link-active) !important;
}

/* Header overlay */
.header-new .overlay {
  background-color: var(--header-overlay) !important;
}

.header-new h1,
.header-new p {
  color: var(--primary-text-color) !important;
}

.header-text:hover {
  color: var(--main-color) !important;
}

/* Buttons principais (.btn) */


/* WhatsApp icon sizing */
.wap {
  width: var(--wap-width-desktop) !important;
  height: auto !important;
}

@media (max-width: 768px) {
  .wap {
    width: var(--wap-width-tablet) !important;
  }
}

@media (max-width: 480px) {
  .wap {
    width: var(--wap-width-mobile) !important;
  }
}

/* Inputs / foco — mantém aparência atual, mas usa variáveis */
input:hover,
textarea:hover,
select:hover {
  border-color: var(--focus-border) !important;
  box-shadow: 0 0 10px var(--focus-shadow) !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--focus-border) !important;
  box-shadow: 0 0 10px var(--focus-shadow) !important;
}

/* Services area */
#other-services {
  background-color: var(--service-bg) !important;
}

.service {
  background: var(--service-card-bg) !important;
}

.service-info h4 {
  color: var(--service-title-color) !important;
}

.service-info p {
  color: var(--service-text-color) !important;
}

/* About data icons & numbers */
#about-data .data i {
  color: var(--main-color) !important;
}

.data .number {
  color: var(--primary-text-color) !important;
}

/* Recommendation cards */
.recommendation-card h4 {
  color: var(--recommendation-title) !important;
}

.recommendation-card p {
  color: var(--recommendation-text) !important;
}

/* Footer */
#footer {
  background-color: var(--secondary-bg-color) !important;
  color: var(--primary-text-color) !important;
}

#footer a {
  color: var(--primary-text-color) !important;
}

#footer a:hover {
  color: var(--main-color) !important;
}

.networks a {
  background-color: var(--main-color) !important;
}

/* Hover-effect e hover-text (rodapé) */
.hover-effect,
.hover-text {
  color: var(--primary-text-color) !important;
}

.hover-effect {
  color: rgb(33, 195, 33) !important;
}

/* Setas / ícones indicadores (acordeon) */
.gs-accordion-toggle .arrow {
  color: var(--secondary-text-color) !important;
}