/* Caboré · painel de leitura sobre o Design System Galeria 1.1.1 (pigmento ocre, modo bancada).
   Os componentes vêm de /ds/galeria.css (classes g-*), que nunca se edita. Aqui fica só o layout próprio,
   com classes da plataforma e só tokens semânticos. O seletor de tema (toggle.css) é exceção pedida pelo dono. */

[hidden] { display: none !important; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--bar-h) + var(--space-16)); }
body { margin: 0; min-height: 100vh; }
:where(h1, h2, h3, h4, p, ul, ol, figure) { margin: 0; }
:where(ul, ol) { padding: 0; list-style: none; }
a { color: inherit; text-underline-offset: 3px; text-decoration-color: var(--line-control); }
a:hover { text-decoration-color: currentColor; }
button { cursor: pointer; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ── a corujinha (olhos seguem o cursor, ver cabore.js) ── */
.coruja-slot { display: inline-flex; flex: none; }
.coruja { display: block; width: 100%; height: 100%; overflow: visible; transition: transform var(--duration-base) var(--ease-soft); }
.coruja .orelha, .coruja .cabeca, .coruja .esclera { stroke: var(--text-primary); stroke-width: var(--traco, 1.5); stroke-linecap: round; stroke-linejoin: round; }
.coruja .orelha, .coruja .cabeca { fill: none; }
.coruja .esclera { fill: var(--surface-ground); }
.coruja .pupila { fill: var(--platform-accent); }
.coruja .bico { fill: var(--platform-accent); }
.coruja .olho { transform-box: fill-box; transform-origin: center; transition: transform var(--duration-fast) var(--ease-dry); }
.coruja.pisca .olho { transform: scaleY(.08); }
.coruja.dorme .olho { transform: scaleY(.12); transition-duration: var(--duration-soft); }
.coruja .pupila { transform-box: fill-box; transform-origin: center; transition: r var(--duration-fast) var(--ease-dry); }
.coruja.atenta .pupila { r: 1.15px; }
.g-frame__id .coruja-slot { width: 28px; height: 28px; }

/* ── portão ── */
.portao { position: fixed; inset: 0; z-index: 90; display: grid; place-items: center; padding: var(--space-24); background: var(--surface-ground); overflow: auto; }
.portao__caixa { width: 100%; max-width: 360px; display: flex; flex-direction: column; align-items: center; gap: var(--space-24); text-align: center; }
.portao__caixa .coruja-slot { width: 88px; height: 88px; --traco: 1.2; }
.portao__texto { display: flex; flex-direction: column; gap: var(--space-8); }
.portao__titulo { font-size: 2.75rem; line-height: 3rem; letter-spacing: -.04em; font-weight: 500; }
.portao__caixa .g-field { width: 100%; text-align: left; }
.portao__btn { width: 100%; }

/* ── progresso de leitura ── */
.fio { position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 30; pointer-events: none; }
.fio::after { content: ""; display: block; height: 100%; width: 100%; transform-origin: left; transform: scaleX(var(--p, 0)); background: var(--platform-accent); }

/* ── chassi ── */
.conteudo { max-width: 1240px; margin: 0 auto; padding: var(--space-24) var(--space-48) var(--space-64); display: flex; flex-direction: column; gap: var(--space-96); min-width: 0; }
.conteudo > * { min-width: 0; }
.bloco { display: flex; flex-direction: column; gap: var(--space-24); }
.bloco__cab { display: flex; flex-direction: column; gap: var(--space-8); max-width: var(--measure-max); }
.bloco__kick { font-size: .875rem; line-height: 1.25rem; color: var(--platform-text); }
.bloco__titulo { font-size: 2.5rem; line-height: 2.75rem; letter-spacing: -.03em; font-weight: 400; }
.bloco__sub { font-size: 1.125rem; line-height: 1.75rem; color: var(--text-support); }
.grade { display: grid; gap: var(--space-8); }
.grade--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grade--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grade--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.cartao__titulo { font-size: 1.125rem; line-height: 1.75rem; font-weight: 500; }
.rodape { padding-top: var(--space-32); box-shadow: inset 0 1px 0 var(--line-structure); }

/* ── abertura: superfície de luz, pontos magnéticos e a coruja ── */
.abre { position: relative; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: center; gap: var(--space-24); min-height: 580px; border-radius: var(--radius-s); overflow: hidden; background: linear-gradient(180deg, var(--arc-top) 0%, var(--surface-ground) 78%); }
:root[data-theme="dark"] .abre { background: linear-gradient(180deg, var(--arc-base) 0%, var(--surface-ground) 78%); }
.abre__luz { position: absolute; inset: 0; pointer-events: none; }
.abre__faixa { position: absolute; left: -15%; right: -15%; bottom: -48%; height: 92%; border-radius: var(--radius-mark); background: radial-gradient(closest-side, var(--arc-deep), var(--arc-mid) 45%, transparent); filter: blur(var(--blur-glass)); animation: faixa var(--duration-horizonte) var(--ease-sweep) infinite alternate; }
@keyframes faixa { from { transform: translateY(5%) scale(.96); } to { transform: translateY(-5%) scale(1.05); } }
.abre__pontos { position: absolute; inset: 0; width: 100%; height: 100%; }
.abre__texto { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-24); padding: var(--space-64); }
.abre__kick { font-size: .875rem; line-height: 1.25rem; color: var(--text-support); max-width: 36ch; }
.abre__titulo { font-size: 4.5rem; line-height: 4.5rem; letter-spacing: -.04em; font-weight: 500; }
.abre__titulo .letra { display: inline-block; animation: sobe var(--duration-arco) var(--ease-reveal) both; animation-delay: calc(var(--i) * 80ms); }
@keyframes sobe { from { opacity: 0; transform: translateY(45%); filter: blur(10px); } to { opacity: 1; transform: none; filter: blur(0); } }
.abre__sub { font-size: 1.125rem; line-height: 1.75rem; color: var(--text-support); max-width: 46ch; animation: entra var(--duration-horizonte) var(--ease-reveal) 420ms both; }
.abre__acts { display: flex; flex-wrap: wrap; gap: var(--space-8); animation: entra var(--duration-horizonte) var(--ease-reveal) 600ms both; }
@keyframes entra { from { opacity: 0; transform: translateY(16px); filter: blur(6px); } to { opacity: 1; transform: none; filter: blur(0); } }
.abre__coruja { position: relative; z-index: 1; display: grid; place-items: center; padding: var(--space-32); }
.abre__coruja .coruja-slot { width: min(380px, 78%); aspect-ratio: 1; --traco: .85; }

/* ── números com rolagem ── */
.kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-8); }
.kpis .g-card, .grade--4 .g-card { gap: var(--space-8); }
.g-kpi__value { display: flex; align-items: flex-end; gap: var(--space-4); font-variant-numeric: tabular-nums; }
.kpi__unidade { font-size: 1.75rem; line-height: 2rem; letter-spacing: -.03em; color: var(--text-support); padding-bottom: var(--space-8); }
.rol { display: inline-flex; height: 1em; line-height: 1; overflow: hidden; vertical-align: top; }
.rol__fita { display: flex; flex-direction: column; transform: translateY(calc(var(--d, 0) * -1em)); transition: transform 1600ms var(--ease-reveal); transition-delay: calc(var(--i, 0) * 90ms); }
.rol__fita > span { display: block; height: 1em; line-height: 1; }
.rol__fixo { display: inline-block; line-height: 1; }
.kpi__nota { font-size: .8125rem; line-height: 1rem; color: var(--text-support); }

/* ── linha do tempo: chips com lupa ── */
.tempo { gap: var(--space-8); padding: var(--space-16) 0; }
.tempo .g-chip { position: relative; z-index: var(--z, 0); font-weight: 500; font-variant-numeric: tabular-nums; transform: scale(var(--s, 1)); transition: transform var(--duration-fast) var(--ease-dry), background-color var(--duration-fast) var(--ease-dry), color var(--duration-fast) var(--ease-dry); }
.tempo .g-chip[data-era="cinco"] { background: var(--platform-surface); border-color: transparent; color: var(--platform-on-surface); }
.tempo .g-chip[data-era="cinco"]:hover { background: var(--platform-highlight); }
.tempo .g-chip[data-hom]::after { content: ""; width: 6px; height: 6px; margin-left: var(--space-8); border-radius: var(--radius-mark); background: var(--platform-accent); }
.legenda { display: flex; flex-wrap: wrap; gap: var(--space-24); font-size: .875rem; line-height: 1.25rem; color: var(--text-support); }
.legenda__item { display: inline-flex; align-items: center; gap: var(--space-8); }
.legenda__ponto { width: 12px; height: 12px; border-radius: var(--radius-pill); display: inline-block; }
.legenda__ponto--cinco { background: var(--platform-surface); box-shadow: inset 0 0 0 1px var(--line-control); }
.legenda__ponto--hom { width: 6px; height: 6px; margin: 0 3px; background: var(--platform-accent); border-radius: var(--radius-mark); }

/* ── cartões que inclinam e acendem a borda ── */
.inclina { position: relative; transition: background-color var(--duration-fast) var(--ease-dry); }
.inclina::before, .inclina::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; opacity: 0; transition: opacity var(--duration-base) var(--ease-dry); }
.inclina::before { background: radial-gradient(240px circle at var(--mx, 50%) var(--my, 50%), color-mix(in srgb, var(--platform-accent) 16%, transparent), transparent 70%); }
.inclina::after { padding: 1px; background: radial-gradient(200px circle at var(--mx, 50%) var(--my, 50%), var(--platform-accent), transparent 70%); -webkit-mask: linear-gradient(var(--surface-ground) 0 0) content-box, linear-gradient(var(--surface-ground) 0 0); -webkit-mask-composite: xor; mask: linear-gradient(var(--surface-ground) 0 0) content-box exclude, linear-gradient(var(--surface-ground) 0 0); }
.inclina:hover::before, .inclina:hover::after { opacity: 1; }

/* ── revelar ao rolar ── */
.revela { opacity: 0; transform: translateY(14px); filter: blur(6px); transition: opacity var(--duration-soft) var(--ease-reveal), transform var(--duration-soft) var(--ease-reveal), filter var(--duration-soft) var(--ease-reveal); transition-delay: calc(var(--i, 0) * 60ms); }
.revela.on { opacity: 1; transform: none; filter: none; }

/* ── evolução ── */
.grafico { padding: var(--space-24); }
.grafico__titulo { font-size: 1rem; line-height: 1.5rem; font-weight: 500; margin-bottom: var(--space-16); }
.grafico svg { display: block; width: 100%; height: auto; overflow: visible; }
.grafico .eixo { stroke: var(--line-structure); }
.grafico .linha-c { fill: none; stroke: var(--chart-line); stroke-width: 2; stroke-linejoin: round; }
.grafico .ponto { fill: var(--surface-ground); stroke: var(--chart-line); stroke-width: 2; }
.grafico .rot { fill: var(--text-support); font-size: 12px; }
.grafico .val { fill: var(--text-primary); font-size: 14px; font-weight: 500; }
.evo__periodo { font-size: .875rem; line-height: 1.25rem; color: var(--platform-text); }
.evo__titulo { font-size: 1.125rem; line-height: 1.75rem; font-weight: 500; }
.evo__tipo { font-size: .8125rem; line-height: 1rem; color: var(--text-support); }
.evo__detalhe { font-size: .875rem; line-height: 1.25rem; color: var(--text-support); }
.evo__fonte { margin-top: auto; font-size: .75rem; line-height: 1rem; color: var(--text-support); }

/* ── rankings e panorama ── */
.rank .g-bars { gap: var(--space-16); margin-top: var(--space-8); }
.rank .g-bar__head { gap: var(--space-8); }
.rank .g-bar__head span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rank .g-bar__head span:last-child { font-weight: 500; }
.rank .g-bar__fill { transition: width var(--duration-chart) var(--ease-reveal); }
.rank__vazio { font-size: .875rem; line-height: 1.25rem; color: var(--text-support); }
.g-cols { height: 220px; }
.g-col__bar { height: var(--v, 0%); transition: height var(--duration-chart) var(--ease-reveal); }
.decadas__rot { display: flex; gap: var(--space-16); margin-top: var(--space-8); font-size: .875rem; line-height: 1.25rem; color: var(--text-support); }
.decadas__rot span { flex: 1; text-align: center; }
.g-col__value { font-variant-numeric: tabular-nums; }

/* ── explorar ── */
.busca { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--space-8); }
.busca__campo { flex: 1 1 320px; max-width: none; }
.busca__conta { font-size: .875rem; line-height: 1.25rem; }
.fichas { display: grid; grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); gap: var(--space-8); align-items: start; }
.ficha { gap: var(--space-8); }
.ficha__cab { display: flex; justify-content: space-between; align-items: baseline; gap: var(--space-8); }
.ficha__ano { font-size: 2rem; line-height: 2.5rem; letter-spacing: -.03em; font-weight: 500; }
.ficha__meta { font-size: .875rem; line-height: 1.25rem; color: var(--text-support); }
.ficha__lista { display: flex; flex-direction: column; margin-top: var(--space-8); }
.linha { display: grid; grid-template-columns: minmax(0, 44%) minmax(0, 1fr) 20px; align-items: center; gap: var(--space-8); width: 100%; min-height: var(--touch-min); padding: var(--space-8) 0; border: 0; border-top: 1px solid var(--line-structure); background: none; color: inherit; font: inherit; text-align: left; }
.linha:hover { background: var(--surface-hover-deep); }
.linha__cat { font-size: .8125rem; line-height: 1rem; color: var(--text-support); }
.linha__venc { font-size: .875rem; line-height: 1.25rem; font-weight: 500; text-align: right; overflow-wrap: anywhere; }
.linha__seta { color: var(--text-support); transition: transform var(--duration-base) var(--ease-dry); }
.linha[aria-expanded="true"] .linha__seta { transform: rotate(180deg); }
.linha--ano { grid-template-columns: 48px minmax(0, 36%) minmax(0, 1fr) 20px; }
.linha__ano { font-size: .875rem; line-height: 1.25rem; color: var(--text-support); font-variant-numeric: tabular-nums; }
.detalhe { padding: 0 0 var(--space-16); display: grid; grid-template-rows: 1fr; animation: entra var(--duration-panel) var(--ease-reveal) both; }
.indic { display: flex; justify-content: space-between; gap: var(--space-16); padding: var(--space-4) 0; font-size: .875rem; line-height: 1.25rem; }
.indic__empresa { color: var(--text-support); text-align: right; }
.indic--venc .indic__nome { font-weight: 500; }
.indic--venc .indic__nome::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: var(--space-8); border-radius: var(--radius-mark); background: var(--state-success); }
.ficha__hom { padding-top: var(--space-8); border-top: 1px solid var(--line-structure); font-size: .875rem; line-height: 1.25rem; color: var(--text-support); }
.ficha__hom b { color: var(--text-primary); font-weight: 500; }
.achados { display: flex; flex-direction: column; }

/* ── fontes ── */
.fontes { display: flex; flex-direction: column; }
.fonte { display: grid; gap: var(--space-4); padding: var(--space-16) 0; border-top: 1px solid var(--line-structure); }
.fonte__nome { font-size: 1rem; line-height: 1.5rem; font-weight: 500; }
.fonte__meta { font-size: .8125rem; line-height: 1rem; color: var(--text-support); }
.fonte__uso { font-size: .875rem; line-height: 1.25rem; color: var(--text-support); }

/* ── resumo da edição ── */
.veil { position: fixed; inset: 0; z-index: 99; background: color-mix(in srgb, var(--surface-scrim) 56%, transparent); animation: entra var(--duration-panel) var(--ease-dry) both; }
.edicao { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 100; width: min(480px, calc(100% - var(--space-32))); max-height: calc(100vh - var(--space-32)); overflow: auto; display: flex; flex-direction: column; gap: var(--space-16); padding: var(--space-32); animation: abre-modal var(--duration-panel) var(--ease-reveal) both; }
@keyframes abre-modal { from { opacity: 0; transform: translate(-50%, -46%) scale(.97); } to { opacity: 1; transform: translate(-50%, -50%) scale(1); } }
.edicao .g-icon-btn { position: absolute; top: var(--space-16); right: var(--space-16); }
.edicao__ano { font-size: 3.5rem; line-height: 3.5rem; letter-spacing: -.04em; font-weight: 400; }
.edicao__lista { display: flex; flex-direction: column; }
.edicao__lista li { display: flex; justify-content: space-between; gap: var(--space-16); padding: var(--space-8) 0; border-top: 1px solid var(--line-structure); font-size: .875rem; line-height: 1.25rem; }
.edicao__lista li span:first-child { color: var(--text-support); }
.edicao__lista li span:last-child { font-weight: 500; text-align: right; }
.edicao__acts { display: flex; flex-wrap: wrap; gap: var(--space-8); margin-top: var(--space-8); }

@media (max-width: 1000px) {
  .grade--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .grade--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .abre { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .abre__texto { padding: var(--space-32); }
  .abre__coruja { order: -1; padding-bottom: 0; }
  .abre__coruja .coruja-slot { width: 200px; }
}
@media (max-width: 700px) {
  .conteudo { padding: var(--space-16) var(--space-16) var(--space-48); gap: var(--space-64); }
  .grade--2, .grade--3 { grid-template-columns: minmax(0, 1fr); }
  .kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .abre__titulo { font-size: 3.5rem; line-height: 3.5rem; }
  .abre__texto { padding: var(--space-24); }
  .bloco__titulo { font-size: 2rem; line-height: 2.5rem; }
  .g-kpi__value { font-size: 2.5rem; line-height: 2.5rem; }
  .fichas { grid-template-columns: minmax(0, 1fr); }
  .linha--ano { grid-template-columns: 44px minmax(0, 36%) minmax(0, 1fr) 20px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; transition-delay: 0s !important; scroll-behavior: auto !important; }
}

/* ── traçado da linha de categorias ── */
.grafico .linha-c { stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 2200ms var(--ease-reveal); }
.grafico.on .linha-c { stroke-dashoffset: 0; }
.achados-cartao { gap: 0; }

/* ── alinhamento: cabeçalho na mesma coluna do conteúdo, números alinhados no pé do cartão ── */
.g-frame { padding-inline: max(var(--space-48), calc((100% - 1144px) / 2)); }
@media (max-width: 900px) { .g-frame { padding-inline: var(--space-16); } }
.g-frame__nav a { white-space: nowrap; }

/* ── organização unificada: nome com sublinhado pontilhado; ao passar o mouse ou tocar, a lista de nomes que reúne ── */
.reune { position: relative; text-decoration: underline dotted; text-decoration-color: var(--text-support); text-underline-offset: 3px; cursor: help; outline: none; border-radius: var(--radius-s); }
.reune:focus-visible { box-shadow: 0 0 0 2px var(--platform-accent); }
.reune__dica { position: absolute; left: 0; bottom: calc(100% + var(--space-8)); z-index: 40; display: none; flex-direction: column; gap: var(--space-4); min-width: 180px; max-width: min(300px, 80vw); padding: var(--space-8) var(--space-16); border-radius: var(--radius-s); background: var(--surface-float); color: var(--text-on-float); box-shadow: var(--elevation-2); font-size: .875rem; line-height: 1.25rem; font-weight: 400; text-align: left; white-space: normal; pointer-events: none; }
.reune__tit { color: var(--text-on-float-support); }
.reune:hover .reune__dica, .reune:focus .reune__dica { display: flex; }
.g-card:has(.reune:hover), .g-card:has(.reune:focus) { position: relative; z-index: 5; }
.cab--justo .g-frame__nav a { padding-inline: var(--space-8); }
/* faixa de abas: aparece logo abaixo do cabeçalho quando as seções não cabem nele; rola de lado, sem barra visível */
.cab--faixa .g-frame__nav { display: none; }
.g-frame.cab--faixa { box-shadow: none; }
.faixa-nav { position: sticky; top: var(--bar-h); z-index: 19; display: flex; gap: var(--space-4); overflow-x: auto; scrollbar-width: none; padding: 0 max(var(--space-48), calc((100% - 1144px) / 2)); background: var(--surface-ground); box-shadow: inset 0 -1px 0 var(--line-structure); }
.faixa-nav[hidden] { display: none; }
.faixa-nav::-webkit-scrollbar { display: none; }
.faixa-nav a { flex: none; display: flex; align-items: center; min-height: var(--touch-min); padding: 0 var(--space-8); color: var(--text-support); text-decoration: none; white-space: nowrap; box-shadow: inset 0 -2px 0 transparent; transition: color var(--duration-fast) var(--ease-dry), box-shadow var(--duration-fast) var(--ease-dry); }
.faixa-nav a:first-child { padding-left: 0; }
.faixa-nav::after { content: ""; flex: none; width: var(--space-8); }
.faixa-nav a:hover { color: var(--text-primary); }
.faixa-nav a[aria-current="page"] { color: var(--text-primary); box-shadow: inset 0 -2px 0 var(--platform-accent); }
.com-faixa { scroll-padding-top: calc(var(--bar-h) + var(--touch-min) + var(--space-16)); }
@media (max-width: 900px) {
  .faixa-nav { top: var(--bar-h-mobile); padding: 0 var(--space-16); }
  .com-faixa { scroll-padding-top: calc(var(--bar-h-mobile) + var(--touch-min) + var(--space-16)); }
}
.g-kpi__label { flex: 1; }

/* ── ranking por faixa: empate nunca é cortado ── */
.rank__legenda { font-size: .8125rem; line-height: 1rem; color: var(--text-support); }
.faixas { display: flex; flex-direction: column; margin-top: var(--space-8); }
.faixa { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: var(--space-16); padding: var(--space-16) 0; border-top: 1px solid var(--line-structure); }
.faixa:first-child { border-top: 0; padding-top: var(--space-8); }
.faixa__n { font-size: 1.75rem; line-height: 2rem; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.faixa__corpo { display: flex; flex-direction: column; gap: var(--space-8); min-width: 0; }
.faixa__topo { display: flex; align-items: center; gap: var(--space-16); min-height: 2rem; }
.faixa__topo .g-bar__track { flex: 1; }
.faixa .g-bar__fill { transition: width var(--duration-chart) var(--ease-reveal); }
.faixa__q { font-size: .8125rem; line-height: 1rem; color: var(--text-support); white-space: nowrap; }
.faixa__nomes { font-size: .875rem; line-height: 1.25rem; }
.faixa__todos summary { display: flex; align-items: center; min-height: var(--touch-min); cursor: pointer; font-size: .875rem; line-height: 1.25rem; text-decoration: underline; text-underline-offset: 3px; list-style: none; }
.faixa__todos summary::-webkit-details-marker { display: none; }
.faixa__todos .faixa__nomes { padding-bottom: var(--space-8); }

/* ── curiosidades ── */
.curio { gap: var(--space-8); }
.curio__tema { font-size: .875rem; line-height: 1.25rem; color: var(--platform-text); }
.curio__titulo { font-size: 1.125rem; line-height: 1.75rem; font-weight: 500; }
.curio__texto { font-size: .875rem; line-height: 1.25rem; color: var(--text-support); }
.curio__lista { display: flex; flex-direction: column; margin-top: var(--space-8); }
.curio__lista li { display: flex; justify-content: space-between; gap: var(--space-16); padding: var(--space-8) 0; border-top: 1px solid var(--line-structure); font-size: .875rem; line-height: 1.25rem; }
.curio__lista li span:first-child { min-width: 0; overflow-wrap: anywhere; }
.curio__lista li span:last-child { color: var(--text-support); text-align: right; flex: none; max-width: 55%; }
.curio .faixa__todos { margin-top: var(--space-4); }

/* ── chamada para o Bolão da Coruja ── */
.chamada { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--space-24); padding: var(--space-24) var(--space-32); border-radius: var(--radius-s); background: var(--platform-surface-soft); }
.chamada .coruja-slot { width: 64px; height: 64px; --traco: 1.2; }
.chamada__texto { display: flex; flex-direction: column; gap: var(--space-4); max-width: var(--measure-max); }
.chamada__titulo { font-size: 1.75rem; line-height: 2rem; letter-spacing: -.02em; font-weight: 400; }
@media (max-width: 700px) { .chamada { grid-template-columns: minmax(0, 1fr); padding: var(--space-24) var(--space-16); } }