.crumb{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:24px;width:fit-content}
.crumb a{color:rgba(255,255,255,.7);transition:color .2s}
.crumb a:hover{color:#fff}
.crumb .sep{opacity:.5}
.crumb .now{color:var(--bu-3)}

/* ===== Section frame ===== */
.s-pad{padding:clamp(72px,9vw,128px) 0;position:relative}
.sec-eyebrow{display:inline-flex;align-items:center;gap:14px;font-family:var(--mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2);font-weight:500}
.sec-eyebrow .dot{width:7px;height:7px;background:var(--bu);border-radius:50%;box-shadow:0 0 0 4px rgba(214,109,49,.18);animation:pulse 2.4s ease-in-out infinite}
.sec-eyebrow.on-dark{color:rgba(255,255,255,.65)}
.sec-eyebrow.on-dark .dot{background:var(--bu-3);box-shadow:0 0 0 4px rgba(244,162,97,.22)}
.h-section{font-family:var(--ubu);font-weight:300;font-size:clamp(32px,3.2vw + .6rem,56px);line-height:1.06;letter-spacing:-.02em;margin:14px 0 0;color:var(--ink)}
.h-section em{font-style:normal;font-weight:500;color:var(--bu)}
.h-section.on-dark{color:#fff}
.h-section.on-dark em{color:var(--bu-3)}
.lead-md{font-size:17px;line-height:1.6;color:rgba(0,57,77,.72);font-weight:300;max-width:60ch;margin-top:18px}
.lead-md.on-dark{color:rgba(255,255,255,.78)}

/* ===== S2 — PAIN POINTS ===== */
.pain{background:var(--paper)}
.pain-head{max-width:none;margin:0 auto 56px;text-align:center}
.pain-head .h-section{max-width:none;font-size:clamp(36px,3.8vw + .8rem,68px)}
.pain-head .lead-md{margin-left:auto;margin-right:auto;max-width:60ch}
.pain-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
@media(max-width:1100px){.pain-grid{grid-template-columns:repeat(2,1fr);gap:18px}}
@media(max-width:560px){.pain-grid{grid-template-columns:1fr}}
.pain-item{
  position:relative;background:#fff;
  padding:30px 22px 26px;border-radius:14px;
  border:1px solid var(--line);
  display:flex;flex-direction:column;gap:14px;
  isolation:isolate;overflow:hidden;
  transition:transform .4s cubic-bezier(.2,.65,.2,1),border-color .4s,box-shadow .4s;
}
.pain-item::after{
  content:'';position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--bu),var(--bu-2));
  transform:scaleX(0);transform-origin:left;
  transition:transform .55s cubic-bezier(.2,.65,.2,1);
}
.pain-item:hover{transform:translateY(-6px);border-color:transparent;box-shadow:0 24px 48px -24px rgba(0,57,77,.22)}
.pain-item:hover::after{transform:scaleX(1)}
.pain-icon{
  width:42px;height:42px;border-radius:10px;
  background:var(--bu-tint);color:var(--bu);
  display:grid;place-items:center;
  transition:background .35s,color .35s,transform .35s cubic-bezier(.2,.65,.2,1);
}
.pain-item:hover .pain-icon{background:var(--bu);color:#fff;transform:rotate(-6deg) scale(1.06)}
.pain-icon svg{width:22px;height:22px}
.pain-item h3{font-family:var(--ubu);font-weight:500;font-size:15px;line-height:1.4;color:var(--ink);margin:0;letter-spacing:-.005em}

/* ===== S3 — APPROACH ===== */
.approach{background:var(--paper-2)}
.approach .lead-md{margin-top:14px}
.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:64px;border-top:1px solid var(--line)}
@media(max-width:900px){.approach-grid{grid-template-columns:1fr}}
.cta-bu{margin:60px 24px 80px;border-radius:28px;max-width:calc(100% - 48px);padding-inline:60px;
  background:var(--paper-2);color:var(--ink);
  padding-block:clamp(80px,9vw,128px);
  position:relative;overflow:hidden;
}
.cta-bu::before{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(60% 50% at 80% 0%,rgba(214,109,49,.08),transparent 60%),
    radial-gradient(50% 60% at 0% 100%,rgba(214,109,49,.06),transparent 60%);
  pointer-events:none;
}
.cta-bu-sym{position:absolute;right:-220px;bottom:-160px;width:min(60vh,720px);opacity:.05;pointer-events:none}
.cta-bu-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:start}
@media(max-width:1024px){.cta-bu-grid{grid-template-columns:1fr;gap:48px}}
@media(max-width:760px){.cta-bu{margin:32px 12px 40px;border-radius:20px;max-width:calc(100% - 24px);padding-inline:24px}}
.cta-bu .h-section{margin-top:14px}
.cta-bu-contacts{margin-top:40px;padding-top:24px;border-top:1px solid rgba(0,57,77,.14);display:flex;flex-direction:column;gap:14px}
.cta-bu-row{display:flex;align-items:flex-start;gap:14px;font-size:15px;color:rgba(0,57,77,.78);font-weight:300}
.cta-bu-row svg{width:18px;height:18px;color:var(--ink-3);flex-shrink:0;margin-top:3px}
.cta-bu-row strong{color:var(--ink);font-weight:500;display:block}
.cta-bu-row small{color:rgba(0,57,77,.55);font-family:var(--mono);font-size:11px;letter-spacing:.1em;display:block;margin-top:2px}
/* Override on-dark dentro do cta-bu pra light (bg paper-2) */
.cta-bu .h-section.on-dark{color:var(--ink)}
.cta-bu .h-section.on-dark em{color:var(--ink-3)}
.cta-bu .lead-md.on-dark{color:rgba(0,57,77,.72)}

.lead-form-bu{
  background:var(--paper);color:var(--ink);
  padding:40px 36px;border-radius:14px;
  display:grid;grid-template-columns:1fr 1fr;gap:24px 32px;
  border:1px solid rgba(255,255,255,.1);
}
@media(max-width:560px){.lead-form-bu{grid-template-columns:1fr;padding:28px 22px}}
.lead-form-bu .span-2{grid-column:1/-1}
.lead-form-bu .form-header{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:4px}
.lead-form-bu h3{font-family:var(--ubu);font-weight:500;font-size:20px;line-height:1.2;color:var(--ink);margin:0}
.field-bu{display:flex;flex-direction:column;gap:6px}
.field-bu label{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;color:rgba(0,57,77,.6)}
.field-bu input,.field-bu textarea{
  background:transparent;border:0;border-bottom:1px solid rgba(0,57,77,.22);
  padding:12px 0;width:100%;font-size:16px;color:var(--ink);font-family:var(--ubu);
  transition:border-color .2s;
}
.field-bu input:focus,.field-bu textarea:focus{outline:0;border-bottom-color:var(--bu)}
.field-bu textarea{resize:vertical;min-height:64px}
.lead-form-bu .actions{margin-top:8px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;grid-column:1/-1}
.lead-form-bu .submit-bu{
  display:inline-flex;align-items:center;gap:10px;padding:14px 26px;
  background:var(--ink);color:#fff;border:0;border-radius:999px;
  font-family:var(--ubu);font-weight:500;font-size:14px;cursor:pointer;
  transition:transform .2s,background .2s;
}
.lead-form-bu .submit-bu:hover{background:#001f2c;transform:translateY(-2px)}
.lead-form-bu .submit-bu svg{width:14px;height:14px}
.lead-form-bu .disclaimer{font-size:13px;color:rgba(0,57,77,.6);max-width:32ch;line-height:1.4;font-weight:300}

/* light theme override (matches Solar) */
body.theme-light .hero-sub h1{color:var(--ink)}
body.theme-light .hero-sub h1 em{color:var(--bu);background-image:linear-gradient(var(--bu),var(--bu))}
body.theme-light .hero-sub h1 em::after{background:var(--bu);left:0;right:0;width:100%}
body.theme-light .hero-sub p.lead{color:rgba(0,57,77,.72)}
body.theme-light .hero-bu-mark img{filter:none}
body.theme-light .hero-bu-mark span{color:rgba(0,57,77,.65)}
body.theme-light .hero-bu-mark .pipe{background:rgba(0,57,77,.2)}
body.theme-light .crumb{color:rgba(0,57,77,.55)}
body.theme-light .crumb a{color:rgba(0,57,77,.7)}
body.theme-light .crumb .now{color:var(--bu)}
body.theme-light .hero-sub .btn-primary{background:var(--bu);color:#fff}
body.theme-light .hero-sub .btn-primary:hover{background:#ad5424}
body.theme-light .hero-art-card .ac-tag{background:rgba(244,241,236,.55);color:var(--ink);border-color:rgba(0,57,77,.18)}

/* ============================================================
   DARK MODE — BU Gestão usa fundo escuro warm (não navy)
   Light: .pain/.frentes-bu/.id3e=paper(creme); .approach/.resultados/.cta-bu=paper-2(cinza).
   Dark: paper-2 → dark-warm (var(--ink)); paper continua creme.
   Fundo do body em dark mode também muda (overrides global em styles.css)
   ============================================================ */
body.theme-dark{background:var(--paper)} /* body fica claro entre as ilhas */
body.theme-dark .approach,
body.theme-dark .resultados,
body.theme-dark .cta-bu,
body.theme-dark .blog,
body.theme-dark footer{background:#2a1810;color:var(--paper)}
/* Hero da Formação com fundo dark-warm (substitui o navy default) */
.hero-sub{background:#2a1810}
.hero-sub::before{
  background:
    radial-gradient(1200px 700px at 85% 10%, rgba(214,109,49,.18), transparent 60%),
    radial-gradient(900px 500px at 5% 90%, rgba(244,162,97,.12), transparent 60%) !important;
}
body.theme-light .hero-sub{background:var(--paper-2)}
/* Header (nav scrolled) em dark mode da Formação: dark-warm ao inves do navy */
body.theme-dark .nav.scrolled{background:rgba(42,24,16,.88)}
/* Featured quote em dark da Formação: warm escuro */
body.theme-dark .featured-quote{background:#3a2618}
/* Em do .blog (Insights) — usa --bu (mint #d66d31) em ambos os modos */
.blog em{color:var(--bu)}
body.theme-dark .blog em{color:var(--bu)}
body.theme-dark .approach h2,body.theme-dark .approach h3,
body.theme-dark .resultados h2,body.theme-dark .resultados h3,
body.theme-dark .cta-bu h2,body.theme-dark .cta-bu h3{color:var(--paper)}
body.theme-dark .approach p,body.theme-dark .approach .desc,body.theme-dark .approach .lead-md,
body.theme-dark .resultados p,body.theme-dark .resultados .desc,body.theme-dark .resultados .lead-md,
body.theme-dark .cta-bu p,body.theme-dark .cta-bu .desc,body.theme-dark .cta-bu .lead-md{color:rgba(244,241,236,.78)}
body.theme-dark .approach em,
body.theme-dark .resultados em,
body.theme-dark .cta-bu em{color:var(--bu-3)}
/* Re-aplicar on-dark no cta-bu quando theme-dark */
body.theme-dark .cta-bu .h-section.on-dark{color:#fff}
body.theme-dark .cta-bu .h-section.on-dark em{color:var(--bu-3)}
body.theme-dark .cta-bu .lead-md.on-dark{color:rgba(255,255,255,.78)}
/* Form (lead-form-bu) mantem card cremo no dark — restaurar cores escuras dentro */
body.theme-dark .lead-form-bu h3{color:var(--ink)}
body.theme-dark .lead-form-bu .form-header{border-bottom-color:var(--line)}
body.theme-dark .lead-form-bu .field-bu label{color:rgba(0,57,77,.6)}
body.theme-dark .lead-form-bu .field-bu input,
body.theme-dark .lead-form-bu .field-bu textarea{color:var(--ink);border-bottom-color:rgba(0,57,77,.22)}
/* Resultados cards */
body.theme-dark .resultados-card,
body.theme-dark .resultados .case-cite{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}
body.theme-dark .resultados blockquote,
body.theme-dark .resultados cite{color:var(--paper)}
/* Featured quote (depoimento de destaque) — mint escuro mais claro pra destacar do bg */
body.theme-dark .featured-quote{background:#3a2618}
body.theme-dark .featured-quote::before{
  background:
    radial-gradient(60% 60% at 100% 0%,rgba(244,162,97,.18),transparent 60%),
    radial-gradient(60% 60% at 0% 100%,rgba(214,109,49,.12),transparent 60%);
}
/* Approach borders */
body.theme-dark .approach-grid{border-top-color:rgba(255,255,255,.12)}
body.theme-dark .approach-item{border-color:rgba(255,255,255,.12)}
/* CTA-BU contatos em dark */
body.theme-dark .cta-bu-contacts{border-top-color:rgba(255,255,255,.18)}
body.theme-dark .cta-bu-row{color:rgba(255,255,255,.85)}
body.theme-dark .cta-bu-row strong{color:#fff}
body.theme-dark .cta-bu-row small{color:rgba(255,255,255,.55)}
body.theme-dark .cta-bu-row svg{color:var(--bu-3)}