/* ═══════════════════════════════════════════════════════════════════════
   BOOOT · PANORAMA / ISCA PATTERNS · v1.0.0
   Camada de componentes de ISCA-RELATÓRIO (panorama de mercado · whitepaper).
   Dark (bg carvão · texto creme · ignição laranja pontual). Consome
   _MARCA/tokens/tokens.css. Carregue DEPOIS de landing.css (reusa .wrap,
   .eyebrow, .sticker, .cta, .reveal, .founder, .site-header/.site-footer).
   Hierarquia de texto = ladder de opacidade do creme (hsl(var(--booot-creme-hsl)/.X)).
   Regra-mãe: 1 acento laranja por dobra · número no lugar de adjetivo ·
   respiro · 1 ideia por seção. NÃO redefine tokens. Zero hex novo.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── BASE de leitura (long-form) ── */
.panorama .wrap--read{max-width:720px}
.panorama section{padding-block:var(--space-8)}
.panorama section + section{border-top:var(--hairline-dark)}
.panorama p{color:var(--fg-on-dark-body)}
.panorama .lead-read{font-size:var(--fs-body-lg);color:var(--fg-on-dark-body);max-width:60ch;line-height:1.6}
.panorama .lead-read strong{color:var(--booot-creme);font-weight:var(--fw-semibold)}

/* ── DOC HERO / CAPA (edição Nº 1) ── */
.doc-hero{position:relative;overflow:hidden;padding-block:clamp(var(--space-7),10vw,var(--space-9)) var(--space-8);text-align:left}
.doc-hero .edition{display:inline-flex;align-items:center;gap:.6rem;font-size:var(--fs-eyebrow);font-weight:var(--fw-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-on-dark-faint)}
.doc-hero .edition b{color:var(--booot-laranja);font-weight:var(--fw-bold)}
.doc-hero h1{font-size:var(--fs-display);font-weight:var(--fw-black);line-height:var(--lh-display);letter-spacing:var(--tracking-display);color:var(--booot-creme);max-width:16ch;margin-top:var(--space-4)}
.doc-hero .deck{font-size:var(--fs-body-lg);color:var(--fg-on-dark-body);max-width:54ch;margin-top:var(--space-4);line-height:1.55}
.doc-hero .byline{display:flex;align-items:center;gap:.75rem;margin-top:var(--space-5);font-size:var(--fs-eyebrow);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-on-dark-muted)}
.doc-hero .byline b{color:var(--booot-creme);font-weight:var(--fw-semibold)}
.doc-hero .byline::before{content:'';width:2rem;height:1px;background:hsl(var(--booot-creme-hsl)/.3)}

/* faixa de stats-âncora no hero (3 números que param o dedo) */
.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-top:var(--space-7);border-top:var(--hairline-dark);padding-top:var(--space-6)}
.stat-strip .stat{display:flex;flex-direction:column;gap:.3rem}
.stat-strip .stat .n{font-size:clamp(1.8rem,5vw,2.6rem);font-weight:var(--fw-black);line-height:1;letter-spacing:var(--tracking-tight);color:var(--booot-creme);font-variant-numeric:tabular-nums}
.stat-strip .stat .n .u{color:var(--booot-laranja)}
.stat-strip .stat .l{font-size:.8rem;color:var(--fg-on-dark-muted);line-height:1.35;max-width:22ch}

/* ── CHAPTER OPEN (respiro/cadência de revista) ── */
.ch-open{text-align:left}
.ch-open .ch-num{font-size:clamp(3.5rem,12vw,6rem);font-weight:var(--fw-black);line-height:.9;letter-spacing:var(--tracking-display);color:hsl(var(--booot-creme-hsl)/.10)}
.ch-open .ch-kicker{display:block;font-size:var(--fs-eyebrow);font-weight:var(--fw-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--booot-laranja);margin-bottom:var(--space-3)}
.ch-open h2{font-size:var(--fs-h2);font-weight:var(--fw-bold);line-height:var(--lh-heading);max-width:18ch;margin-top:.4rem}
.ch-open .ch-deck{color:var(--fg-on-dark-body);font-size:var(--fs-body-lg);max-width:52ch;margin-top:var(--space-3)}

/* ── SECTION HEAD (texto longo) ── */
.sec-head h2{font-size:var(--fs-h2);font-weight:var(--fw-bold);line-height:var(--lh-heading);max-width:22ch}
.sec-head .sub{color:var(--fg-on-dark-muted);font-size:var(--fs-body-lg);margin-top:var(--space-3);max-width:48ch}

/* ── CARTA DE ABERTURA (1ª pessoa · founder) ── */
.carta .carta-body{max-width:60ch}
.carta .carta-body p{font-size:var(--fs-body-lg);color:var(--fg-on-dark-body);margin-bottom:var(--space-4);line-height:1.65}
.carta .carta-body p strong{color:var(--booot-creme);font-weight:var(--fw-semibold)}
.carta .signature{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-5)}
.carta .signature img{width:54px;height:54px;border-radius:50%;object-fit:cover;border:var(--hairline-dark)}
.carta .signature .who b{display:block;color:var(--booot-creme);font-weight:var(--fw-semibold);font-size:1rem}
.carta .signature .who span{font-size:.8rem;color:var(--fg-on-dark-muted);letter-spacing:.04em}

/* ── BIG NUMBER (número gigante isolado) ── */
.big-number{text-align:center;max-width:760px;margin-inline:auto}
.big-number .bn{font-size:clamp(4rem,18vw,9rem);font-weight:var(--fw-black);line-height:.86;letter-spacing:var(--tracking-display);color:var(--booot-creme);font-variant-numeric:tabular-nums}
.big-number .bn .accent{color:var(--booot-laranja)}
.big-number .bn-cap{font-size:var(--fs-body-lg);color:var(--fg-on-dark-body);max-width:34ch;margin:var(--space-4) auto 0;line-height:1.5}
.big-number .bn-cap strong{color:var(--booot-creme);font-weight:var(--fw-semibold)}

/* ── BAR CHART (série temporal · ex.: o parque triplicou) ── */
.bar-chart{margin-top:var(--space-6)}
.bar-chart .bc-grid{display:grid;grid-template-columns:repeat(var(--bc-cols,6),1fr);gap:clamp(.5rem,2vw,1.25rem);align-items:end;height:clamp(180px,32vw,260px);border-bottom:var(--hairline-dark);padding-bottom:.5rem}
.bar-chart .bc-col{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.5rem;height:100%}
.bar-chart .bc-bar{width:100%;max-width:56px;border-radius:var(--radius-md) var(--radius-md) 0 0;background:hsl(var(--booot-creme-hsl)/.14);min-height:6px}
.bar-chart .bc-col:last-child .bc-bar{background:var(--booot-laranja)}
.bar-chart .bc-val{font-size:.82rem;font-weight:var(--fw-bold);color:var(--booot-creme);font-variant-numeric:tabular-nums;order:-1;white-space:nowrap}
.bar-chart .bc-axis{display:grid;grid-template-columns:repeat(var(--bc-cols,6),1fr);gap:clamp(.5rem,2vw,1.25rem);margin-top:.6rem}
.bar-chart .bc-x{font-size:.74rem;color:var(--fg-on-dark-faint);text-align:center;font-variant-numeric:tabular-nums}

/* ── SPLIT STAT (2 lados · ex.: BR vs EUA) ── */
.split-stat{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-4);align-items:center;margin-top:var(--space-6);border:var(--hairline-dark);border-radius:var(--radius-lg);padding:clamp(var(--space-5),4vw,var(--space-6));background:var(--surface-dark-lift)}
.split-stat .ss-side{text-align:center}
.split-stat .ss-flag{font-size:.78rem;font-weight:var(--fw-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-on-dark-faint);margin-bottom:.4rem}
.split-stat .ss-num{font-size:clamp(2.4rem,8vw,3.4rem);font-weight:var(--fw-black);line-height:1;color:var(--booot-creme);font-variant-numeric:tabular-nums}
.split-stat .ss-side--accent .ss-num{color:var(--booot-laranja)}
.split-stat .ss-lab{font-size:.82rem;color:var(--fg-on-dark-muted);margin-top:.4rem;line-height:1.35}
.split-stat .ss-vs{font-style:italic;font-weight:var(--fw-medium);color:var(--fg-on-dark-faint);font-size:1rem}

/* ── DOTS GRID (proporção · ex.: penetração / parados) ── */
.dots-grid{margin-top:var(--space-6);max-width:560px}
.dots-grid .dg-wrap{display:grid;grid-template-columns:repeat(20,1fr);gap:clamp(4px,1.2vw,7px)}
.dots-grid .dot{aspect-ratio:1;border-radius:50%;background:hsl(var(--booot-creme-hsl)/.14)}
.dots-grid .dot.on{background:var(--booot-laranja)}
.dots-grid .dg-cap{font-size:.86rem;color:var(--fg-on-dark-body);margin-top:var(--space-4);max-width:46ch;line-height:1.5}
.dots-grid .dg-cap strong{color:var(--booot-creme);font-weight:var(--fw-semibold)}

/* ── DATA TABLE (comparativo · ex.: com Pass vs direto) ── */
.data-table{width:100%;border-collapse:collapse;margin-top:var(--space-5);font-size:.92rem}
.data-table caption{text-align:left;font-size:.78rem;color:var(--fg-on-dark-faint);letter-spacing:.04em;margin-bottom:.7rem;text-transform:uppercase;font-weight:var(--fw-semibold)}
.data-table th,.data-table td{text-align:left;padding:.85rem .9rem;border-bottom:var(--hairline-dark);vertical-align:top}
.data-table thead th{font-size:.76rem;font-weight:var(--fw-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-on-dark-faint)}
.data-table tbody th{font-weight:var(--fw-semibold);color:var(--booot-creme)}
.data-table td{color:var(--fg-on-dark-body);font-variant-numeric:tabular-nums}
.data-table .col-accent{color:var(--booot-laranja);font-weight:var(--fw-bold)}

/* ── TESE BLOCK (as 3 dores · numeradas, com munição) ── */
.tese{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4) var(--space-5);align-items:start}
.tese + .tese{margin-top:var(--space-7);padding-top:var(--space-7);border-top:var(--hairline-dark)}
.tese .tese-num{font-size:clamp(2.6rem,8vw,4rem);font-weight:var(--fw-black);line-height:.85;color:var(--booot-laranja);letter-spacing:var(--tracking-display)}
.tese .tese-kick{font-size:var(--fs-eyebrow);font-weight:var(--fw-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-on-dark-faint)}
.tese h3{font-size:var(--fs-h2);font-weight:var(--fw-bold);line-height:var(--lh-heading);margin-top:.3rem;max-width:20ch}
.tese .tese-body{grid-column:1 / -1}
@media(min-width:721px){.tese .tese-body{grid-column:2}}
.tese .tese-body > p{font-size:var(--fs-body-lg);color:var(--fg-on-dark-body);margin-bottom:var(--space-4);max-width:56ch;line-height:1.6}
.tese .tese-body > p strong{color:var(--booot-creme);font-weight:var(--fw-semibold)}
.tese .munition{list-style:none;padding:0;margin:var(--space-4) 0 0;display:flex;flex-direction:column;gap:.85rem}
.tese .munition li{position:relative;padding-left:1.5rem;font-size:var(--fs-body);color:var(--fg-on-dark-body);line-height:1.5;max-width:56ch}
.tese .munition li::before{content:'';position:absolute;left:0;top:.55em;width:.5rem;height:.5rem;border-radius:50%;background:var(--booot-laranja)}
.tese .munition li b{color:var(--booot-creme);font-weight:var(--fw-bold)}

/* ── SOURCE (citação de fonte · inline e por número) ── */
.src{display:block;font-size:.74rem;color:var(--fg-on-dark-faint);margin-top:.3rem;letter-spacing:.01em}
.src::before{content:'Fonte: ';font-weight:var(--fw-semibold)}
.hyp{color:var(--fg-on-dark-faint);font-weight:var(--fw-semibold)}

/* ── CALLOUT (achado-chave · ignição mora no kicker, sem borda-listra) ── */
.callout{border:var(--hairline-dark);background:var(--surface-dark-lift);border-radius:var(--radius-md);padding:clamp(var(--space-4),3vw,var(--space-5));margin-top:var(--space-5)}
.callout .co-kick{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--fs-eyebrow);font-weight:var(--fw-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--booot-laranja);margin-bottom:.6rem}
.callout .co-kick::before{content:'';width:1.5rem;height:1px;background:var(--booot-laranja)}
.callout p{font-size:var(--fs-body-lg);color:var(--fg-on-dark-strong);line-height:1.55;max-width:54ch}
.callout p strong{color:var(--booot-creme);font-weight:var(--fw-bold)}

/* ── PULLQUOTE (frase-tese / a virada) ── */
.pullquote{text-align:center;max-width:24ch;margin-inline:auto}
.pullquote p{font-size:clamp(1.5rem,4.5vw,2.4rem);font-weight:var(--fw-bold);line-height:1.25;letter-spacing:var(--tracking-tight);color:var(--booot-creme)}
.pullquote p .accent{color:var(--booot-laranja)}
.pullquote cite{display:block;font-style:normal;font-size:.82rem;font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-on-dark-faint);margin-top:var(--space-4)}

/* ── FIELD QUOTE (voz de campo / depoimento) ── */
.field-quote{border:var(--hairline-dark);background:var(--surface-dark-lift);border-radius:var(--radius-lg);padding:clamp(var(--space-4),3vw,var(--space-5));margin-top:var(--space-5)}
.field-quote p{font-size:var(--fs-body-lg);color:var(--fg-on-dark-strong);line-height:1.5;font-weight:var(--fw-medium)}
.field-quote .attr{display:block;font-size:.8rem;color:var(--fg-on-dark-muted);margin-top:.8rem;letter-spacing:.03em}

/* ── STEPS (os 5 passos do Método B·O·O·O·T) ── */
.steps{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-6);counter-reset:step}
.step{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4);align-items:start;border:var(--hairline-dark);border-radius:var(--radius-lg);padding:clamp(var(--space-4),3vw,var(--space-5));background:var(--surface-dark-lift)}
.step .step-mark{width:2.6rem;height:2.6rem;border-radius:50%;border:1.5px solid hsl(var(--booot-laranja-hsl)/.5);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:var(--fw-black);color:var(--booot-laranja);flex-shrink:0}
.step h4{font-size:var(--fs-h3);font-weight:var(--fw-bold);line-height:1.2}
.step h4 .tag{display:block;font-size:.72rem;font-weight:var(--fw-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-on-dark-faint);margin-bottom:.25rem}
.step p{color:var(--fg-on-dark-body);font-size:var(--fs-body);margin-top:.4rem;line-height:1.5;max-width:52ch}
.step p strong{color:var(--booot-creme);font-weight:var(--fw-semibold)}

/* ── DOC CTA (fechamento · único CTA = Reunião de Dono) ── */
.doc-cta{text-align:center;padding-block:var(--space-9)}
.doc-cta .dc-kick{font-size:var(--fs-eyebrow);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-on-dark-faint);margin-bottom:var(--space-3)}
.doc-cta h2{font-size:var(--fs-h2);font-weight:var(--fw-bold);line-height:var(--lh-heading);max-width:20ch;margin:0 auto var(--space-4)}
.doc-cta .cta{white-space:normal;text-align:center;line-height:1.3;max-width:100%;padding-block:.85rem}
.doc-cta .dc-sub{color:var(--fg-on-dark-body);font-size:var(--fs-body-lg);max-width:46ch;margin:0 auto var(--space-6);line-height:1.55}
.doc-cta .dc-sub strong{color:var(--booot-creme);font-weight:var(--fw-semibold)}
.doc-cta .risk{font-size:var(--fs-body);color:var(--fg-on-dark-muted);max-width:44ch;margin:var(--space-5) auto 0}
.doc-cta .bigidea{font-size:clamp(1.75rem,4.5vw,3rem);font-weight:var(--fw-black);letter-spacing:var(--tracking-display);color:var(--booot-laranja);margin-top:var(--space-6)}

/* ── ANEXO / FONTES (lastro de credibilidade) ── */
.sources{padding-block:var(--space-8)}
.sources h2{font-size:var(--fs-h3);font-weight:var(--fw-bold);margin-bottom:var(--space-3)}
.sources .src-intro{color:var(--fg-on-dark-muted);font-size:var(--fs-body);max-width:54ch;margin-bottom:var(--space-5)}
.sources ol{list-style:none;counter-reset:s;padding:0;display:grid;gap:.7rem}
.sources li{counter-increment:s;position:relative;padding-left:2.2rem;font-size:.86rem;color:var(--fg-on-dark-muted);line-height:1.5}
.sources li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:0;font-size:.74rem;font-weight:var(--fw-bold);color:var(--booot-laranja);font-variant-numeric:tabular-nums}
.sources .disclaimer{margin-top:var(--space-6);padding-top:var(--space-5);border-top:var(--hairline-dark);font-size:.82rem;color:var(--fg-on-dark-faint);max-width:54ch;line-height:1.55}

/* ── RESPONSIVE ── */
@media(max-width:720px){
  .stat-strip{grid-template-columns:1fr;gap:var(--space-5)}
  .split-stat{grid-template-columns:1fr;text-align:center}
  .split-stat .ss-vs{padding-block:.5rem}
  .tese{grid-template-columns:1fr;gap:var(--space-2)}
  .tese .tese-num{font-size:3rem}
  .dots-grid .dg-wrap{grid-template-columns:repeat(20,1fr)}
  .data-table{font-size:.84rem}
  .data-table th,.data-table td{padding:.6rem .55rem}
}
@media(max-width:480px){
  .bar-chart .bc-grid,.bar-chart .bc-axis{gap:.35rem}
  .bar-chart .bc-val{font-size:.58rem}
  .bar-chart .bc-x{font-size:.64rem}
  .data-table{font-size:.78rem}
}
@media(prefers-reduced-motion:reduce){
  .panorama .reveal{opacity:1;transform:none}
}

/* ═══════════════════════════════════════════════════════════════════════
   PANORAMA · v1.1 ADITIVO (peso de relatorio + funil Painel)
   Sumario executivo · timeline das ondas · a conta que nao fecha (big-number) ·
   previsoes · resultados do Painel (prova) · secao creme (ritmo). So var(--token).
   ═══════════════════════════════════════════════════════════════════════ */

/* ── SUMARIO EXECUTIVO · os achados (pra quem tem 15 min) ── */
.findings{margin-top:var(--space-6);display:grid;gap:var(--space-4)}
.finding{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4);align-items:baseline;border-bottom:var(--hairline-dark);padding-bottom:var(--space-4)}
.finding:last-child{border-bottom:none;padding-bottom:0}
.finding .f-n{font-size:clamp(1.5rem,5vw,2.2rem);font-weight:var(--fw-black);color:var(--booot-laranja);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tight);min-width:3.2ch}
.finding .f-t{font-size:var(--fs-body-lg);color:var(--fg-on-dark-body);line-height:1.45}
.finding .f-t strong{color:var(--booot-creme);font-weight:var(--fw-semibold)}

/* ── TIMELINE vertical · as 3 ondas / cronologia ── */
.tl{margin-top:var(--space-6);position:relative;padding-left:var(--space-5)}
.tl::before{content:'';position:absolute;left:6px;top:.5rem;bottom:.5rem;width:2px;background:hsl(var(--booot-creme-hsl)/.14)}
.tl-item{position:relative;padding-bottom:var(--space-6)}
.tl-item:last-child{padding-bottom:0}
.tl-item::before{content:'';position:absolute;left:calc(-1 * var(--space-5) + 1px);top:.35rem;width:13px;height:13px;border-radius:50%;background:var(--booot-carvao);border:2px solid hsl(var(--booot-creme-hsl)/.4)}
.tl-item--now::before{background:var(--booot-laranja);border-color:var(--booot-laranja)}
.tl-date{font-size:.76rem;font-weight:var(--fw-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-on-dark-faint)}
.tl-item--now .tl-date{color:var(--booot-laranja)}
.tl-item h4{font-size:var(--fs-h3);font-weight:var(--fw-bold);line-height:1.2;margin:.3rem 0}
.tl-item p{color:var(--fg-on-dark-body);font-size:var(--fs-body);max-width:50ch;line-height:1.5}

/* ── PREVISOES · leituras do resto do ano ── */
.reads{margin-top:var(--space-6);display:grid;gap:var(--space-3)}
.read{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4);border:var(--hairline-dark);border-radius:var(--radius-md);padding:clamp(var(--space-4),3vw,var(--space-5));background:var(--surface-dark-lift)}
.read .r-n{font-size:1.5rem;font-weight:var(--fw-black);color:hsl(var(--booot-creme-hsl)/.30);line-height:1;font-variant-numeric:tabular-nums}
.read h4{font-size:var(--fs-h3);font-weight:var(--fw-bold);line-height:1.2;margin-bottom:.3rem}
.read p{color:var(--fg-on-dark-body);font-size:var(--fs-body);line-height:1.5;max-width:58ch}
/* a 5a "coisa a esperar" = o BOOOT, numa caixa de ignicao (1 acento laranja da dobra) */
.read--booot{background:var(--booot-laranja);border-color:var(--booot-laranja)}
.read--booot .r-n{color:hsl(var(--booot-creme-hsl)/.85)}
.read--booot h4{color:var(--fg-on-laranja)}
.read--booot p{color:var(--fg-on-laranja)}

/* ── RESULTADOS DO PAINEL · prova real (cases publicos) ── */
.results{margin-top:var(--space-6);display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3)}
.result{border:var(--hairline-dark);border-radius:var(--radius-md);padding:var(--space-4);background:var(--surface-dark-lift);text-align:center}
.result .r-num{font-size:clamp(1.5rem,5vw,2.1rem);font-weight:var(--fw-black);color:var(--booot-creme);line-height:1;font-variant-numeric:tabular-nums}
.result .r-num .u{color:var(--booot-laranja);font-size:.62em;font-weight:var(--fw-bold)}
.result .r-cap{font-size:.78rem;color:var(--fg-on-dark-muted);margin-top:.5rem;line-height:1.35}
.result .r-cap b{display:block;color:var(--booot-creme);font-weight:var(--fw-semibold);font-size:.84rem}

/* ── SECAO CREME · quebra de ritmo (a luz no fim · a saida) ── */
.panorama .sec-light{background:var(--booot-creme);color:var(--booot-carvao);border-top:none}
.panorama .sec-light .ch-num{color:color-mix(in srgb, var(--booot-carvao) 9%, transparent)}
.panorama .sec-light .ch-kicker{color:var(--booot-laranja)}
.panorama .sec-light h2,.panorama .sec-light h3,.panorama .sec-light h4{color:var(--booot-carvao)}
.panorama .sec-light .ch-deck,.panorama .sec-light p{color:var(--text-secondary-on-light)}
.panorama .sec-light .ch-deck strong,.panorama .sec-light p strong{color:var(--booot-carvao)}
.panorama .sec-light .step{background:var(--surface-light-lift);border:var(--hairline-light)}
.panorama .sec-light .step h4 .tag{color:color-mix(in srgb, var(--booot-carvao) 55%, transparent)}
.panorama .sec-light .step-mark{border-color:hsl(var(--booot-laranja-hsl)/.6);color:var(--booot-laranja)}