/* Identidade do perfil oficial da Paul’s: verde, vermelho e o personagem da pizza. */
:root{--ink:#173b34;--teal:#087a68;--gold:#e4523f}
.rail-mark{width:59px;height:59px;line-height:normal}
.rail-mark img,.topbar-logo{width:100%;height:100%;object-fit:cover;border-radius:50%;background:#fff}
.rail-line{margin-top:24px}
.topbar-logo{display:none}
.hero-kicker,.section-index{color:var(--teal)}
.hero h1{font-size:clamp(29px,4.6vw,61px);letter-spacing:-.055em;white-space:nowrap;margin-bottom:14px}
.hero h1 em{margin-left:.1em}
.hero-director-note{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;color:#a33c2e;margin:0 0 10px}
.hero-director-note:before{content:'';width:15px;height:3px;background:#e4523f;border-radius:2px;flex:none}
.hero-updated{font-size:11px;color:var(--ink-soft);margin:15px 0 0}
.hero-updated strong{font-weight:700;color:var(--ink)}
.metric-primary{background:var(--ink)}
.ratio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:0}
.ratio-card{padding:21px 21px 15px;min-width:0;border-top:4px solid #e4523f}
.ratio-card:nth-child(2){border-top-color:#087a68}
.ratio-card:nth-child(3){border-top-color:#173b34}
.ratio-heading{display:flex;align-items:start;justify-content:space-between;gap:8px;min-height:58px}
.ratio-heading .section-index{margin-bottom:5px}
.ratio-heading h2{font-size:24px}
.ratio-values{text-align:right;display:flex;flex-direction:column;gap:2px;white-space:nowrap}
.ratio-values strong{font-size:25px;line-height:1;font-weight:700;letter-spacing:-.045em}
.ratio-values span{font-size:10px;color:var(--ink-soft)}
.ratio-plot svg{display:block;width:100%;height:170px;overflow:visible}
.ratio-gridline{stroke:#e1e7df;stroke-width:1}
.ratio-axis,.ratio-month{fill:#788983;font:10px 'DM Sans',Arial,sans-serif}
.ratio-bar-value{fill:#48635f;font:600 10px 'DM Sans',Arial,sans-serif}
.ratio-bar-value.active{fill:#173b34;font-weight:700}
.ratio-month.active{fill:#173b34;font-weight:700}
.ratio-bar{fill:#bcd9cb}
.ratio-bar.active{fill:#5cae91}
.ratio-line{fill:none;stroke:#e4523f;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}
.ratio-point{fill:#fff;stroke:#e4523f;stroke-width:2.5}
.ratio-legend{display:flex;gap:17px;flex-wrap:wrap;color:var(--ink-soft);font-size:10px;margin-top:4px}
.ratio-legend span{display:flex;gap:6px;align-items:center}
.ratio-bar-key{width:10px;height:10px;border-radius:2px;background:#5cae91}
.ratio-line-key{width:14px;height:0;border-top:3px solid #e4523f}
.ratio-explanation{font-size:10px;line-height:1.5;color:var(--muted);margin:7px 0 16px}
/* A DRE Evolutivo mantém os cinco meses visíveis em colunas. */
.statement table{min-width:1080px;table-layout:fixed}
.statement thead th:first-child{width:35%;text-align:left}
.statement thead th:not(:first-child){width:10.83%;text-align:right}
.statement .accumulated-column{background:#f5f1e9;border-left:1px solid #e4dbce;padding-left:10px;padding-right:10px;font-weight:700}
.statement tr.final .accumulated-column{background:#255247;color:#fff}
.statement tr.total .accumulated-column{background:#e9efe6}
.statement tbody td{white-space:nowrap}
.statement tbody td:first-child{overflow:hidden;text-overflow:ellipsis}
.statement .selected-month{background:#e8f2e9;color:#075f52;font-weight:700}
.statement tr.final .selected-month{background:#20675d;color:#fff}
.statement tr.ratio td{color:#087365;font-weight:700}
.statement tr.ratio td:first-child{padding-left:12px}
.statement thead .selected-month{color:#087365;border-bottom:2px solid #087365}
.statement tr.group td{white-space:normal}
.accumulated-explanation{font-size:10px;color:var(--muted);margin:14px 0 2px;line-height:1.5}
.trend-group{gap:9px}
.trend-bar{width:min(35%,39px)}
.hero-control label:not(:first-child){margin-top:16px}
@media(max-width:1050px){.ratio-grid{grid-template-columns:1fr 1fr}.ratio-card:last-child{grid-column:span 2}}
@media(max-width:760px){.ratio-grid{grid-template-columns:1fr;gap:10px}.ratio-card:last-child{grid-column:auto}.statement table{min-width:1000px}.trend-bar span{display:none}.chart-legend{margin-top:18px}.topbar-logo{display:block;width:32px;height:32px}.eyebrow .live-dot{display:none}}
@media(max-width:430px){.ratio-card{padding:18px 17px 13px}.rail{display:none}.eyebrow{gap:7px;font-size:9px}.hero h1{font-size:clamp(22px,6.5vw,29px)}.hero-director-note{font-size:11px}}
