/* Hares Contabilidade — tema claro/escuro v1.2
   Implementação leve, sem biblioteca externa. */
:root {
  color-scheme: light;
  --hares-theme-bg: #ffffff;
  --hares-theme-surface: #f8fbff;
  --hares-theme-surface-2: #eef7ff;
  --hares-theme-text: #0f172a;
  --hares-theme-muted: #526078;
  --hares-theme-border: #dce6f3;
  --hares-theme-header: rgba(255,255,255,.95);
  --hares-theme-shadow: rgba(15,23,42,.10);
}
html[data-theme="dark"] {
  color-scheme: dark;
  --hares-theme-bg: #071426;
  --hares-theme-surface: #0c1d33;
  --hares-theme-surface-2: #102640;
  --hares-theme-text: #eef6ff;
  --hares-theme-muted: #b7c7d9;
  --hares-theme-border: #27425f;
  --hares-theme-header: rgba(7,20,38,.94);
  --hares-theme-shadow: rgba(0,0,0,.38);
}
html.hares-theme-ready body,
html.hares-theme-ready #navbar,
html.hares-theme-ready main section,
html.hares-theme-ready .ct-card,
html.hares-theme-ready .hares-loc-section,
html.hares-theme-ready .hares-loc-phone,
html.hares-theme-ready .hares-loc-phone-screen {
  transition: background-color .28s ease, background-image .28s ease, color .28s ease, border-color .28s ease, box-shadow .28s ease;
}

/* Controle no cabeçalho e no menu mobile */
.hares-theme-toggle {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  padding: .64rem .82rem;
  border: 1px solid rgba(18,115,222,.20);
  border-radius: 14px;
  background: rgba(240,249,255,.86);
  color: #075985;
  box-shadow: 0 8px 22px rgba(15,23,42,.07);
  font-weight: 800;
  font-size: .78rem;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: transform .2s ease, background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
}
.hares-theme-toggle:hover { transform: translateY(-1px); box-shadow: 0 12px 26px rgba(18,115,222,.14); }
.hares-theme-toggle:focus-visible { outline: 3px solid rgba(18,115,222,.32); outline-offset: 3px; }
.hares-theme-toggle svg { width: 1.12rem; height: 1.12rem; flex: 0 0 auto; }
.hares-theme-toggle [data-hares-theme-sun] { display: none !important; }
html[data-theme="dark"] .hares-theme-toggle [data-hares-theme-sun] { display: block !important; }
html[data-theme="dark"] .hares-theme-toggle [data-hares-theme-moon] { display: none !important; }
.hares-theme-toggle--mobile { width: 100%; margin-top: .5rem; padding: .85rem 1rem; font-size: .88rem; }
html[data-theme="dark"] .hares-theme-toggle {
  color: #dff7ff;
  background: rgba(16,38,64,.92);
  border-color: rgba(56,189,248,.30);
  box-shadow: 0 10px 24px rgba(0,0,0,.24);
}

/* Base da página */
html[data-theme="dark"] body { background: var(--hares-theme-bg) !important; color: var(--hares-theme-text) !important; }
html[data-theme="dark"] #navbar {
  background: var(--hares-theme-header) !important;
  border-color: rgba(148,163,184,.18) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.14);
}
html[data-theme="dark"] #navbar .text-gray-800,
html[data-theme="dark"] #navbar .text-gray-700 { color: #e6f0fb !important; }
html[data-theme="dark"] #navbar .text-gray-500 { color: #9fb2c7 !important; }
html[data-theme="dark"] #navbar .absolute.top-full {
  background: #0c1d33 !important;
  border-color: #27425f !important;
  box-shadow: 0 22px 48px rgba(0,0,0,.42) !important;
}
html[data-theme="dark"] #navbar .absolute.top-full a:hover { background: #12304f !important; color: #7dd3fc !important; }
html[data-theme="dark"] #mobile-toggle { color: #eaf4ff; }
html[data-theme="dark"] #mobile-toggle:hover { background: #102640 !important; }
html[data-theme="dark"] #mobile-menu {
  background: rgba(7,20,38,.98) !important;
  border-color: #27425f !important;
  box-shadow: 0 20px 45px rgba(0,0,0,.34) !important;
}
html[data-theme="dark"] #mobile-menu .mobile-section-label { color: #9fb2c7 !important; }
html[data-theme="dark"] #mobile-menu a.mobile-nav-link { color: #dce8f5 !important; }
html[data-theme="dark"] #mobile-menu a.mobile-nav-link:hover,
html[data-theme="dark"] #mobile-menu a.mobile-nav-link:active { background: #102b47 !important; color: #7dd3fc !important; }
html[data-theme="dark"] #mobile-menu .mobile-divider { background: #27425f !important; }
html[data-theme="dark"] #mobile-menu .mobile-nav-icon { background: #12304f !important; color: #7dd3fc !important; }

html[data-theme="dark"] main .bg-white { background-color: var(--hares-theme-bg) !important; }
html[data-theme="dark"] main .bg-hares-50 { background-color: var(--hares-theme-surface-2) !important; }
html[data-theme="dark"] main .from-hares-50.to-white,
html[data-theme="dark"] main .from-white.to-hares-50 {
  background-image: linear-gradient(to bottom, #071426, #0c1d33) !important;
}
html[data-theme="dark"] main .text-gray-900,
html[data-theme="dark"] main .text-slate-900 { color: #f0f7ff !important; }
html[data-theme="dark"] main .text-gray-800,
html[data-theme="dark"] main .text-gray-700,
html[data-theme="dark"] main .text-slate-700 { color: #d8e5f2 !important; }
html[data-theme="dark"] main .text-gray-600,
html[data-theme="dark"] main .text-gray-500 { color: #b5c6d8 !important; }
html[data-theme="dark"] main .border-gray-100,
html[data-theme="dark"] main .border-gray-200,
html[data-theme="dark"] main .border-hares-100,
html[data-theme="dark"] main .border-hares-200 { border-color: #27425f !important; }
html[data-theme="dark"] .ct-hero-consultivo {
  background:
    radial-gradient(circle at 8% 12%, rgba(56,189,248,.15), transparent 30%),
    radial-gradient(circle at 92% 82%, rgba(124,58,237,.18), transparent 32%),
    linear-gradient(135deg, #071426 0%, #0c1d33 52%, #071426 100%) !important;
}
html[data-theme="dark"] .ct-card {
  background: linear-gradient(145deg, #0d2139 0%, #0a192c 100%) !important;
  border-color: #27425f !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.28) !important;
}
html[data-theme="dark"] .ct-card:hover { border-color: rgba(56,189,248,.55) !important; box-shadow: 0 22px 48px rgba(0,0,0,.38) !important; }
html[data-theme="dark"] .ct-icon,
html[data-theme="dark"] .ct-mini-icon {
  background: linear-gradient(135deg, #12304f, #221f4a) !important;
  border-color: #315675 !important;
  color: #7dd3fc !important;
}
html[data-theme="dark"] .ct-input {
  background: #0a192c !important;
  border-color: #31506e !important;
  color: #eef6ff !important;
}
html[data-theme="dark"] .ct-input::placeholder { color: #8196aa !important; }
html[data-theme="dark"] .ct-hero-consultivo a[href="#onde-estamos"] { color: #7dd3fc !important; border-color: #38bdf8 !important; }
html[data-theme="dark"] .ct-hero-consultivo a[href="#onde-estamos"]:hover { background: #102b47 !important; }

/* Localização */
html[data-theme="dark"] .hares-loc-section {
  --hares-loc-navy: #eef6ff;
  --hares-loc-muted: #b5c6d8;
  --hares-loc-border: #31506e;
  background:
    radial-gradient(circle at 8% 18%, rgba(18,115,222,.18), transparent 29rem),
    radial-gradient(circle at 94% 82%, rgba(110,66,211,.18), transparent 26rem),
    linear-gradient(180deg, #071426 0%, #0b1b30 50%, #071426 100%) !important;
}
html[data-theme="dark"] .hares-loc-section::before { opacity: .24; }
html[data-theme="dark"] .hares-loc-eyebrow,
html[data-theme="dark"] .hares-loc-benefit,
html[data-theme="dark"] .hares-loc-btn--whatsapp,
html[data-theme="dark"] .hares-loc-motion-toggle {
  background: rgba(13,33,57,.94) !important;
  border-color: #31506e !important;
  color: #dff5ff !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.24) !important;
}
html[data-theme="dark"] .hares-loc-benefit h3,
html[data-theme="dark"] .hares-loc-title { color: #f0f7ff !important; }
html[data-theme="dark"] .hares-loc-benefit p,
html[data-theme="dark"] .hares-loc-lead,
html[data-theme="dark"] .hares-loc-review-row { color: #b5c6d8 !important; }
html[data-theme="dark"] .hares-loc-phone {
  background: linear-gradient(160deg, #102640 0%, #071426 100%) !important;
  border-color: #31506e !important;
  box-shadow: 0 30px 85px rgba(0,0,0,.44), inset 0 0 0 5px rgba(255,255,255,.035) !important;
}
html[data-theme="dark"] .hares-loc-phone-screen { background: #0a192c !important; }
html[data-theme="dark"] .hares-loc-phone-head { border-color: #223c57 !important; }
html[data-theme="dark"] .hares-loc-phone-logo {
  background: #fff;
  border-radius: 12px;
  padding: .25rem .55rem;
}
html[data-theme="dark"] .hares-loc-business-name,
html[data-theme="dark"] .hares-loc-address strong,
html[data-theme="dark"] .hares-loc-hours strong,
html[data-theme="dark"] .hares-loc-map-caption { color: #eef6ff !important; }
html[data-theme="dark"] .hares-loc-rating,
html[data-theme="dark"] .hares-loc-category,
html[data-theme="dark"] .hares-loc-address span,
html[data-theme="dark"] .hares-loc-hours span { color: #b5c6d8 !important; }
html[data-theme="dark"] .hares-loc-shortcut:hover { background: #102b47 !important; }
html[data-theme="dark"] .hares-loc-shortcut-icon { background: linear-gradient(135deg, #12304f, #221f4a) !important; border-color: #31506e !important; }
html[data-theme="dark"] .hares-loc-address { background: #0d2139 !important; }
html[data-theme="dark"] .hares-loc-hours { background: #0c2a2d !important; border-color: #1b5a58 !important; }
html[data-theme="dark"] .hares-loc-map { background: #102640 !important; border-color: #31506e !important; filter: brightness(.82) saturate(.9); }
html[data-theme="dark"] .hares-loc-map-caption { background: rgba(7,20,38,.94) !important; }
html[data-theme="dark"] .hares-loc-runner--logo .hares-loc-runner-item { background: #fff !important; }

/* Componentes flutuantes e consentimento */
html[data-theme="dark"] .hares-route-modal,
html[data-theme="dark"] #hares-cookie-banner,
html[data-theme="dark"] #hares-cookie-modal .hares-cookie-modal-card {
  background: #0c1d33 !important;
  color: #eef6ff !important;
  border-color: #31506e !important;
}
html[data-theme="dark"] .hares-route-title,
html[data-theme="dark"] #hares-cookie-banner .hares-cookie-title,
html[data-theme="dark"] #hares-cookie-modal h2,
html[data-theme="dark"] #hares-cookie-modal h3 { color: #eef6ff !important; }
html[data-theme="dark"] .hares-route-subtitle,
html[data-theme="dark"] #hares-cookie-banner .hares-cookie-text,
html[data-theme="dark"] #hares-cookie-modal p { color: #b5c6d8 !important; }
html[data-theme="dark"] #hares-cookie-banner .hares-cookie-btn-secondary,
html[data-theme="dark"] #hares-cookie-modal .hares-cookie-close { background: #102640 !important; color: #eaf4ff !important; border-color: #31506e !important; }

@media (max-width: 1180px) {
  .hares-theme-toggle--desktop .hares-theme-label { display: none; }
  .hares-theme-toggle--desktop { width: 44px; padding-inline: 0; border-radius: 50%; }
}
@media (prefers-reduced-motion: reduce) {
  html.hares-theme-ready body,
  html.hares-theme-ready #navbar,
  html.hares-theme-ready main section,
  html.hares-theme-ready .ct-card { transition: none !important; }
}

/* ================================================================
   Cobertura global do portal Hares — páginas institucionais e ferramentas
   Mantém as áreas de CTA originalmente escuras e converte superfícies claras.
   ================================================================ */
html[data-theme="dark"] main section[class~="bg-white"],
html[data-theme="dark"] main section[class~="bg-slate-50"],
html[data-theme="dark"] main section[class~="bg-gray-50"] {
  background-color: #071426 !important;
  background-image: none !important;
}
html[data-theme="dark"] main section[class*="from-white"],
html[data-theme="dark"] main section[class*="from-hares-50"],
html[data-theme="dark"] main section[class*="via-hares-50"],
html[data-theme="dark"] main section[class*="hero"] {
  background-color: #071426 !important;
  background-image:
    radial-gradient(circle at 8% 14%, rgba(18,115,222,.17), transparent 31rem),
    radial-gradient(circle at 92% 84%, rgba(110,66,211,.15), transparent 29rem),
    linear-gradient(135deg, #071426 0%, #0c1d33 52%, #071426 100%) !important;
}
html[data-theme="dark"] main section[class*="highlight"],
html[data-theme="dark"] main [class~="abertura-tools-call"],
html[data-theme="dark"] main [class~="troca-tools-call"],
html[data-theme="dark"] main [class~="sobre-leader"] {
  background-color: #0a192c !important;
  background-image: linear-gradient(145deg, #0d2139 0%, #081728 100%) !important;
  border-color: #27425f !important;
}

/* Superfícies e cartões reutilizados nas páginas. */
html[data-theme="dark"] main :is(
  .benefit-card, .partner-card, .segment-card, .support-card,
  .hero-card, .info-card, .professional-card, .step-card,
  .calculator, .planning-box, .audit-box, .formula-box, .small-note,
  .validation-box, .modal-card, .result-card, .metric,
  .ca-card, .ca-security-card,
  .checklist-card, .checklist-block, .checklist-question,
  .regularidade-soft-card,
  .diag-soft-card, .diag-form-block, .diag-question,
  .dp-card, .dp-security-card,
  .de-card, .de-security-card,
  .holding-card, .holding-security-card,
  .hub-card, .hub-institutional-card,
  .irpf-card, .irpf-security-card,
  .parceiro-card,
  .pc-card, .pc-security-card,
  .pp-card, .pp-security-card,
  .pt-soft-card,
  .rt-card, .rt-security-card,
  .sobre-card, .sobre-security-card,
  .tu-card, .tu-security-card,
  .ck-card, .ck-security-card
) {
  background-color: #0c1d33 !important;
  background-image: linear-gradient(145deg, #0d2139 0%, #09192b 100%) !important;
  border-color: #27425f !important;
  box-shadow: 0 16px 38px rgba(0,0,0,.24) !important;
  color: #eaf4ff !important;
}
html[data-theme="dark"] main :is(
  .benefit-card, .partner-card, .segment-card, .support-card,
  .professional-card, .step-card, .ca-card, .checklist-card,
  .regularidade-soft-card, .diag-soft-card, .dp-card, .de-card,
  .holding-card, .hub-card, .irpf-card, .parceiro-card,
  .pc-card, .pp-card, .pt-soft-card, .rt-card, .sobre-card, .tu-card, .ck-card
):hover {
  border-color: rgba(56,189,248,.52) !important;
  box-shadow: 0 22px 48px rgba(0,0,0,.34) !important;
}

/* Utilitários de superfície que aparecem em cards internos. */
html[data-theme="dark"] main [class~="bg-white"],
html[data-theme="dark"] main [class~="bg-gray-50"],
html[data-theme="dark"] main [class~="bg-gray-100"],
html[data-theme="dark"] main [class~="bg-slate-50"],
html[data-theme="dark"] main [class~="bg-slate-100"],
html[data-theme="dark"] main [class~="bg-hares-50"],
html[data-theme="dark"] main [class~="bg-blue-50"],
html[data-theme="dark"] main [class~="bg-sky-50"] {
  background-color: #0d2139 !important;
}
html[data-theme="dark"] main [class~="bg-white/80"],
html[data-theme="dark"] main [class~="bg-white/90"],
html[data-theme="dark"] main [class~="bg-white/95"] {
  background-color: rgba(13,33,57,.92) !important;
}

/* Texto — cobre tons utilitários presentes nas páginas antigas e novas. */
html[data-theme="dark"] main :is(
  .text-gray-950, .text-gray-900, .text-gray-800, .text-gray-700,
  .text-slate-950, .text-slate-900, .text-slate-800, .text-slate-700,
  .text-hares-950, .text-hares-900, .text-hares-800
) { color: #edf6ff !important; }
html[data-theme="dark"] main :is(
  .text-gray-600, .text-gray-500, .text-gray-400,
  .text-slate-600, .text-slate-500, .text-slate-400
) { color: #b6c7d9 !important; }
html[data-theme="dark"] main p:not([class*="text-white"]),
html[data-theme="dark"] main li:not([class*="text-white"]) {
  text-decoration-color: currentColor;
}

/* Campos, seletores, respostas e componentes de cálculo. */
html[data-theme="dark"] main input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
html[data-theme="dark"] main select,
html[data-theme="dark"] main textarea,
html[data-theme="dark"] main .money-input,
html[data-theme="dark"] main .diag-answer span,
html[data-theme="dark"] main .diag-multi span,
html[data-theme="dark"] main .answer-option span {
  background: #08192b !important;
  color: #edf6ff !important;
  border-color: #31506e !important;
}
html[data-theme="dark"] main input::placeholder,
html[data-theme="dark"] main textarea::placeholder { color: #8196aa !important; }
html[data-theme="dark"] main select option { background: #0c1d33; color: #edf6ff; }
html[data-theme="dark"] main table,
html[data-theme="dark"] main thead,
html[data-theme="dark"] main tbody,
html[data-theme="dark"] main tr,
html[data-theme="dark"] main td,
html[data-theme="dark"] main th {
  border-color: #27425f !important;
}
html[data-theme="dark"] main thead { background: #102640 !important; }

/* Avisos e níveis de risco mantêm sua semântica cromática sem usar branco. */
html[data-theme="dark"] main :is(
  .pill.warn, .message.warning, .notice, .security-note,
  .level-moderado, .level-alto, .diag-level-moderado,
  .opp-atencao, .diag-alert, .hub-status.next
) {
  background: #342411 !important;
  border-color: #8b6428 !important;
  color: #fde7b0 !important;
}
html[data-theme="dark"] main :is(.level-baixo, .diag-level-baixo) {
  background: #0d2c2a !important;
  border-color: #23665f !important;
  color: #b7f4e7 !important;
}

/* Ícones, divisores e bordas claras. */
html[data-theme="dark"] main :is(
  .border-gray-50, .border-gray-100, .border-gray-200, .border-gray-300,
  .border-slate-100, .border-slate-200, .border-hares-100, .border-hares-200
) { border-color: #27425f !important; }
html[data-theme="dark"] main hr { border-color: #27425f !important; }
html[data-theme="dark"] main .parceiro-logo-box,
html[data-theme="dark"] main .parceiro-fallback-icon {
  background: #ffffff !important;
  border-color: #dce6f3 !important;
}

/* Calculadoras e simuladores com seletores próprios. */
html[data-theme="dark"] .hares-fator-r,
html[data-theme="dark"] .main-grid,
html[data-theme="dark"] .info-grid { color: #edf6ff; }
html[data-theme="dark"] .hares-fator-r .top,
html[data-theme="dark"] .hares-fator-r .panel,
html[data-theme="dark"] .hares-fator-r .result,
html[data-theme="dark"] .hares-fator-r .info-card {
  background: #0c1d33 !important;
  color: #edf6ff !important;
  border-color: #27425f !important;
  box-shadow: 0 16px 38px rgba(0,0,0,.24) !important;
}
html[data-theme="dark"] .hares-fator-r label,
html[data-theme="dark"] .hares-fator-r h1,
html[data-theme="dark"] .hares-fator-r h2,
html[data-theme="dark"] .hares-fator-r h3 { color: #edf6ff !important; }

/* FAQs e acordeões. */
html[data-theme="dark"] main .faq-item,
html[data-theme="dark"] main details {
  background: #0c1d33 !important;
  border-color: #27425f !important;
  color: #edf6ff !important;
}
html[data-theme="dark"] main .faq-answer { color: #b6c7d9 !important; }

/* Rodapé permanece no gradiente institucional e recebe apenas contraste extra. */
html[data-theme="dark"] footer { border-top: 1px solid rgba(56,189,248,.16); }

/* Ajustes responsivos compartilhados — evitam expansão horizontal em CTAs e rodapés. */
main .grid > *,
main .flex > * { min-width: 0; }

@media (min-width: 1024px) and (max-width: 1180px) {
  footer .footer-grid-fix,
  footer .grid.lg\:grid-cols-5 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 2rem !important;
    row-gap: 2.5rem !important;
  }
  footer .footer-hours-title,
  footer .whitespace-nowrap { white-space: normal !important; }
}

@media (max-width: 640px) {
  html, body { max-width: 100%; overflow-x: clip; }
  main img, main svg, main video, main iframe { max-width: 100%; }
  main [class*="grid-cols-[1fr_auto]"],
  main [class*="grid-cols-[auto_1fr_auto]"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  main a.whitespace-nowrap,
  main button.whitespace-nowrap {
    width: 100%;
    max-width: 100%;
    white-space: normal !important;
    text-align: center;
  }
  .hares-fator-r .hero-card,
  .hares-fator-r .hero-side,
  .hares-fator-r .formula-box,
  .hares-fator-r .threshold { min-width: 0; max-width: 100%; }
  .hares-fator-r .formula { overflow-wrap: anywhere; word-break: normal; }
}

/* Avaliações Google — utilizado apenas na edição do site com prova social. */
html[data-theme="dark"] .hares-google-reviews {
  background: linear-gradient(180deg, #071426 0%, #0c1d33 100%) !important;
  border-color: #27425f !important;
}
html[data-theme="dark"] .hares-google-reviews__title,
html[data-theme="dark"] .hares-google-reviews__summary-rating,
html[data-theme="dark"] .hares-review-card__author,
html[data-theme="dark"] .hares-irpf-callout h3 { color: #edf6ff !important; }
html[data-theme="dark"] .hares-google-reviews__intro,
html[data-theme="dark"] .hares-google-reviews__summary-count,
html[data-theme="dark"] .hares-review-card__date,
html[data-theme="dark"] .hares-review-card__text,
html[data-theme="dark"] .hares-google-reviews__disclosure,
html[data-theme="dark"] .hares-google-reviews__source,
html[data-theme="dark"] .hares-google-reviews__status,
html[data-theme="dark"] .hares-irpf-callout p { color: #b6c7d9 !important; }
html[data-theme="dark"] .hares-google-reviews__summary,
html[data-theme="dark"] .hares-review-card,
html[data-theme="dark"] .hares-google-reviews__nav,
html[data-theme="dark"] .hares-google-reviews__button--secondary,
html[data-theme="dark"] .hares-irpf-callout {
  background: #0c1d33 !important;
  border-color: #31506e !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.25) !important;
}
html[data-theme="dark"] .hares-review-card__avatar,
html[data-theme="dark"] .hares-irpf-callout__icon {
  background: #102640 !important;
  border-color: #31506e !important;
  color: #7dd3fc !important;
}
html[data-theme="dark"] .hares-google-reviews__nav { color: #7dd3fc !important; }
html[data-theme="dark"] .hares-google-reviews__nav:hover:not(:disabled) { background: #1273de !important; color: #fff !important; }
html[data-theme="dark"] .hares-google-reviews__button--secondary { color: #c7b8ff !important; }
html[data-theme="dark"] .hares-google-reviews__button--secondary:hover { background: #16274a !important; }
html[data-theme="dark"] .hares-review-badge {
  background: rgba(12,29,51,.94) !important;
  border-color: #31506e !important;
  color: #edf6ff !important;
}
html[data-theme="dark"] .hares-review-badge__google { color: #b6c7d9 !important; }
html[data-theme="dark"] .hares-google-reviews__source-mark { background: #102640 !important; border-color: #31506e !important; }


/* v1.4 — reforço de contraste e centralização visual */
html[data-theme="dark"] main :is(
  [class*="from-white"], [class*="from-hares-50"], [class*="from-gray-50"], [class*="from-slate-50"],
  [class*="via-white"], [class*="via-hares-50"], [class*="via-gray-50"], [class*="via-slate-50"],
  [class*="to-white"], [class*="to-hares-50"], [class*="to-gray-50"], [class*="to-slate-50"]
) {
  background-color: #0c1d33 !important;
  background-image: linear-gradient(145deg, #102640 0%, #0b1c31 100%) !important;
  border-color: #27425f !important;
}
html[data-theme="dark"] main :is(.text-hares-700, .text-hares-800, .text-blue-700, .text-sky-700, .text-emerald-700, .text-purple-700) {
  color: #bfe8ff !important;
}
html[data-theme="dark"] main :is(.text-hares-600, .text-blue-600, .text-sky-600, .text-emerald-600, .text-purple-600) {
  color: #9fd7ff !important;
}
html[data-theme="dark"] main .shadow-sm,
html[data-theme="dark"] main .shadow,
html[data-theme="dark"] main .shadow-md {
  box-shadow: 0 16px 36px rgba(0,0,0,.22) !important;
}

#diagnostico-estrategico-home .hares-home-diag-shell {
  max-width: 1160px;
  margin-inline: auto;
}
#diagnostico-estrategico-home .hares-home-diag-grid {
  align-items: center;
}
#diagnostico-estrategico-home .hares-home-diag-copy {
  max-width: 34rem;
}
#diagnostico-estrategico-home .hares-home-diag-panels {
  width: 100%;
  max-width: 34rem;
  margin-inline: auto;
}
@media (min-width: 1024px) {
  #diagnostico-estrategico-home .hares-home-diag-grid {
    grid-template-columns: minmax(0, 1.02fr) minmax(360px, .98fr);
    column-gap: 2.5rem;
    justify-content: center;
  }
  #diagnostico-estrategico-home .hares-home-diag-copy {
    justify-self: center;
  }
  #diagnostico-estrategico-home .hares-home-diag-panels {
    justify-self: center;
  }
}


/* v1.5 — refinamento final do modo escuro na index e componentes compartilhados */
html[data-theme="dark"] main :is(
  [class*="from-blue-50"], [class*="via-blue-50"], [class*="to-blue-50"],
  [class*="from-sky-50"], [class*="via-sky-50"], [class*="to-sky-50"],
  [class*="from-emerald-50"], [class*="via-emerald-50"], [class*="to-emerald-50"],
  [class*="from-indigo-50"], [class*="via-indigo-50"], [class*="to-indigo-50"],
  [class*="from-purple-50"], [class*="via-purple-50"], [class*="to-purple-50"],
  [class*="from-rose-50"], [class*="via-rose-50"], [class*="to-rose-50"],
  [class*="from-orange-50"], [class*="via-orange-50"], [class*="to-orange-50"]
) {
  background-color: #0c1d33 !important;
  background-image: linear-gradient(145deg, #102843 0%, #0b1d33 100%) !important;
  border-color: #27425f !important;
}
html[data-theme="dark"] main :is(
  .text-[#0F1D52], .text-accent-600,
  .text-blue-600, .text-blue-700, .text-sky-700,
  .text-hares-500, .text-hares-600, .text-hares-700, .text-hares-800,
  .text-indigo-600, .text-purple-600, .text-purple-700,
  .text-emerald-700, .text-green-600, .text-green-700,
  .text-orange-600, .text-orange-700,
  .text-rose-600, .text-red-600
) {
  color: #bfe8ff !important;
}
html[data-theme="dark"] main :is(.text-hares-100, .text-hares-100/80, .text-hares-400) {
  color: #d6e7f7 !important;
}
html[data-theme="dark"] main :is(.text-gray-500, .text-gray-600, .text-slate-500, .text-slate-600) {
  color: #c7d5e4 !important;
}
html[data-theme="dark"] main :is(.text-gray-700, .text-gray-800, .text-gray-900, .text-slate-700, .text-slate-800, .text-slate-900) {
  color: #eef6ff !important;
}
html[data-theme="dark"] main [class*="bg-white/"],
html[data-theme="dark"] main [class*="bg-slate-50/"],
html[data-theme="dark"] main [class*="bg-gray-50/"] {
  background-color: rgba(13, 33, 57, 0.96) !important;
}
html[data-theme="dark"] main .shadow-lg,
html[data-theme="dark"] main .shadow-xl,
html[data-theme="dark"] main .shadow-2xl {
  box-shadow: 0 20px 44px rgba(0, 0, 0, .28) !important;
}


/* v1.6 — contraste dos ícones em Segmentos Atendidos */
html[data-theme="dark"] #segmentos .segment-card > div:first-child {
  border: 1px solid rgba(148, 163, 184, .30);
  box-shadow: 0 10px 24px rgba(0, 0, 0, .22), inset 0 0 0 1px rgba(255,255,255,.025);
}
html[data-theme="dark"] #segmentos .segment-card > div:first-child svg {
  opacity: 1 !important;
  stroke-width: 2.2;
  filter: drop-shadow(0 0 5px currentColor);
}
html[data-theme="dark"] #segmentos .segment-card > .bg-blue-100 {
  background: rgba(14, 165, 233, .16) !important;
  border-color: rgba(125, 211, 252, .38) !important;
}
html[data-theme="dark"] #segmentos .segment-card > .bg-blue-100 svg { color: #7dd3fc !important; }
html[data-theme="dark"] #segmentos .segment-card > .bg-purple-100 {
  background: rgba(139, 92, 246, .17) !important;
  border-color: rgba(196, 181, 253, .38) !important;
}
html[data-theme="dark"] #segmentos .segment-card > .bg-purple-100 svg { color: #c4b5fd !important; }
html[data-theme="dark"] #segmentos .segment-card > .bg-green-100 {
  background: rgba(16, 185, 129, .16) !important;
  border-color: rgba(110, 231, 183, .38) !important;
}
html[data-theme="dark"] #segmentos .segment-card > .bg-green-100 svg { color: #6ee7b7 !important; }
html[data-theme="dark"] #segmentos .segment-card > .bg-red-100 {
  background: rgba(244, 63, 94, .16) !important;
  border-color: rgba(253, 164, 175, .38) !important;
}
html[data-theme="dark"] #segmentos .segment-card > .bg-red-100 svg { color: #fda4af !important; }
html[data-theme="dark"] #segmentos .segment-card > .bg-indigo-100 {
  background: rgba(99, 102, 241, .17) !important;
  border-color: rgba(165, 180, 252, .38) !important;
}
html[data-theme="dark"] #segmentos .segment-card > .bg-indigo-100 svg { color: #a5b4fc !important; }
html[data-theme="dark"] #segmentos .segment-card > .bg-rose-100 {
  background: rgba(236, 72, 153, .16) !important;
  border-color: rgba(249, 168, 212, .38) !important;
}
html[data-theme="dark"] #segmentos .segment-card > .bg-rose-100 svg { color: #f9a8d4 !important; }
html[data-theme="dark"] #segmentos .segment-card > .bg-slate-100 {
  background: rgba(100, 116, 139, .22) !important;
  border-color: rgba(203, 213, 225, .38) !important;
}
html[data-theme="dark"] #segmentos .segment-card > .bg-slate-100 svg { color: #e2e8f0 !important; }


/* v1.7 — refinamento das sessões complementares da index */
html[data-theme="dark"] :is(
  .hares-service-icon,
  .hares-workforce-icon,
  .hares-factor-icon,
  .hares-transition-icon,
  .hares-diff-icon
) {
  border: 1px solid rgba(125, 211, 252, .32) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.24), inset 0 0 0 1px rgba(255,255,255,.025) !important;
}
html[data-theme="dark"] :is(
  .hares-service-icon svg,
  .hares-workforce-icon svg,
  .hares-factor-icon svg,
  .hares-transition-icon svg
) {
  opacity: 1 !important;
  stroke-width: 2.1;
  filter: drop-shadow(0 0 4px currentColor);
}

/* Soluções completas */
html[data-theme="dark"] #servicos .hares-service-icon[class*="from-hares-50"] {
  background: linear-gradient(145deg, rgba(14,165,233,.22), rgba(18,115,222,.12)) !important;
  color: #7dd3fc !important;
}
html[data-theme="dark"] #servicos .hares-service-icon[class*="from-violet-50"] {
  background: linear-gradient(145deg, rgba(139,92,246,.24), rgba(109,40,217,.13)) !important;
  border-color: rgba(196,181,253,.38) !important;
  color: #c4b5fd !important;
}
html[data-theme="dark"] #servicos .hares-service-icon[class*="from-green-50"] {
  background: linear-gradient(145deg, rgba(16,185,129,.22), rgba(5,150,105,.12)) !important;
  border-color: rgba(110,231,183,.38) !important;
  color: #6ee7b7 !important;
}
html[data-theme="dark"] #servicos .hares-service-icon[class*="from-amber-50"] {
  background: linear-gradient(145deg, rgba(249,115,22,.22), rgba(234,88,12,.12)) !important;
  border-color: rgba(253,186,116,.38) !important;
  color: #fdba74 !important;
}

/* Ferramentas Hares — Simulador de custo trabalhista */
html[data-theme="dark"] #ferramentas-hares .hares-workforce-card {
  background: linear-gradient(145deg, #0d2139 0%, #09192b 100%) !important;
  border-color: #31506e !important;
}
html[data-theme="dark"] #ferramentas-hares .hares-workforce-icon {
  background: linear-gradient(145deg, rgba(16,185,129,.22), rgba(5,150,105,.12)) !important;
  border-color: rgba(110,231,183,.38) !important;
  color: #6ee7b7 !important;
}
html[data-theme="dark"] #ferramentas-hares .hares-workforce-feature {
  background: #0d2c2a !important;
  border-color: #23665f !important;
}
html[data-theme="dark"] #ferramentas-hares .hares-workforce-feature :is(p, strong) {
  color: #d9fff6 !important;
}
html[data-theme="dark"] #ferramentas-hares .hares-workforce-feature p.text-gray-600 {
  color: #b7e8dd !important;
}

/* Jornada do Fator R */
html[data-theme="dark"] #jornada-fator-r .hares-factor-badge {
  background: #12304f !important;
  border: 1px solid #315675 !important;
  color: #bfe8ff !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.18);
}
html[data-theme="dark"] #jornada-fator-r .hares-factor-card {
  background: linear-gradient(145deg, #0d2139, #0a192c) !important;
  border-color: #31506e !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.22) !important;
}
html[data-theme="dark"] #jornada-fator-r .hares-factor-card--simulate .hares-factor-icon {
  background: rgba(14,165,233,.18) !important;
  color: #7dd3fc !important;
}
html[data-theme="dark"] #jornada-fator-r .hares-factor-card--understand .hares-factor-icon {
  background: rgba(139,92,246,.18) !important;
  border-color: rgba(196,181,253,.34) !important;
  color: #c4b5fd !important;
}

/* Troca de contador */
html[data-theme="dark"] #trocar-contador-home .hares-transition-card {
  background: linear-gradient(145deg, #0d2139, #0a192c) !important;
  border-color: #31506e !important;
}
html[data-theme="dark"] #trocar-contador-home .hares-transition-icon {
  background: rgba(16,185,129,.18) !important;
  border-color: rgba(110,231,183,.36) !important;
  color: #6ee7b7 !important;
}

/* Diferenciais Hares */
html[data-theme="dark"] #diferenciais-hares .hares-diff-card {
  background: linear-gradient(145deg, #0d2139 0%, #0a192c 100%) !important;
  border: 1px solid #31506e !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.22) !important;
}
html[data-theme="dark"] #diferenciais-hares .hares-diff-card :is(.text-\[\#0F1D52\], .text-gray-900) {
  color: #f2f8ff !important;
}
html[data-theme="dark"] #diferenciais-hares .hares-diff-card .text-gray-600 {
  color: #c7d5e4 !important;
}
html[data-theme="dark"] #diferenciais-hares .hares-diff-card:nth-child(1) .hares-diff-icon,
html[data-theme="dark"] #diferenciais-hares .hares-diff-card:nth-child(4) .hares-diff-icon {
  background: rgba(14,165,233,.18) !important;
  border-color: rgba(125,211,252,.36) !important;
}
html[data-theme="dark"] #diferenciais-hares .hares-diff-card:nth-child(2) .hares-diff-icon,
html[data-theme="dark"] #diferenciais-hares .hares-diff-card:nth-child(5) .hares-diff-icon {
  background: rgba(139,92,246,.18) !important;
  border-color: rgba(196,181,253,.36) !important;
}
html[data-theme="dark"] #diferenciais-hares .hares-diff-card:nth-child(3) .hares-diff-icon {
  background: rgba(16,185,129,.18) !important;
  border-color: rgba(110,231,183,.36) !important;
}
html[data-theme="dark"] #diferenciais-hares .hares-diff-card:nth-child(6) .hares-diff-icon {
  background: rgba(249,115,22,.18) !important;
  border-color: rgba(253,186,116,.36) !important;
}


/* v1.8 — varredura global dos ícones nas demais páginas */
html[data-theme="dark"] main :is(
  .badge-icon,
  .ca-icon, .ca-mini-icon,
  .ck-icon, .ck-mini-icon,
  .de-icon, .de-mini-icon,
  .diag-icon,
  .dp-icon, .dp-mini-icon,
  .holding-icon, .holding-mini-icon,
  .hub-icon,
  .irpf-icon, .irpf-mini-icon,
  .irpf-contrast-icon, .irpf-proof-icon,
  .pc-icon,
  .pp-icon, .pp-mini-icon,
  .pt-icon,
  .regularidade-icon,
  .rt-icon, .rt-mini-icon,
  .sobre-icon,
  .tu-icon, .tu-mini-icon
) {
  background: linear-gradient(145deg, rgba(14,165,233,.18), rgba(76,29,149,.12)) !important;
  border: 1px solid rgba(125, 211, 252, .30) !important;
  color: #bfe8ff !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.24), inset 0 0 0 1px rgba(255,255,255,.025) !important;
}
html[data-theme="dark"] main :is(
  .badge-icon,
  .ca-icon, .ca-mini-icon,
  .ck-icon, .ck-mini-icon,
  .de-icon, .de-mini-icon,
  .diag-icon,
  .dp-icon, .dp-mini-icon,
  .holding-icon, .holding-mini-icon,
  .hub-icon,
  .irpf-icon, .irpf-mini-icon,
  .irpf-contrast-icon, .irpf-proof-icon,
  .pc-icon,
  .pp-icon, .pp-mini-icon,
  .pt-icon,
  .regularidade-icon,
  .rt-icon, .rt-mini-icon,
  .sobre-icon,
  .tu-icon, .tu-mini-icon
) svg {
  color: currentColor !important;
  opacity: 1 !important;
  filter: drop-shadow(0 0 5px currentColor);
}
html[data-theme="dark"] main :is(
  .ca-icon, .ca-mini-icon,
  .dp-icon, .dp-mini-icon,
  .pc-icon,
  .regularidade-icon
) { background: linear-gradient(145deg, rgba(14,165,233,.22), rgba(18,115,222,.13)) !important; border-color: rgba(125,211,252,.38) !important; color: #7dd3fc !important; }
html[data-theme="dark"] main :is(
  .de-icon, .de-mini-icon,
  .pp-icon, .pp-mini-icon,
  .tu-icon, .tu-mini-icon,
  .irpf-proof-icon
) { background: linear-gradient(145deg, rgba(139,92,246,.22), rgba(109,40,217,.13)) !important; border-color: rgba(196,181,253,.38) !important; color: #c4b5fd !important; }
html[data-theme="dark"] main :is(
  .holding-icon, .holding-mini-icon,
  .sobre-icon,
  .hub-icon,
  .irpf-icon, .irpf-mini-icon,
  .irpf-contrast-icon
) { background: linear-gradient(145deg, rgba(16,185,129,.20), rgba(5,150,105,.12)) !important; border-color: rgba(110,231,183,.38) !important; color: #6ee7b7 !important; }
html[data-theme="dark"] main :is(
  .ck-icon, .ck-mini-icon,
  .rt-icon, .rt-mini-icon,
  .pt-icon,
  .badge-icon
) { background: linear-gradient(145deg, rgba(249,115,22,.20), rgba(234,88,12,.12)) !important; border-color: rgba(253,186,116,.38) !important; color: #fdba74 !important; }
html[data-theme="dark"] main :is(
  .diag-icon
) { background: linear-gradient(145deg, rgba(236,72,153,.20), rgba(190,24,93,.12)) !important; border-color: rgba(249,168,212,.38) !important; color: #f9a8d4 !important; }


/* v1.9 — ajuste final do modo escuro: ícones, badges e cards residuais */
html[data-theme="dark"] main .parceiro-logo-box {
  background: linear-gradient(145deg, rgba(15,35,61,.90), rgba(8,23,40,.96)) !important;
  border-color: rgba(125,211,252,.26) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025), 0 18px 40px rgba(0,0,0,.24) !important;
}
html[data-theme="dark"] main .parceiro-card:hover .parceiro-logo-box {
  border-color: rgba(56,189,248,.44) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03), 0 18px 40px rgba(0,0,0,.24), 0 0 26px rgba(56,189,248,.12) !important;
}
html[data-theme="dark"] main .parceiro-fallback-icon {
  background: linear-gradient(145deg, rgba(14,165,233,.18), rgba(76,29,149,.12)) !important;
  border: 1px solid rgba(125,211,252,.32) !important;
  color: #7dd3fc !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.24), 0 0 18px rgba(56,189,248,.14) !important;
}
html[data-theme="dark"] main .parceiro-fallback-icon svg {
  color: currentColor !important;
  filter: drop-shadow(0 0 6px currentColor);
}
html[data-theme="dark"] main .parceiro-card > span.inline-flex.rounded-full {
  background: #102640 !important;
  border: 1px solid #27425f !important;
  color: #d7e7f5 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02) !important;
}

html[data-theme="dark"] main .benefit-card > div:first-child {
  background: linear-gradient(145deg, rgba(14,165,233,.16), rgba(18,115,222,.10)) !important;
  border: 1px solid rgba(125,211,252,.26) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.02) !important;
}
html[data-theme="dark"] main .benefit-card > div:first-child svg {
  color: #7dd3fc !important;
  opacity: 1 !important;
  filter: drop-shadow(0 0 6px rgba(125,211,252,.40));
}

html[data-theme="dark"] .hares-fator-r .badge {
  background: linear-gradient(145deg, rgba(14,165,233,.18), rgba(18,115,222,.12)) !important;
  border: 1px solid rgba(125,211,252,.30) !important;
  color: #bfe8ff !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.02) !important;
}
html[data-theme="dark"] .hares-fator-r .big-number { color: #edf6ff !important; }
html[data-theme="dark"] .hares-fator-r .classification {
  background: #102640 !important;
  border: 1px solid #27425f !important;
  color: #d7e7f5 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02) !important;
}
html[data-theme="dark"] .hares-fator-r .classification.ok {
  background: #0d2c2a !important;
  border-color: #23665f !important;
  color: #b7f4e7 !important;
}
html[data-theme="dark"] .hares-fator-r .classification.warn {
  background: #342411 !important;
  border-color: #8b6428 !important;
  color: #fde7b0 !important;
}
html[data-theme="dark"] .hares-fator-r .classification.danger {
  background: #321318 !important;
  border-color: #8b2f3b !important;
  color: #fecdd3 !important;
}
html[data-theme="dark"] .hares-fator-r .status-dot {
  background: #64748b !important;
  box-shadow: 0 0 0 6px rgba(100,116,139,.14) !important;
}
html[data-theme="dark"] .hares-fator-r .status-dot.ok {
  background: #10b981 !important;
  box-shadow: 0 0 0 6px rgba(16,185,129,.16) !important;
}
html[data-theme="dark"] .hares-fator-r .status-dot.warn {
  background: #f59e0b !important;
  box-shadow: 0 0 0 6px rgba(245,158,11,.16) !important;
}
html[data-theme="dark"] .hares-fator-r .status-dot.danger {
  background: #ef4444 !important;
  box-shadow: 0 0 0 6px rgba(239,68,68,.16) !important;
}

html[data-theme="dark"] main :is(.hub-status.available, .hub-status.dev, .hub-status.planned, .hub-status.next) {
  border: 1px solid transparent !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02) !important;
}
html[data-theme="dark"] main .hub-status.available {
  background: #0d2c2a !important;
  border-color: #23665f !important;
  color: #b7f4e7 !important;
}
html[data-theme="dark"] main .hub-status.dev {
  background: #102640 !important;
  border-color: #31506e !important;
  color: #bfe8ff !important;
}
html[data-theme="dark"] main .hub-status.planned {
  background: #102238 !important;
  border-color: #334a63 !important;
  color: #d4dee9 !important;
}
html[data-theme="dark"] main .hub-status.next {
  background: #342411 !important;
  border-color: #8b6428 !important;
  color: #fde7b0 !important;
}
html[data-theme="dark"] main .hub-disabled-btn {
  background: #102238 !important;
  border: 1px solid #334a63 !important;
  color: #d4dee9 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02) !important;
  opacity: 1 !important;
}
html[data-theme="dark"] main :is(
  span.rounded-full[class~="bg-emerald-50"],
  span.rounded-full[class~="bg-slate-100"],
  span.rounded-full[class~="bg-gray-100"]
) {
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02) !important;
}

html[data-theme="dark"] .troca-risk-card {
  background: linear-gradient(145deg, rgba(13,33,57,.96), rgba(8,23,40,.98)) !important;
  border-color: rgba(125,211,252,.24) !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.24) !important;
}
html[data-theme="dark"] .troca-risk-card strong { color: #edf6ff !important; }
html[data-theme="dark"] .troca-risk-card span { color: #b6c7d9 !important; }

html[data-theme="dark"] main :is([class~="bg-emerald-50"], [class~="bg-green-100"]) {
  background-color: #0d2c2a !important;
  background-image: linear-gradient(145deg, rgba(13,44,42,.96), rgba(8,31,30,.98)) !important;
}
html[data-theme="dark"] main :is([class~="bg-amber-50"], [class~="bg-violet-50"]) {
  background-color: #342411 !important;
  background-image: linear-gradient(145deg, rgba(52,36,17,.96), rgba(33,22,9,.98)) !important;
}
html[data-theme="dark"] main :is([class~="bg-red-50"], [class~="bg-red-100"], [class~="bg-rose-100"]) {
  background-color: #321318 !important;
  background-image: linear-gradient(145deg, rgba(50,19,24,.96), rgba(34,11,16,.98)) !important;
}
html[data-theme="dark"] main :is([class~="bg-slate-100"], [class~="bg-slate-200"], [class~="bg-indigo-100"]) {
  background-color: #102238 !important;
  background-image: linear-gradient(145deg, rgba(16,34,56,.96), rgba(10,22,38,.98)) !important;
}
html[data-theme="dark"] main :is(
  [class~="border-emerald-100"], [class~="border-emerald-200"], [class~="border-green-100"],
  [class~="border-amber-100"], [class~="border-amber-200"], [class~="border-violet-100"],
  [class~="border-red-100"], [class~="border-red-200"], [class~="border-rose-100"],
  [class~="border-slate-100"], [class~="border-slate-200"], [class~="border-indigo-100"]
) { border-color: #27425f !important; }
html[data-theme="dark"] main :is(.text-emerald-700, .text-emerald-900) { color: #b7f4e7 !important; }
html[data-theme="dark"] main :is(.text-amber-700, .text-amber-900) { color: #fde7b0 !important; }
html[data-theme="dark"] main :is(.text-red-700, .text-red-900, .text-rose-700, .text-rose-900) { color: #fecdd3 !important; }
html[data-theme="dark"] main :is(.text-slate-700, .text-slate-600, .text-slate-500) { color: #d4dee9 !important; }


/* Hares v2.3 — preserva os refinamentos premium da index e corrige apenas os selos da Liderança Hares */
html[data-theme="dark"] #lideranca-hares .hares-leader-credential,
html[data-theme="dark"] .professional-card .hares-leader-credential {
  background: linear-gradient(135deg, rgba(14,165,233,.20), rgba(124,58,237,.16)) !important;
  border: 1px solid rgba(125,211,252,.42) !important;
  color: #dff6ff !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025), 0 0 18px rgba(56,189,248,.13) !important;
}

/* ================================================================
   HARES v2.4 — DARK MODE GLOBAL + HOME REFINEMENT
   Data: 20/08/2026
   ================================================================ */

/* HOVER GLOBAL */
html[data-theme="dark"] main [class~="hover:bg-hares-50"]:hover { background-color:#102b47 !important; }
html[data-theme="dark"] main [class~="hover:bg-gray-50"]:hover,
html[data-theme="dark"] main [class~="hover:bg-gray-100"]:hover { background-color:#102640 !important; }
html[data-theme="dark"] main [class~="hover:bg-white"]:hover { background-color:#132e4d !important; }

html[data-theme="dark"] main .faq-item > button:hover,
html[data-theme="dark"] main .faq-item > button:focus-visible {
  background-color:#102b47 !important;
  color:#eef6ff !important;
}
html[data-theme="dark"] main .faq-item > button:hover :is(span,svg),
html[data-theme="dark"] main .faq-item > button:focus-visible :is(span,svg) { color:#eef6ff !important; }
html[data-theme="dark"] main .faq-item > button:hover svg,
html[data-theme="dark"] main .faq-item > button:focus-visible svg { color:#7dd3fc !important; }

/* HERO */
html[data-theme="dark"] #home-hero {
  background:
    radial-gradient(circle at 8% 12%,rgba(56,189,248,.14),transparent 31rem),
    radial-gradient(circle at 92% 82%,rgba(124,58,237,.16),transparent 30rem),
    linear-gradient(135deg,#061426 0%,#0b1c31 52%,#061426 100%) !important;
}
html[data-theme="dark"] #home-hero .hares-home-trust-card {
  background:linear-gradient(145deg,#0d2139,#09192b) !important;
  border-color:#31506e !important;
  box-shadow:0 14px 30px rgba(0,0,0,.24) !important;
}
html[data-theme="dark"] #home-hero .hares-home-trust-card:hover {
  border-color:rgba(56,189,248,.48) !important;
  box-shadow:0 18px 38px rgba(0,0,0,.30) !important;
}

/* FERRAMENTAS */
html[data-theme="dark"] #ferramentas-hares .hares-workforce-card {
  background:linear-gradient(145deg,#0d2139 0%,#09192b 100%) !important;
  border-color:#31506e !important;
}
html[data-theme="dark"] #ferramentas-hares .hares-workforce-icon {
  background:linear-gradient(145deg,rgba(16,185,129,.22),rgba(5,150,105,.12)) !important;
  border-color:rgba(110,231,183,.38) !important;
  color:#6ee7b7 !important;
}
html[data-theme="dark"] #ferramentas-hares .hares-workforce-feature {
  background:linear-gradient(145deg,rgba(13,44,42,.96),rgba(8,31,30,.98)) !important;
  border-color:rgba(110,231,183,.28) !important;
}
html[data-theme="dark"] #ferramentas-hares .hares-workforce-feature--secondary {
  background:linear-gradient(145deg,#102640,#0c1d33) !important;
  border-color:#31506e !important;
}

/* DIAGNÓSTICO */
html[data-theme="dark"] #diagnostico-estrategico-home .hares-home-diag-shell {
  background:linear-gradient(145deg,#0d2139 0%,#09192b 100%) !important;
  border-color:#31506e !important;
  box-shadow:0 18px 42px rgba(0,0,0,.25) !important;
}
html[data-theme="dark"] #diagnostico-estrategico-home .hares-home-diag-panels > div {
  background:#102640 !important;
  border-color:#31506e !important;
}

/* JORNADA FATOR R */
html[data-theme="dark"] #jornada-fator-r .hares-factor-badge {
  background:#12304f !important;
  border:1px solid #315675 !important;
  color:#bfe8ff !important;
}
html[data-theme="dark"] #jornada-fator-r .hares-factor-card {
  background:linear-gradient(145deg,#0d2139,#09192b) !important;
  border-color:#31506e !important;
  box-shadow:0 14px 30px rgba(0,0,0,.22) !important;
}
html[data-theme="dark"] #jornada-fator-r .hares-factor-card--validate {
  background:linear-gradient(145deg,#102b47,#0b1d33) !important;
  border-color:rgba(125,211,252,.34) !important;
}

/* DIFERENCIAIS */
html[data-theme="dark"] #diferenciais-hares { background:#071426 !important; }
html[data-theme="dark"] #diferenciais-hares .hares-diff-card {
  background:linear-gradient(145deg,#0d2139 0%,#09192b 100%) !important;
  border:1px solid #31506e !important;
  box-shadow:0 16px 34px rgba(0,0,0,.22) !important;
}
html[data-theme="dark"] #diferenciais-hares .hares-diff-card:hover {
  border-color:rgba(56,189,248,.48) !important;
  box-shadow:0 20px 42px rgba(0,0,0,.30) !important;
}
html[data-theme="dark"] #diferenciais-hares .hares-diff-card :is(.text-\[\#0F1D52\],.text-gray-900) { color:#f2f8ff !important; }
html[data-theme="dark"] #diferenciais-hares .hares-diff-card .text-gray-600 { color:#c7d5e4 !important; }
html[data-theme="dark"] #diferenciais-hares .hares-diff-icon {
  box-shadow:0 10px 24px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.025) !important;
}
html[data-theme="dark"] #diferenciais-hares .hares-diff-card:nth-child(1) .hares-diff-icon,
html[data-theme="dark"] #diferenciais-hares .hares-diff-card:nth-child(4) .hares-diff-icon {
  background:rgba(14,165,233,.18) !important;border:1px solid rgba(125,211,252,.36) !important;
}
html[data-theme="dark"] #diferenciais-hares .hares-diff-card:nth-child(2) .hares-diff-icon,
html[data-theme="dark"] #diferenciais-hares .hares-diff-card:nth-child(5) .hares-diff-icon {
  background:rgba(139,92,246,.18) !important;border:1px solid rgba(196,181,253,.36) !important;
}
html[data-theme="dark"] #diferenciais-hares .hares-diff-card:nth-child(3) .hares-diff-icon {
  background:rgba(16,185,129,.18) !important;border:1px solid rgba(110,231,183,.36) !important;
}
html[data-theme="dark"] #diferenciais-hares .hares-diff-card:nth-child(6) .hares-diff-icon {
  background:rgba(249,115,22,.18) !important;border:1px solid rgba(253,186,116,.36) !important;
}

/* SERVIÇOS */
html[data-theme="dark"] #servicos .card-hover {
  background:linear-gradient(145deg,#0d2139 0%,#09192b 100%) !important;
  border-color:#31506e !important;
  box-shadow:0 14px 30px rgba(0,0,0,.22) !important;
}
html[data-theme="dark"] #servicos .card-hover:hover {
  border-color:rgba(56,189,248,.50) !important;
  box-shadow:0 20px 42px rgba(0,0,0,.30) !important;
}
html[data-theme="dark"] #servicos .hares-service-icon {
  box-shadow:0 10px 24px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.025) !important;
}

/* TROCAR DE CONTADOR */
html[data-theme="dark"] #trocar-contador-home {
  background:radial-gradient(circle at 90% 18%,rgba(56,189,248,.10),transparent 24rem),
             linear-gradient(145deg,#071426,#0b1c31) !important;
}
html[data-theme="dark"] #trocar-contador-home .hares-transition-card {
  background:linear-gradient(145deg,#0d2139,#09192b) !important;
  border-color:#31506e !important;
}
html[data-theme="dark"] #trocar-contador-home .hares-transition-card--accent {
  background:linear-gradient(145deg,#102b47,#0b1d33) !important;
  border-color:rgba(125,211,252,.34) !important;
}
html[data-theme="dark"] #trocar-contador-home .hares-transition-icon {
  background:rgba(16,185,129,.18) !important;
  border:1px solid rgba(110,231,183,.36) !important;
  color:#6ee7b7 !important;
}

/* LIDERANÇA + COMPROMISSOS */
html[data-theme="dark"] #lideranca-hares { background:linear-gradient(180deg,#08182b 0%,#071426 100%) !important; }
html[data-theme="dark"] #lideranca-hares .professional-card,
html[data-theme="dark"] #lideranca-hares .hares-commitment-card {
  background:linear-gradient(145deg,#0d2139 0%,#09192b 100%) !important;
  border-color:#31506e !important;
}
html[data-theme="dark"] #lideranca-hares .hares-commitment-card {
  box-shadow:0 14px 30px rgba(0,0,0,.22) !important;
}
html[data-theme="dark"] #lideranca-hares .hares-commitment-card:hover { border-color:rgba(56,189,248,.48) !important; }
html[data-theme="dark"] #lideranca-hares .hares-commitment-icon {
  background:rgba(14,165,233,.16) !important;
  border-color:rgba(125,211,252,.32) !important;
  color:#7dd3fc !important;
}

/* SEGMENTOS */
html[data-theme="dark"] #segmentos { background:#071426 !important; }
html[data-theme="dark"] #segmentos .segment-card {
  background:linear-gradient(145deg,#0d2139,#09192b) !important;
  border-color:#31506e !important;
}

/* FAQ */
html[data-theme="dark"] #faq { background:linear-gradient(180deg,#071426 0%,#08182b 100%) !important; }
html[data-theme="dark"] #faq .faq-item { background:#0c1d33 !important;border-color:#31506e !important; }
html[data-theme="dark"] #faq .faq-item.active {
  border-color:rgba(56,189,248,.48) !important;
  box-shadow:0 14px 30px rgba(0,0,0,.22) !important;
}

/* ================================================================
   HARES v2.4.1 — FAQ LIGHT HOVER + COLLAPSE FIX
   Data: 20/08/2026
   ================================================================ */

/* Resposta recolhida não deve deixar faixa/padding visível. */
main .faq-item .faq-answer {
  padding-bottom: 0 !important;
}
main .faq-item.active .faq-answer {
  padding-bottom: 1.5rem !important;
}

/* Modo claro: hover/foco mais perceptível e aplicado ao conjunto visual. */
html[data-theme="light"] main .faq-item {
  transition: border-color .22s ease, box-shadow .22s ease, background-color .22s ease;
}
html[data-theme="light"] main .faq-item:hover,
html[data-theme="light"] main .faq-item:focus-within {
  border-color: #7dd3fc !important;
  box-shadow: 0 10px 24px rgba(14,165,233,.10) !important;
}
html[data-theme="light"] main .faq-item > button:hover,
html[data-theme="light"] main .faq-item > button:focus-visible {
  background-color: #e8f5fd !important;
  color: #0f1d52 !important;
}
html[data-theme="light"] main .faq-item > button:hover :is(span, svg),
html[data-theme="light"] main .faq-item > button:focus-visible :is(span, svg) {
  color: #0f1d52 !important;
}
html[data-theme="light"] main .faq-item > button:hover svg,
html[data-theme="light"] main .faq-item > button:focus-visible svg {
  color: #0284c7 !important;
}

/* Estado aberto no modo claro: mantém a leitura e a hierarquia. */
html[data-theme="light"] main .faq-item.active {
  border-color: #bae6fd !important;
  box-shadow: 0 10px 24px rgba(14,165,233,.08) !important;
}
html[data-theme="light"] main .faq-item.active .faq-answer {
  color: #526173 !important;
}
