/**
 * Fortalhost — Paleta de cores da marca (site-wide)
 * Navy 60% | Sky 25% | Grow 12% | Pulse 3%
 */
:root {
  --fh-navy: #0E2A4E;
  --fh-sky: #3795FC;
  --fh-grow: #17BD54;
  --fh-pulse: #F3B700;
  --fh-soft: #F4F6FA;
  --fh-line: #E3E8EE;
  --fh-muted: #6B7A8E;
  --fh-ink: #1A1D2B;

  /* Cores lavadas da paleta (planos e cards) */
  --fh-navy-wash: #E9EEF4;
  --fh-navy-wash-border: #C7D3E0;
  --fh-sky-wash: #E8F3FE;
  --fh-sky-wash-border: #B8DAFD;
  --fh-pulse-wash: #FEF6E0;
  --fh-pulse-wash-border: #F5E3A8;
  --fh-grow-wash: #E7F9EE;
  --fh-grow-wash-border: #B8EBCB;

  /* Hostinkar theme tokens */
  --tg-theme-primary: #0E2A4E;
  --tg-theme-primary-2: #3795FC;
  --tg-theme-primary-3: #17BD54;
  --tg-theme-secondary: #17BD54;
  --tg-color-blue-default: #3795FC;
  --tg-color-dark-blue: #0E2A4E;
  --tg-color-yellow-default: #F3B700;
  --tg-color-green-default: #17BD54;
  --tg-heading-color: #1A1D2B;
  --tg-body-color: #6B7A8E;
  --tg-color-gray-3: #F4F6FA;
  --tg-color-gray-8: #F4F6FA;
  --tg-color-gray-4: #6B7A8E;
  --tg-border-2: #E3E8EE;
  --tg-border-4: #E3E8EE;
  --tg-border-5: #E3E8EE;
  --tg-color-dark: #1A1D2B;
  --tg-color-dark-4: #0E2A4E;
}

/* Links */
a:not(.tg-btn):hover,
a:not(.tg-btn):focus {
  color: var(--fh-sky);
}

/* Botões sólidos (sem variante border) */
.tg-btn:not(.tg-border-btn-four):not(.tg-border-btn-two):not(.tg-border-btn-three):not(.tg-border-btn) {
  background: var(--fh-navy) !important;
  color: #fff !important;
}

.tg-btn:not(.tg-border-btn-four):not(.tg-border-btn-two):not(.tg-border-btn-three):not(.tg-border-btn):hover,
.tg-btn:not(.tg-border-btn-four):not(.tg-border-btn-two):not(.tg-border-btn-three):not(.tg-border-btn):focus-visible {
  background: var(--fh-sky) !important;
  color: #fff !important;
}

/* Botões outline — fundo claro + texto Sky */
.tg-btn.tg-border-btn-four,
.tg-btn.tg-border-btn-two,
.tg-btn.tg-border-btn-three,
.tg-btn.tg-border-btn {
  background: #fff !important;
  color: var(--fh-sky) !important;
  border: 1px solid var(--fh-sky) !important;
}

.tg-btn.tg-border-btn-four:hover,
.tg-btn.tg-border-btn-four:focus-visible,
.tg-btn.tg-border-btn-two:hover,
.tg-btn.tg-border-btn-two:focus-visible,
.tg-btn.tg-border-btn-three:hover,
.tg-btn.tg-border-btn-three:focus-visible,
.tg-btn.tg-border-btn:hover,
.tg-btn.tg-border-btn:focus-visible {
  background: var(--fh-sky) !important;
  border-color: var(--fh-sky) !important;
  color: #fff !important;
}

/* CTA principal — Sky */
.tg-btn-two {
  background: linear-gradient(180deg, #3795FC 0%, #2a7fe0 100%) !important;
  color: #fff !important;
}

.tg-btn-two::before {
  background: var(--fh-sky) !important;
}

.tg-btn-two:hover::before,
.tg-btn-two:focus-visible::before {
  background: var(--fh-grow) !important;
}

.tg-btn-two:hover,
.tg-btn-two:focus-visible {
  background: linear-gradient(180deg, #3795FC 0%, #2a7fe0 100%) !important;
  color: #fff !important;
}

.tg-btn.tg-btn-five {
  background: var(--fh-sky) !important;
  color: #fff !important;
}

.tg-btn.tg-btn-five:hover,
.tg-btn.tg-btn-five:focus-visible {
  background: var(--fh-grow) !important;
  color: #fff !important;
}

/* Header navigation */
.tg-header__area-four .tgmenu__navbar-wrap > ul > li.active > a,
.tg-header__area-four .tgmenu__navbar-wrap > ul > li:hover > a,
.navigation li.active > a,
.navigation li:hover > a {
  color: var(--fh-sky) !important;
}

/* Tags, badges, highlights */
.blog__post-tag,
.badge,
.pricing__badge {
  background: var(--fh-grow) !important;
  color: #fff !important;
}

/* Section backgrounds & borders */
.breadcrumb__content .breadcrumb,
.blog__details-tag .list-wrap li a {
  background: var(--fh-soft) !important;
}

.tg-header__area-four .tgmenu__wrap {
  border-color: var(--fh-line) !important;
}

/* Footer & dark sections */
.footer__area,
.footer__top {
  background-color: var(--fh-navy) !important;
}

/* Scroll to top — Navy */
button.scroll__top,
.scroll__top.open,
.scroll__top.scroll-to-target {
  background: #0E2A4E !important;
  border-color: #0E2A4E !important;
  color: #fff !important;
}

button.scroll__top:hover,
button.scroll__top:focus-visible,
.scroll__top.open:hover,
.scroll__top.scroll-to-target:hover {
  background: #3795FC !important;
  border-color: #3795FC !important;
  color: #fff !important;
}

/* Elementor global colors */
.elementor-kit-7 {
  --e-global-color-primary: #0E2A4E;
  --e-global-color-secondary: #3795FC;
  --e-global-color-text: #6B7A8E;
  --e-global-color-accent: #17BD54;
}

/* Pulse — pontos de atenção */
.fh-pulse-accent,
.pricing__offer,
.tg-header__top-btn {
  background: var(--fh-pulse) !important;
  color: var(--fh-navy) !important;
}

/* =========================================
   Planos — cores lavadas da paleta
   Start: Navy | Profissional: Sky
   Avançado: Pulse | Business: Grow
   ========================================= */

.pricing-tab .tab-btn strong {
  color: var(--fh-grow) !important;
}

.pricing-tab-three .pricing-tab-switcher {
  background: var(--fh-sky) !important;
}

.pricing__box-seven {
  background: var(--fh-navy-wash) !important;
  border: none !important;
}

.pricing__box-seven .pricing__box-top {
  border-color: var(--fh-navy-wash-border) !important;
}

.pricing__item-wrap-four .row > *:nth-child(2) .pricing__box-seven {
  background: var(--fh-sky-wash) !important;
}

.pricing__item-wrap-four .row > *:nth-child(2) .pricing__box-seven .pricing__box-top {
  border-color: var(--fh-sky-wash-border) !important;
}

.pricing__item-wrap-four .row > *:nth-child(3) .pricing__box-seven {
  background: var(--fh-pulse-wash) !important;
}

.pricing__item-wrap-four .row > *:nth-child(3) .pricing__box-seven .pricing__box-top {
  border-color: var(--fh-pulse-wash-border) !important;
}

.pricing__item-wrap-four .row > *:nth-child(4) .pricing__box-seven {
  background: var(--fh-grow-wash) !important;
}

.pricing__item-wrap-four .row > *:nth-child(4) .pricing__box-seven .pricing__box-top {
  border-color: var(--fh-grow-wash-border) !important;
}

.pricing__box-four .pricing__plan .title {
  color: var(--fh-ink) !important;
}

.pricing__box-four .pricing__plan .price-off {
  background: #fff !important;
  border-color: var(--fh-line) !important;
  color: var(--fh-navy) !important;
}

.pricing__box-four .pricing__plan .price-off.active {
  background: var(--fh-grow) !important;
  color: #fff !important;
  border: none !important;
}

.pricing__box-four .pricing__price .price {
  color: var(--fh-ink) !important;
}

.pricing__box-four .pricing__price .price span {
  color: var(--fh-muted) !important;
}

.pricing__box-four .pricing__list .icon {
  color: var(--fh-sky) !important;
}

.pricing__box-four .pricing__list .content svg {
  color: var(--fh-muted) !important;
}

.pricing__box-four .pricing__btn .tg-btn {
  background: var(--fh-navy) !important;
  color: #fff !important;
}

.pricing__box-four .pricing__btn .tg-btn:hover,
.pricing__box-four .pricing__btn .tg-btn:focus-visible {
  background: var(--fh-sky) !important;
  color: #fff !important;
}

.pricing__box-four .pricing__select {
  background: #fff !important;
  color: var(--fh-sky) !important;
}

/* Destaque "O que você ganha" nos planos */
.titulo-beneficios {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 20px;
  font-weight: 700;
  color: var(--fh-ink) !important;
  margin-top: 22px;
  margin-bottom: 16px;
  padding: 8px 12px;
  background: rgba(23, 189, 84, 0.12) !important;
  border-left: 4px solid var(--fh-grow) !important;
  border-radius: 8px;
}

.titulo-beneficios::before {
  content: "✓";
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  background: var(--fh-grow) !important;
  border-radius: 50%;
}

/* =========================================
   Central de Ajuda — filtros e FAQ
   ========================================= */

.faq__tab-wrap .nav-link {
  color: #0E2A4E !important;
  border-color: #0E2A4E !important;
  background: #fff !important;
}

.faq__tab-wrap .nav-link.active,
.faq__tab-wrap .nav-link:hover,
.faq__tab-wrap .nav-link:focus-visible {
  background: #0E2A4E !important;
  border-color: #0E2A4E !important;
  color: #fff !important;
}

.faq__wrap-three .accordion-button:not(.collapsed)::before {
  color: #0E2A4E !important;
  border-color: #0E2A4E !important;
}