/* ============================================================
   VERSÃO D · ESCURA — CONFIANÇA HUMANA (NOTURNA)
   Mesmo conceito da Confiança Humana (frase do Dr., histórias,
   individualização), em tom escuro: marinho profundo + champagne.
   Serifada humanista (Newsreader) + Inter.
   ============================================================ */

.theme-care-dark{
  --font-display:'Newsreader',Georgia,serif;
  --font-body:'Inter','Helvetica Neue',Arial,sans-serif;
  --ink:#0A1421;            /* marinho mais profundo (superfícies/rodapé) */
  --accent:#D4AC5A;         /* champagne luminoso (contraste no escuro) */
  --accent-deep:#BE9442;
  --gold-200:#E9D29A;
  --gold-50:rgba(212,172,90,.14);
  --bg:#0E1A2B;             /* marinho profundo (base) */
  --bg-soft:#16263B;        /* marinho primário (seções) */
  --bg-deep:#0A1421;
  --surface:rgba(255,255,255,.035);
  --surface-hover:rgba(255,255,255,.06);
  --fg:#EAEEF3;
  --fg-muted:#A9B6C5;
  --line:rgba(198,204,210,.14);
  --line-strong:rgba(198,204,210,.26);
  background:var(--bg);
  color:var(--fg);
}
.theme-care-dark .display,.theme-care-dark .h1,.theme-care-dark .h2,.theme-care-dark .h3{color:#fff;font-weight:420;letter-spacing:-.012em}
.theme-care-dark .overline{color:var(--accent)}
.theme-care-dark .lead{color:var(--fg-muted)}
.theme-care-dark .muted{color:var(--fg-muted)}
.theme-care-dark .eyebrow-row::before{background:var(--accent)}

/* Header sobre tema escuro */
.theme-care-dark .site-header .bar{color:#fff}
.theme-care-dark .wordmark{color:#fff}
.theme-care-dark .nav a{color:#D7DEE6}
.theme-care-dark .nav a:hover{color:var(--accent)}
.theme-care-dark .site-header.scrolled{background:rgba(10,20,33,.82);backdrop-filter:blur(16px) saturate(1.05);box-shadow:0 1px 0 rgba(198,204,210,.12)}
@media (max-width:860px){ .theme-care-dark .nav{background:var(--bg-soft)} }

/* Botões */
.theme-care-dark .btn-accent{background:var(--accent);color:var(--ink)}
.theme-care-dark .btn-accent:hover{background:var(--accent-deep);color:var(--ink)}
.theme-care-dark .btn-primary{background:#fff;color:var(--ink)}
.theme-care-dark .btn-primary:hover{background:#E2E6EA;color:var(--ink)}
.theme-care-dark .btn-ghost{color:#fff}
.theme-care-dark .btn-ghost:hover{background:#fff;color:var(--ink);border-color:#fff}

/* HERO */
.care-hero{position:relative;overflow:hidden;padding:calc(84px + clamp(34px,6vw,70px)) 0 clamp(48px,7vw,88px);
  background:
    radial-gradient(80% 70% at 85% 0%,rgba(212,172,90,.16),transparent 55%),
    radial-gradient(70% 60% at -5% 100%,rgba(38,64,100,.5),transparent 55%),
    linear-gradient(180deg,var(--bg-deep),var(--bg) 65%)}
.care-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,72px);align-items:center}
.care-hero .overline{margin-bottom:8px}
.care-hero h1{font-family:var(--font-display);font-size:clamp(40px,6.2vw,82px);line-height:1.03;color:#fff;font-weight:420;margin:14px 0 22px}
.care-hero h1 em{font-style:italic;color:var(--accent)}
.care-hero .lead{max-width:50ch;font-size:var(--fs-lg)}
.care-hero .cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.care-trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.care-trust .t{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--fg-muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:9px 15px}
.care-trust .t svg{width:16px;height:16px;color:var(--accent);flex-shrink:0}
.care-hero .portrait{position:relative}
.care-hero .portrait .ph{aspect-ratio:4/5;min-height:0}
.care-hero .portrait .frame{position:absolute;inset:-14px;border:1px solid rgba(212,172,90,.32);border-radius:calc(var(--radius) + 14px);z-index:-1}
/* z-index acima da foto do retrato (.ph-photo usa z-index:3), senao o card
   dourado fica escondido atras da imagem e sobra so uma lasca na borda. */
.care-hero .quote-card{position:absolute;z-index:4;left:-16px;bottom:26px;background:var(--accent);color:var(--ink);padding:20px 24px;border-radius:16px;max-width:248px;box-shadow:var(--shadow-lg);
  font-family:var(--font-display);font-style:italic;font-size:18px;line-height:1.38}
.care-hero .quote-card .who{display:block;font-family:var(--font-body);font-style:normal;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(10,20,33,.7);margin-top:12px;font-weight:600}

/* PROMESSA / manifesto */
.care-promise{background:var(--bg-soft)}
.care-promise .wrap{max-width:880px;margin:0 auto;text-align:center}
.care-promise .big{font-family:var(--font-display);font-size:clamp(26px,3.7vw,46px);line-height:1.28;color:#fff;font-weight:420}
.care-promise .big em{font-style:italic;color:var(--accent)}

/* ESPECIALIDADES */
.care-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.care-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:30px 28px;transition:all var(--dur) var(--ease)}
.care-card:hover{background:var(--surface-hover);box-shadow:var(--shadow-md);transform:translateY(-4px);border-color:rgba(212,172,90,.4)}
.care-card .ic{width:48px;height:48px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:var(--gold-50);color:var(--accent);margin-bottom:18px}
.care-card .ic svg{width:25px;height:25px}
.care-card h3{font-family:var(--font-display);font-size:23px;color:#fff;margin-bottom:6px;font-weight:500}
.care-card p{color:var(--fg-muted);font-size:14.5px}
.care-card.is-link{display:block}
.care-card.is-link .more{margin-top:14px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}

/* SPLIT */
.care-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,68px);align-items:center}
.care-split.rev .care-split-txt{order:2}
.care-split .ph{aspect-ratio:4/3}
.care-split blockquote{font-family:var(--font-display);font-style:italic;font-size:clamp(21px,2.5vw,30px);line-height:1.32;color:#fff;border-left:2px solid var(--accent);padding-left:24px;margin:24px 0}

/* HISTÓRIAS — seção assinatura (ainda mais profunda) */
.care-stories{background:var(--bg-deep)}
.care-stories .overline{color:var(--gold-200)}
.care-stories .h2{color:#fff}
.care-stories .lead{color:#C3CAD3}
.care-story-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:clamp(34px,4vw,52px)}
.care-story{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:clamp(28px,3vw,40px);transition:all var(--dur) var(--ease)}
.care-story:hover{background:rgba(255,255,255,.07);border-color:rgba(233,210,154,.4)}
.care-story .badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-200);margin-bottom:18px}
.care-story .badge::before{content:"";width:22px;height:1.5px;background:var(--gold-200)}
.care-story p{font-family:var(--font-display);font-size:clamp(19px,2vw,23px);line-height:1.45;color:#EDEFF2;font-style:italic}
.care-story .who{margin-top:18px;font-family:var(--font-body);font-style:normal;font-size:13px;color:#9AA6B2;letter-spacing:.01em}

/* PROCESSO */
.care-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.care-step{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px 24px;position:relative}
.care-step .n{font-family:var(--font-display);font-size:40px;font-weight:500;color:var(--accent);line-height:1}
.care-step h4{font-family:var(--font-display);font-size:19px;color:#fff;margin:12px 0 6px;font-weight:500}
.care-step p{color:var(--fg-muted);font-size:14px}

/* DEPOIMENTOS */
.care-tst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.care-tst{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:30px}
.care-tst .stars{color:var(--accent);letter-spacing:3px;margin-bottom:14px;font-size:15px}
.care-tst p{color:#EDEFF2;font-style:italic;font-family:var(--font-display);font-size:19px;line-height:1.42}
.care-tst .who{margin-top:18px;font-size:13px;color:var(--fg-muted)}

/* CTA FINAL */
.care-cta{position:relative;overflow:hidden;text-align:center;border-radius:var(--radius-lg);padding:clamp(48px,7vw,92px) var(--pad);
  background:linear-gradient(160deg,var(--steel-700),var(--navy-900));border:1px solid var(--line-strong)}
.care-cta::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 90% at 50% -10%,rgba(212,172,90,.32),transparent 60%);pointer-events:none}
.care-cta>*{position:relative;z-index:1}
.care-cta .overline{color:var(--gold-200)}
.care-cta h2{color:#fff;margin:14px 0 16px}
.care-cta .lead{color:#C3CAD3;margin:0 auto 32px;max-width:54ch}
.care-cta .cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* FAQ */
.theme-care-dark .faq-q{color:#fff}
.theme-care-dark .faq-q .ic{border-color:var(--accent)}
.theme-care-dark .faq-q .ic::before,.theme-care-dark .faq-q .ic::after{background:var(--accent)}
.theme-care-dark .faq-item.open .faq-q .ic{background:var(--accent)}
.theme-care-dark .faq-item.open .faq-q .ic::before,.theme-care-dark .faq-item.open .faq-q .ic::after{background:var(--ink)}
.theme-care-dark .faq-a p{color:var(--fg-muted)}

/* PLACEHOLDER escuro por padrão */
.theme-care-dark .ph{background:linear-gradient(135deg,var(--navy-700) 0%,var(--navy-900) 100%);border-color:var(--steel-400);color:var(--silver-200)}
.care-hero .portrait .ph{background:linear-gradient(135deg,rgba(212,172,90,.12),var(--navy-800))}

/* FOOTER */
.theme-care-dark .site-footer{background:var(--bg-deep)}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;margin-bottom:20px}
.foot-grid h4{font-family:var(--font-body);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--silver-300);margin-bottom:16px;font-weight:600}
.foot-grid a,.foot-grid p{color:var(--silver-200);display:block;margin-bottom:10px;font-size:14.5px}

/* LP — dor / investimento */
.care-pain{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:clamp(30px,4vw,48px)}
.care-pain .p{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:26px}
.care-pain .p h4{font-family:var(--font-display);font-size:19px;color:#fff;margin-bottom:8px;font-weight:500}
.care-pain .p p{color:var(--fg-muted);font-size:14.5px}
.care-price{max-width:560px;margin:0 auto;background:var(--bg-soft);border:1px solid var(--line);border-radius:22px;padding:clamp(30px,4vw,46px);text-align:center;box-shadow:var(--shadow-lg)}
.care-price .tag{font-family:var(--font-display);font-size:clamp(28px,3.4vw,40px);color:#fff;font-weight:500}
.care-price .tag em{font-style:italic;color:var(--accent)}
.care-price ul{list-style:none;text-align:left;max-width:380px;margin:24px auto 28px}
.care-price li{display:flex;gap:12px;align-items:flex-start;padding:9px 0;color:var(--fg-muted);font-size:15px;border-bottom:1px solid var(--line)}
.care-price li svg{width:20px;height:20px;color:var(--accent);flex-shrink:0;margin-top:2px}

@media (max-width:980px){
  .care-hero-grid,.care-split,.care-split.rev .care-split-txt{grid-template-columns:1fr}
  .care-split.rev .care-split-txt{order:0}
  .care-hero .portrait{order:-1;max-width:440px}
  .care-svc-grid,.care-tst-grid,.care-story-grid{grid-template-columns:1fr 1fr}
  .care-steps,.care-pain{grid-template-columns:1fr 1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .care-svc-grid,.care-tst-grid,.care-story-grid,.care-steps,.care-pain,.foot-grid{grid-template-columns:1fr}
}
