/* =====================================================================
   fesouza.com.br — DESIGN SYSTEM (Foundation) — Sprint 8.1
   ---------------------------------------------------------------------
   FONTE ÚNICA DE VERDADE visual. Tokens + componentes canônicos.
   Tudo é prefixado (.ds-* / --ds-*) para NÃO colidir com o CSS inline
   atual — incluir este arquivo NÃO altera nada visualmente.
   A adoção das classes .ds-* pelas páginas acontece no Sprint 8.2.
   Valores espelham o visual atual da V1 para migração sem regressão.
   ===================================================================== */

:root{
  /* ---------- COR ---------- */
  --ds-accent:#e8007a;          /* rosa da marca (acento) */
  --ds-accent-strong:#c0005e;   /* rosa escuro */
  --ds-accent-soft:#fce7f3;     /* rosa claro (fundos) */
  --ds-accent-bright:#ff3399;   /* rosa vivo (destaques sobre escuro) */
  --ds-ink:#111111;             /* texto/título principal */
  --ds-surface:#ffffff;
  --ds-surface-2:#f9fafb;
  --ds-surface-3:#f3f4f6;
  --ds-surface-dark:#0f172a;    /* superfície escura premium (uso no 8.2) */
  --ds-border:#e5e7eb;
  --ds-text:#374151;            /* corpo */
  --ds-text-muted:#6b7280;      /* secundário */
  --ds-on-dark:#ffffff;
  --ds-success:#16a34a;
  --ds-error:#dc2626;
  --ds-warning:#ca8a04;
  --ds-focus:#e8007a;           /* anel de foco */

  /* ---------- SPACING (escala 4/8) ---------- */
  --ds-space-1:4px;  --ds-space-2:8px;  --ds-space-3:12px; --ds-space-4:16px;
  --ds-space-5:20px; --ds-space-6:24px; --ds-space-8:32px; --ds-space-10:40px;
  --ds-space-12:48px;--ds-space-16:64px;--ds-space-20:80px;--ds-space-24:96px;

  /* ---------- TIPOGRAFIA ---------- */
  --ds-font-sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ds-fw-regular:400; --ds-fw-medium:500; --ds-fw-semibold:600;
  --ds-fw-bold:700;    --ds-fw-display:800;  /* teto de peso: 800 (disciplina) */
  --ds-text-xs:.78rem; --ds-text-sm:.88rem; --ds-text-base:1rem; --ds-text-md:1.05rem;
  --ds-text-lg:1.25rem;--ds-text-xl:1.5rem; --ds-text-2xl:1.9rem;
  --ds-text-3xl:clamp(2rem,4vw,2.6rem); --ds-text-4xl:clamp(2.4rem,5vw,3.4rem);
  --ds-lh-tight:1.15; --ds-lh-snug:1.3; --ds-lh-base:1.6; --ds-lh-relaxed:1.8;
  --ds-ls-tight:-0.02em; --ds-ls-tighter:-0.03em; --ds-ls-wide:.06em;
  --ds-measure:65ch;  /* largura ideal de leitura */

  /* ---------- RADIUS ---------- */
  --ds-radius-sm:6px; --ds-radius-md:10px; --ds-radius-lg:16px; --ds-radius-xl:20px;
  --ds-radius-pill:50px; /* legado — botão canônico usa --ds-radius-md */

  /* ---------- SOMBRAS (3 níveis) ---------- */
  --ds-shadow-sm:0 1px 3px rgba(0,0,0,.06);
  --ds-shadow-md:0 4px 24px rgba(0,0,0,.08);
  --ds-shadow-lg:0 8px 40px rgba(0,0,0,.12);

  /* ---------- TRANSIÇÕES ---------- */
  --ds-transition-fast:.15s ease; --ds-transition-base:.25s ease; --ds-transition-slow:.4s ease;

  /* ---------- Z-INDEX ---------- */
  --ds-z-dropdown:100; --ds-z-sticky:500; --ds-z-nav:1000; --ds-z-overlay:2999;
  --ds-z-float:3000; --ds-z-top:9999;

  /* ---------- CONTAINERS ---------- */
  --ds-container-sm:780px; --ds-container:1100px; --ds-container-wide:1140px;

  /* ---------- BREAKPOINTS (referência — usar nos @media) ----------
     --xs:480px  --sm:768px  --md:1024px  --lg:1280px
     Padrão único do projeto a partir do 8.2. */
}

/* =====================================================================
   ACESSIBILIDADE — única adição global deste sprint.
   Aparece SOMENTE na navegação por teclado (não altera a visão normal).
   ===================================================================== */
:where(a,button,input,textarea,select,[tabindex]):focus-visible{
  outline:2px solid var(--ds-focus);
  outline-offset:2px;
  border-radius:var(--ds-radius-sm);
}

/* =====================================================================
   COMPONENTES CANÔNICOS (.ds-*) — prontos para adoção no Sprint 8.2.
   Nada no HTML atual usa estas classes (zero impacto visual agora).
   ===================================================================== */

/* ---------- CONTAINERS ---------- */
.ds-container{max-width:var(--ds-container);margin-inline:auto;padding-inline:var(--ds-space-6)}
.ds-container--sm{max-width:var(--ds-container-sm)}
.ds-container--wide{max-width:var(--ds-container-wide)}

/* ---------- HEADINGS ---------- */
.ds-h1{font-family:var(--ds-font-sans);font-size:var(--ds-text-4xl);font-weight:var(--ds-fw-display);line-height:var(--ds-lh-tight);letter-spacing:var(--ds-ls-tighter);color:var(--ds-ink)}
.ds-h2{font-size:var(--ds-text-3xl);font-weight:var(--ds-fw-display);line-height:var(--ds-lh-tight);letter-spacing:var(--ds-ls-tight);color:var(--ds-ink)}
.ds-h3{font-size:var(--ds-text-xl);font-weight:var(--ds-fw-bold);line-height:var(--ds-lh-snug);color:var(--ds-ink)}
.ds-h4{font-size:var(--ds-text-md);font-weight:var(--ds-fw-bold);line-height:var(--ds-lh-snug);color:var(--ds-ink)}
.ds-prose{color:var(--ds-text);font-size:var(--ds-text-md);line-height:var(--ds-lh-relaxed);max-width:var(--ds-measure)}

/* ---------- LINKS ---------- */
.ds-link{color:var(--ds-accent-strong);font-weight:var(--ds-fw-semibold);text-decoration:none;transition:color var(--ds-transition-base)}
.ds-link:hover{color:var(--ds-accent)}

/* ---------- BOTÕES ---------- */
.ds-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-2);
  font-family:var(--ds-font-sans);font-weight:var(--ds-fw-bold);font-size:var(--ds-text-sm);
  padding:11px 24px;border-radius:var(--ds-radius-md);border:1px solid transparent;
  cursor:pointer;white-space:nowrap;text-decoration:none;line-height:1;
  transition:background var(--ds-transition-base),transform var(--ds-transition-base),box-shadow var(--ds-transition-base);
}
.ds-btn--lg{font-size:var(--ds-text-base);padding:13px 30px}
.ds-btn--primary{background:var(--ds-accent-strong);color:var(--ds-on-dark)}
.ds-btn--primary:hover{background:#a00050;transform:translateY(-2px);box-shadow:0 6px 18px rgba(192,0,94,.3)}
.ds-btn--primary:active{transform:translateY(0);box-shadow:none}
.ds-btn--secondary{background:transparent;color:var(--ds-accent-strong);border-color:var(--ds-accent-strong)}
.ds-btn--secondary:hover{background:var(--ds-accent);color:var(--ds-on-dark);border-color:var(--ds-accent)}
.ds-btn--ghost{background:transparent;color:var(--ds-ink)}
.ds-btn--ghost:hover{background:var(--ds-surface-3)}
.ds-btn--white{background:var(--ds-on-dark);color:var(--ds-accent-strong)}
.ds-btn--white:hover{background:var(--ds-accent-soft)}
.ds-btn[disabled],.ds-btn.is-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}
.ds-btn.is-loading{color:transparent;pointer-events:none;position:relative}
.ds-btn.is-loading::after{content:"";position:absolute;width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:ds-spin .6s linear infinite;color:var(--ds-on-dark)}
@keyframes ds-spin{to{transform:rotate(360deg)}}

/* ---------- CARDS ---------- */
.ds-card{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);padding:var(--ds-space-6);box-shadow:var(--ds-shadow-sm)}
.ds-card--interactive{transition:transform var(--ds-transition-base),box-shadow var(--ds-transition-base),border-color var(--ds-transition-base)}
.ds-card--interactive:hover{transform:translateY(-4px);box-shadow:var(--ds-shadow-lg);border-color:var(--ds-accent)}

/* ---------- INPUTS ---------- */
.ds-field{margin-bottom:var(--ds-space-5)}
.ds-label{display:block;font-size:var(--ds-text-sm);font-weight:var(--ds-fw-bold);color:var(--ds-ink);margin-bottom:var(--ds-space-2)}
.ds-input{
  width:100%;padding:14px 18px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);
  font-family:var(--ds-font-sans);font-size:var(--ds-text-base);color:var(--ds-ink);background:var(--ds-surface);
  transition:border-color var(--ds-transition-base),box-shadow var(--ds-transition-base);
}
.ds-input:focus{outline:none;border-color:var(--ds-accent);box-shadow:0 0 0 3px rgba(232,0,122,.12)}
.ds-input[aria-invalid="true"]{border-color:var(--ds-error)}

/* ---------- BADGES & CHIPS ---------- */
.ds-badge{display:inline-flex;align-items:center;gap:var(--ds-space-2);background:var(--ds-accent-soft);color:var(--ds-accent-strong);font-size:var(--ds-text-xs);font-weight:var(--ds-fw-bold);letter-spacing:var(--ds-ls-wide);text-transform:uppercase;padding:6px 16px;border-radius:var(--ds-radius-pill)}
.ds-chip{display:inline-flex;align-items:center;gap:var(--ds-space-2);background:var(--ds-surface);border:1px solid var(--ds-border);color:var(--ds-text);font-size:var(--ds-text-sm);font-weight:var(--ds-fw-semibold);padding:6px 14px;border-radius:var(--ds-radius-pill)}

/* ---------- NAVBAR (estrutura canônica) ---------- */
.ds-navbar{position:fixed;top:0;left:0;right:0;z-index:var(--ds-z-nav);height:68px;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--ds-border);transition:box-shadow var(--ds-transition-base)}
.ds-navbar.is-scrolled{box-shadow:0 2px 20px rgba(0,0,0,.08)}
.ds-navbar__inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--ds-container-wide);margin-inline:auto;padding-inline:var(--ds-space-6)}

/* ---------- FOOTER (canônico — escuro) ---------- */
.ds-footer{background:var(--ds-ink);color:var(--ds-on-dark);padding:var(--ds-space-16) 0 var(--ds-space-6)}
.ds-footer a{color:#ddd;text-decoration:none;transition:color var(--ds-transition-base)}
.ds-footer a:hover{color:var(--ds-accent)}

/* ---------- GRID UTIL ---------- */
.ds-grid{display:grid;gap:var(--ds-space-6)}
.ds-grid--2{grid-template-columns:repeat(2,1fr)}
.ds-grid--3{grid-template-columns:repeat(3,1fr)}
.ds-grid--4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1024px){.ds-grid--4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.ds-grid--3,.ds-grid--2{grid-template-columns:1fr}.ds-grid--4{grid-template-columns:1fr}}

/* ---------- SECTION RHYTHM ---------- */
.ds-section{padding-block:var(--ds-space-20)}
.ds-section--tight{padding-block:var(--ds-space-12)}
@media(max-width:768px){.ds-section{padding-block:var(--ds-space-12)}}

/* =====================================================================
   SPRINT 8.2 — COMPONENTES PREMIUM (adoção página a página nos blocos B–E)
   Regra de cor: base neutra/escura; o rosa só como ACENTO (ícone-tile,
   CTA, link, foco, estado ativo). Nada aqui altera HTML existente (.ds-*).
   ===================================================================== */

/* ---------- ÍCONES (SVG do _icons.php) ---------- */
.ds-icon{display:inline-block;vertical-align:middle;flex-shrink:0}
/* tile neutro com acento — substitui os "quadradinhos" coloridos de emoji */
.ds-icon-tile{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--ds-radius-md);background:var(--ds-surface-3);color:var(--ds-ink);flex-shrink:0}
.ds-icon-tile--accent{background:var(--ds-accent-soft);color:var(--ds-accent-strong)}
.ds-icon-tile--dark{background:rgba(255,255,255,.08);color:var(--ds-on-dark)}

/* ---------- FEATURE CARD (canônico — substitui .feat-card/.svc-card) ---------- */
.ds-feature{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);padding:var(--ds-space-6);transition:transform var(--ds-transition-base),box-shadow var(--ds-transition-base),border-color var(--ds-transition-base)}
.ds-feature:hover{transform:translateY(-3px);box-shadow:var(--ds-shadow-md);border-color:var(--ds-border)}
.ds-feature__icon{margin-bottom:var(--ds-space-4)}
.ds-feature__title{font-size:var(--ds-text-md);font-weight:var(--ds-fw-bold);color:var(--ds-ink);margin-bottom:var(--ds-space-2)}
.ds-feature__text{font-size:var(--ds-text-sm);color:var(--ds-text-muted);line-height:var(--ds-lh-base);margin:0}

/* ---------- STAT (refinado — dark-friendly, número grande + acento sutil) ---------- */
.ds-stat__num{font-size:clamp(2rem,4vw,3rem);font-weight:var(--ds-fw-display);line-height:1;letter-spacing:var(--ds-ls-tight)}
.ds-stat__num--accent{color:var(--ds-accent)}
.ds-stat__label{font-size:var(--ds-text-sm);font-weight:var(--ds-fw-semibold);color:var(--ds-text-muted);margin-top:var(--ds-space-1)}

/* ---------- TRUST CHIP (ícone + texto, sóbrio) ---------- */
.ds-trust{display:inline-flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-sm);font-weight:var(--ds-fw-semibold);color:var(--ds-text-muted)}
.ds-trust .ds-icon{color:var(--ds-accent)}

/* ---------- FAQ (acordeão canônico) ---------- */
.ds-faq{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);overflow:hidden}
.ds-faq+.ds-faq{margin-top:var(--ds-space-3)}
.ds-faq__q{display:flex;justify-content:space-between;align-items:center;gap:var(--ds-space-3);padding:18px 22px;cursor:pointer;font-weight:var(--ds-fw-bold);font-size:var(--ds-text-base);color:var(--ds-ink);user-select:none}
.ds-faq__q:hover{color:var(--ds-accent-strong)}
.ds-faq__ic{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--ds-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ds-text-muted);transition:transform var(--ds-transition-base),background var(--ds-transition-base),color var(--ds-transition-base)}
.ds-faq.is-open .ds-faq__ic{background:var(--ds-accent);border-color:var(--ds-accent);color:var(--ds-on-dark);transform:rotate(45deg)}
.ds-faq__a{max-height:0;overflow:hidden;transition:max-height var(--ds-transition-slow);font-size:var(--ds-text-sm);color:var(--ds-text)}
.ds-faq.is-open .ds-faq__a{max-height:340px;padding:0 22px 18px}

/* ---------- NAVBAR (links + CTA canônicos) ---------- */
.ds-navbar__links{display:flex;align-items:center;gap:var(--ds-space-8)}
.ds-navbar__link{font-size:var(--ds-text-sm);font-weight:var(--ds-fw-semibold);color:var(--ds-text);text-decoration:none;transition:color var(--ds-transition-base)}
.ds-navbar__link:hover,.ds-navbar__link.is-active{color:var(--ds-accent-strong)}
.ds-navbar__cta{background:var(--ds-accent-strong);color:var(--ds-on-dark)!important;padding:9px 20px;border-radius:var(--ds-radius-md);font-size:var(--ds-text-sm);font-weight:var(--ds-fw-bold);text-decoration:none;transition:background var(--ds-transition-base)}
.ds-navbar__cta:hover{background:#a00050}
@media(max-width:768px){.ds-navbar__links{display:none}}

/* ---------- FOOTER (grid canônico, escuro) ---------- */
.ds-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--ds-space-10)}
@media(max-width:900px){.ds-footer__grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ds-footer__grid{grid-template-columns:1fr}}
.ds-footer__title{font-size:var(--ds-text-sm);font-weight:var(--ds-fw-bold);letter-spacing:var(--ds-ls-wide);text-transform:uppercase;color:var(--ds-on-dark);margin-bottom:var(--ds-space-4)}

/* ---------- FOOTER UNIFICADO (Sprint 8.2-B2) ----------
   Força o footer canônico escuro em TODAS as páginas, sobrescrevendo o CSS
   inline por especificidade (footer[role=contentinfo] ...). Corrige a divergência
   (ex.: footer branco do /sobre/) sem reescrever a marcação. */
footer[role="contentinfo"]{background:var(--ds-ink)!important;color:var(--ds-on-dark)}
footer[role="contentinfo"] .footer-brand p{color:#bbb}
footer[role="contentinfo"] .logo-name{color:#fff}
footer[role="contentinfo"] .footer-col h3,
footer[role="contentinfo"] .footer-col h4{color:#fff}
footer[role="contentinfo"] .footer-col a{color:#ddd;transition:color var(--ds-transition-base)}
footer[role="contentinfo"] .footer-col a:hover{color:var(--ds-accent)}
footer[role="contentinfo"] .footer-bottom{border-top:1px solid rgba(255,255,255,.1)}
footer[role="contentinfo"] .footer-bottom p{color:#aaa}
footer[role="contentinfo"] .footer-bottom a{color:var(--ds-accent);font-weight:var(--ds-fw-bold)}
footer[role="contentinfo"] .social-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--ds-radius-sm);border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#ddd;transition:color var(--ds-transition-base),border-color var(--ds-transition-base)}
footer[role="contentinfo"] .social-btn:hover{color:var(--ds-accent);border-color:var(--ds-accent)}

/* =====================================================================
   FASE 9 — CONSISTENCY LAYER (Sprint 9 · execução, não documentação)
   Força os valores canônicos sobre o CSS inline divergente, por
   especificidade/!important — mesma técnica do footer unificado (8.2-B2).
   Objetivo (DoD): o visitante não percebe que as páginas foram feitas em
   momentos diferentes. Marca: escala de UM rosa — #e8007a (--ds-accent)
   base · #c0005e (--ds-accent-strong) hover (DL-049/escala).
   ===================================================================== */
/* Navbar: largura e CTA canônicos em TODAS as páginas — escopado ao #navbar
   (NÃO usar .container global: ele varia por página, ex.: artigo usa 780px de
   leitura; um override global quebraria a coluna do artigo). */
#navbar .nav-inner{max-width:var(--ds-container-wide)!important;margin-left:auto;margin-right:auto}
#navbar .nav-cta{background:var(--ds-accent)!important;color:#fff!important;font-weight:var(--ds-fw-bold)!important;letter-spacing:normal!important;border-radius:var(--ds-radius-md)!important;display:inline-flex!important;align-items:center;gap:6px}
#navbar .nav-cta:hover{background:var(--ds-accent-strong)!important}
/* Ritmo de leitura único (unifica Home/Blog 1.6 × Serviço 1.7) */
body{line-height:var(--ds-lh-base)!important}
/* Tipografia: teto de peso 800 em H1 (unifica Home/Blog 800 × Serviço 900) */
h1{font-weight:var(--ds-fw-display)!important}
/* ---- Bloco E · componentes unificados (override por especificidade) ---- */
/* FAQ: ícone idêntico (unifica Home .faq-icon 28px/2px × Serviço .faq-ic 26px/1.5px) */
.faq-icon,.faq-ic{width:26px!important;height:26px!important;border:1.5px solid var(--ds-border)!important;font-size:1rem!important;color:var(--ds-text-muted)!important}
.faq-item.open .faq-icon,.faq-item.open .faq-ic{background:var(--ds-accent)!important;border-color:var(--ds-accent)!important;color:#fff!important}
/* Botões flutuantes idênticos (unifica Home 52/46px e verde × internas 56px rosa).
   WhatsApp em rosa = linguagem já usada por todos os CTAs do site. */
.wa-float{bottom:100px!important}
.wa-float a{width:56px!important;height:56px!important;background:var(--ds-accent)!important}
#top-btn{width:56px!important;height:56px!important;font-size:1.5rem!important}
/* Badge: cor de texto e padding únicos (unifica pink × pink-dark, 6/16) */
.badge{color:var(--ds-accent-strong)!important;padding:6px 16px!important}
/* CTA banner único (unifica Home .cta-banner × Serviço .cta-svc — 1 gradiente premium) */
.cta-banner,.cta-svc{background:linear-gradient(135deg,var(--ds-ink) 0%,#2d0020 60%,var(--ds-accent-strong) 100%)!important}

/* =====================================================================
   FASE 10 · V1-A — ESCALA CROMÁTICA (Constituição Visual)
   Vocabulário semântico. Regra: o ROSA é SINAL (acento raro), não tinta.
   ADITIVO — nenhum seletor usa estes tokens ainda (zero mudança visual).
   O V1-B reaponta os elementos DECORATIVOS para o neutro; o sinal fica só
   onde há AÇÃO (CTA, foco, links essenciais, um-sinal-por-tela).
   Fonte única do rosa: aponta para o --ds-accent já existente.
   ===================================================================== */
:root{
  /* --- grafite / void (superfície escura calibrada; aplicação em V5) --- */
  --ds-void:#0a0a0d;
  --ds-void-2:#101015;
  --ds-graphite:#16161c;
  /* --- superfícies neutras (claras) --- */
  --ds-neutral:var(--ds-surface);       /* #ffffff */
  --ds-neutral-2:var(--ds-surface-2);   /* #f9fafb */
  --ds-neutral-3:var(--ds-surface-3);   /* #f3f4f6 */
  /* --- texto --- */
  --ds-text-strong:var(--ds-ink);       /* #111 — títulos */
  /* --- muted (secundário) --- */
  --ds-muted:var(--ds-text-muted);      /* #6b7280 */
  --ds-muted-soft:#9aa0aa;
  /* --- line (borda neutra — substitui bordas/realces rosados decorativos) --- */
  --ds-line:var(--ds-border);           /* #e5e7eb */
  --ds-line-strong:#d6d6db;
  /* --- SINAL (o rosa — só onde há ação/foco/um-sinal-por-tela) --- */
  --ds-signal:var(--ds-accent);         /* #e8007a */
  --ds-signal-strong:var(--ds-accent-strong); /* #c0005e */
  --ds-signal-muted:#fbe3ef;            /* tinte suave do sinal p/ estados leves */
}

/* =====================================================================
   FASE 10 · V1-B — REDUÇÃO DO ROSA DECORATIVO (override por especificidade)
   Regra: o rosa é SINAL (CTA, foco, links essenciais, estado ativo, um
   sinal por tela). Todo o resto vira NEUTRO/GRAFITE. Não altera layout.
   ===================================================================== */
/* Badges → neutro (remoção é V2, aqui só neutraliza) */
.badge{background:var(--ds-neutral-3)!important;color:var(--ds-muted)!important}
.badge::before{background:var(--ds-muted)!important}
/* Icon-tiles de card → tile neutro + ícone escuro */
.feat-icon,.hc-ic,.c-icon{background:var(--ds-neutral-3)!important;color:var(--ds-ink)!important}
.svc-icon,.hero-icon-big{color:var(--ds-ink)!important}
/* Chips/tags decorativos → neutro */
.tag{background:var(--ds-neutral-3)!important;color:var(--ds-muted)!important}
/* Rótulos e ícones decorativos → muted */
.post-cat{color:var(--ds-muted)!important}
.trust-tag svg,.form-note svg{color:var(--ds-muted)!important}
/* Números de sequência (decorativos; viram "medição" no V4) → neutro */
.step-num{color:var(--ds-muted-soft)!important}
.proc-num{background:var(--ds-graphite)!important}
/* Bordas rosas de hover → neutro (a interação fica no lift/sombra) */
.svc-card:hover,.step-card:hover,.post-card:hover,.c-card:hover,.blog-card:hover{border-color:var(--ds-line-strong)!important}
.svc-card:hover::before{background:var(--ds-line-strong)!important}
/* Overlay/accent decorativo → grafite (instrumento) */
.sobre-img-overlay{background:var(--ds-graphite)!important}
/* Banners de CTA: sem lavagem rosa — grafite puro (o botão é o sinal) */
.cta-banner,.cta-svc{background:linear-gradient(135deg,var(--ds-void) 0%,var(--ds-graphite) 100%)!important}
/* CTA da sidebar do blog → grafite (mantém o botão branco como sinal) */
.sidebar-cta{background:var(--ds-graphite)!important}
/* Setas de link de card → neutro padrão, sinal no hover (interação) */
.svc-link{color:var(--ds-ink)!important}
.svc-card:hover .svc-link{color:var(--ds-signal)!important}
/* WhatsApp flutuante + voltar-ao-topo → grafite padrão, sinal no hover/foco */
.wa-float a,#top-btn{background:var(--ds-graphite)!important}
.wa-float a:hover,.wa-float a:focus-visible,#top-btn:hover,#top-btn:focus-visible{background:var(--ds-signal)!important}