/* Paleta institucional — apenas index.html (classe em <html>) */
html.theme-index {
  --theme-gold: #e0b448;
  --theme-green: #314c3b;
  --theme-green-deep: #132017;
  --theme-ice: #f2f2f2;

  --oit-clr-white: #f2f2f2;
  --oit-grey-1: #f2f2f2;
  --oit-clr-black: #132017;
  --oit-theme-1: #132017;
  --oit-text-body: #4a5c52;
  --oit-grey-2: #314c3b;
  --oit-border-1: #d8deda;
}

html.theme-index body {
  background-color: var(--theme-ice);
}

html.theme-index .sd-hero-bg::after {
  background-color: rgba(19, 32, 23, 0.5);
}

html.theme-index .oit-header-bdr {
  border-bottom-color: rgba(242, 242, 242, 0.35);
}

html.theme-index .oit-header-bar {
  background-color: rgba(242, 242, 242, 0.95);
}

html.theme-index .oit-btn-border.btn-black-bg {
  color: var(--theme-ice);
  border-color: var(--theme-green);
  background-color: var(--theme-green);
}

html.theme-index .oit-btn-border.btn-black-bg i {
  color: var(--theme-green-deep);
  background-color: var(--theme-gold);
}

html.theme-index .oit-btn-border.btn-white-bg {
  color: var(--theme-green-deep);
  border-color: var(--theme-ice);
  background-color: var(--theme-ice);
}

html.theme-index .oit-btn-border.btn-white-bg i {
  color: var(--theme-ice);
  background-color: var(--theme-green);
}

html.theme-index .oit-btn-border.btn-blur-bg {
  background-color: rgba(242, 242, 242, 0.12);
  border-color: rgba(224, 180, 72, 0.35);
}

html.theme-index .oit-footer-widget {
  background-color: var(--theme-green);
  border-color: rgba(242, 242, 242, 0.08);
}

html.theme-index .oit-footer-widget-social a:hover {
  color: var(--theme-gold);
}

html.theme-index .oit-bin-to-card-item.black-bg .oit-bin-to-card-list svg path {
  fill: rgba(242, 242, 242, 0.55);
}

html.theme-index .oit-faq-style .oit-price-item {
  background-color: var(--theme-green);
  border-color: rgba(242, 242, 242, 0.12);
}

html.theme-index .dg-testimonial-item .quote svg path {
  fill: var(--theme-green-deep);
}

html.theme-index .oit-bin-to-card-item.black-bg {
  background-color: var(--theme-green);
}

html.theme-index .oit-text-slider-area .oit-btn-border.btn-white-bg i {
  background-color: var(--theme-gold);
  color: var(--theme-green-deep);
}

html.theme-index .kestriah-hero-sub {
  font-weight: 400;
  letter-spacing: 0.02em;
}

/* Páginas Soluções (hub + serviços) */
html.theme-index .kestriah-solucoes-hero {
  padding-top: 200px;
  padding-bottom: 100px;
  background-color: var(--theme-green-deep);
}

html.theme-index .kestriah-solucoes-hero h1 {
  color: var(--theme-ice);
}

html.theme-index .kestriah-solucoes-hero p {
  color: rgba(242, 242, 242, 0.88);
  max-width: 42rem;
}

html.theme-index .kestriah-solucao-section h2:not(.oit-text-white),
html.theme-index .kestriah-solucao-section h3:not(.oit-text-white) {
  color: var(--theme-green-deep);
}

html.theme-index .kestriah-solucao-cta-final h2.oit-section-title {
  color: var(--theme-ice);
}

html.theme-index .kestriah-solucao-list {
  color: var(--oit-text-body);
  line-height: 1.85;
  padding-left: 1.1rem;
}

html.theme-index .kestriah-solucao-list li {
  margin-bottom: 0.5rem;
}

html.theme-index .kestriah-nucleo-card {
  border: 1px solid var(--oit-border-1);
  border-radius: 4px;
  padding: 2rem;
  height: 100%;
  background: #fff;
}

html.theme-index .kestriah-nucleo-card .dg-step-title {
  font-size: 1.15rem;
}

/* Breadcrumb no hero: pill com fundo claro — texto em verde para contraste */
html.theme-index .kestriah-solucoes-hero .blog-details-breadcrumb-badges .badge {
  color: var(--theme-green-deep);
}

html.theme-index .kestriah-solucoes-hero .blog-details-breadcrumb-badges .badge a {
  color: var(--theme-green-deep);
}

html.theme-index .kestriah-solucoes-hero .blog-details-breadcrumb-badges svg path {
  fill: var(--theme-green);
}

/* WhatsApp fixo — canto inferior direito */
.kestriah-whatsapp-float {
  position: fixed;
  right: 18px;
  bottom: 22px;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #25d366;
  color: #fff;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.kestriah-whatsapp-float:hover {
  color: #fff;
  transform: scale(1.06);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.28);
}

.kestriah-whatsapp-float:focus-visible {
  outline: 2px solid var(--theme-gold, #e0b448);
  outline-offset: 3px;
}

.kestriah-whatsapp-float svg {
  flex-shrink: 0;
}
