.zo{background:var(--brand-dark);color:var(--brand-paper)}.zo a{color:var(--brand-accent)}.zo-hero{padding:65px 0 42px;border-bottom:1px solid #315344;background:radial-gradient(ellipse at 80% 0,#7fee0910,transparent 60%)}.zo-hero h1{font:500 clamp(42px,5vw,72px)/1.06 var(--brand-display);letter-spacing:-.06em;max-width:18ch;margin:24px 0}.zo-hero h1 span{color:var(--brand-accent)}.zo-hero p{max-width:65ch;color:#b8cfc0;font-size:19px;line-height:1.6}.zo-date{font:11px var(--brand-mono);color:#b8cfc0;display:flex;gap:18px;flex-wrap:wrap;margin:22px 0}.zo-date b{color:var(--brand-accent);font-weight:400}.zo-links{display:flex;flex-wrap:wrap;gap:28px;margin-top:26px;font-size:14px}.zo-kpis{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #315344;padding:34px 0;gap:28px}.zo-kpis article{border-left:1px solid #40653c;padding-left:22px}.zo-kpis article:first-child{border:0;padding:0}.zo-kpis strong{display:block;font:500 clamp(29px,3.8vw,46px)/1 var(--brand-mono);letter-spacing:-.06em;margin-bottom:16px;color:var(--brand-accent)}.zo-kpis span{display:block;color:#b8cfc0;font-size:12px;line-height:1.5}.zo-controls{display:flex;align-items:end;gap:18px;flex-wrap:wrap;padding:30px 0}.zo-controls label{display:grid;gap:8px;flex:1;min-width:150px;font-size:11px;color:#a4bdab;text-transform:uppercase;letter-spacing:.08em}.zo-controls select,.zo-controls input,.zo-compare select{width:100%;background:#14352c;border:1px solid #426449;border-radius:var(--brand-radius);color:#e7f2e5;padding:13px 15px;font:15px var(--brand-body);min-height:46px;box-sizing:border-box}.zo-controls button,.zo-tool{background:transparent;color:var(--brand-accent);border:1px solid #5b8146;border-radius:50px;padding:13px 18px;font:12px var(--brand-display);cursor:pointer}.zo-controls button:hover,.zo-tool:hover{background:var(--brand-accent);color:var(--brand-dark)}.zo-layout{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding-bottom:34px}.zo-panel{border:1px solid #345842;border-radius:var(--brand-radius);padding:26px;background:linear-gradient(130deg,#12342b,#051f19);position:relative;overflow:hidden}.zo-panel h2{font:500 23px var(--brand-display);margin:0 0 8px;letter-spacing:-.03em}.zo-panel p{color:#acc5b4;font-size:13px;margin:8px 0 20px;line-height:1.6}.zo-map{display:block;width:100%;height:360px}.zo-map path{stroke:#001616;stroke-width:1;vector-effect:non-scaling-stroke;transition:fill .3s,stroke .2s}.zo-map a:hover path,.zo-map a:focus path,.zo-map a[aria-current=true] path{fill:var(--brand-accent)!important;stroke:#d9ffc6;stroke-width:2}.zo-map text{font:11px var(--brand-mono);pointer-events:none;fill:#f2fff0;paint-order:stroke;stroke:#002014;stroke-width:2px}.zo-watermark{position:absolute;right:24px;bottom:18px;width:70px;opacity:.7;pointer-events:none}.zo-legend{display:flex;align-items:center;gap:12px;font:10px var(--brand-mono);color:#9aba9e;margin:14px 0 0}.zo-legend i{width:130px;height:5px;background:linear-gradient(90deg,#224b3a,#7fee09)}.zo-ranking{width:100%;border-collapse:collapse;font-size:13px}.zo-ranking th{font:10px var(--brand-mono);text-align:left;padding:10px 0;color:#9fbea7}.zo-ranking td{padding:10px 0;border-top:1px solid #31533c}.zo-ranking td:last-child{text-align:right;font:12px var(--brand-mono)}.zo-ranking td:nth-child(2){width:35%}.zo-ranking a{text-decoration:none;color:#d9e9d8}.zo-ranking a:hover{color:var(--brand-accent)}.zo-bar{height:4px;background:#8ee832aa;border-radius:5px;display:block;max-width:95%}.zo-chart-wrap{position:relative}.zo-chart{display:block;width:100%;height:250px;touch-action:pan-y;outline-offset:4px}.zo-chart .grid{stroke:#406249;stroke-dasharray:3 5}.zo-chart .line{stroke:var(--brand-accent);stroke-width:3;fill:none;stroke-linejoin:round}.zo-chart text{fill:#b7d0be;font:11px var(--brand-mono)}.zo-chart circle{fill:var(--brand-accent);stroke:#16352b;stroke-width:3;cursor:pointer}.zo-chart-output{min-height:28px;font:15px var(--brand-mono);color:var(--brand-accent);padding-top:15px}.zo-chart-note{font:11px var(--brand-body);color:#97b9a0;line-height:1.6}.zo-wide{grid-column:1/-1}.zo-current{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:start}.zo-current strong{color:var(--brand-accent);font:500 46px var(--brand-mono);letter-spacing:-.06em}.zo-composition{display:flex;gap:5px;height:10px;margin:25px 0}.zo-composition span{min-width:1px}.zo-breakdown{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.zo-breakdown span{font-size:11px;color:#a6c1ad}.zo-breakdown b{display:block;font:18px var(--brand-mono);color:#e4f4de;margin-top:7px}.zo-summary{border-left:2px solid var(--brand-accent);padding:15px 20px;background:#7fee0909;margin:26px 0;max-width:80ch;line-height:1.7;color:#c9dbc9}.zo-table{overflow-x:auto}.zo-table table{width:100%;min-width:520px;border-collapse:collapse}.zo-table th,.zo-table td{padding:14px 10px;border-bottom:1px solid #31533c;text-align:left;font-size:13px}.zo-table th{font:11px var(--brand-mono);color:#a9c4ae}.zo-table .num{font-family:var(--brand-mono);text-align:right}.zo-section{padding:42px 0}.zo-section h2{font:500 32px var(--brand-display);letter-spacing:-.04em}.zo-section h3{font:500 22px var(--brand-display)}.zo-section p,.zo-section li{color:#b8cfc0;line-height:1.75;max-width:85ch}.zo-section li{margin:12px 0}.zo-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px}.zo-error{padding:20px;background:#26462c;color:#e4f4de;border-left:2px solid var(--brand-accent)}.zo-compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}.zo-compare strong{font:36px var(--brand-mono);color:var(--brand-accent);display:block;margin:20px 0}.zo-breadcrumb{font-size:12px;color:#a4c4ab;display:flex;flex-wrap:wrap;gap:10px;padding-top:24px}.zo-related{display:flex;gap:12px;flex-wrap:wrap}.zo-related a{padding:10px 14px;border:1px solid #436440;border-radius:50px;text-decoration:none;font-size:13px}.zo :focus-visible{outline:2px solid var(--brand-accent);outline-offset:4px}.zo-empty{padding:28px 0;color:#bfd8c1}.zo-scenario{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.zo-scenario input{width:90px;background:#16382c;color:#fff;border:1px solid #568343;border-radius:8px;padding:10px}.zo-scenario-output{font:22px var(--brand-mono);color:var(--brand-accent)}.zo-grid-note{font:11px var(--brand-body);color:#a0bba8;line-height:1.6}.zo-faq details{padding:18px 0;border-bottom:1px solid #345a42}.zo-faq summary{font-size:17px;cursor:pointer}.zo-faq p{font-size:15px;padding:8px 0}.zo-ad[hidden]{display:none!important}
@media(max-width:850px){.zo-kpis{grid-template-columns:1fr 1fr}.zo-layout{grid-template-columns:1fr}.zo-map{height:330px}.zo-panel{padding:22px}.zo-breakdown{grid-template-columns:1fr 1fr}.zo-hero{padding:40px 0 30px}.zo-hero h1{font-size:48px}.zo-controls label{min-width:130px}.zo-controls label:last-of-type{flex-basis:100%}.zo-compare{grid-template-columns:1fr}.zo-kpis article:nth-child(3){border:0;padding:0}}@media(max-width:480px){.zo-hero h1{font-size:40px}.zo-hero p{font-size:17px}.zo-kpis{gap:24px 16px}.zo-kpis strong{font-size:30px}.zo-kpis article{padding-left:15px}.zo-date{gap:12px}.zo-panel{padding:19px}.zo-map{height:300px}.zo-chart{height:210px}.zo-controls{gap:12px}.zo-controls select,.zo-controls input{font-size:16px}.zo-current strong{font-size:36px}.zo-ranking td{font-size:12px}.zo-watermark{width:58px}.zo-section h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.zo *{transition:none!important;scroll-behavior:auto!important}}
@media print{.zs-header,.zs-contact,.zs-footer,.zo-controls,.zo-tool,.zo-actions{display:none!important}.zo,.zo-panel{background:white;color:#062219}.zo-panel{break-inside:avoid}.zo p,.zo span,.zo h1,.zo h2,.zo h3{color:#062219}.zo-chart .line{stroke:#308200}.zo-map path{stroke:white}.zo-map{height:300px}.zo-watermark{opacity:1}.zo-layout{display:block}.zo-panel{margin:15px 0}.zo-wide{width:auto}}

.zo-panel:after{content:"";position:absolute;right:22px;bottom:16px;width:60px;height:20px;background:url("/assets/marca-v3/zion-horizontal-negativo.svg?v=3c") center/contain no-repeat;opacity:.42;pointer-events:none}.zo-panel{padding-bottom:40px}.zo-table{position:relative;padding-top:40px}.zo-table-brand{position:absolute;right:4px;top:8px;width:72px;height:22px;object-fit:contain;opacity:.68}.zo-sales{position:relative;padding:14px 0 35px}.zo-sales>div{display:flex;overflow:hidden;border-radius:8px;height:38px;font:12px var(--brand-mono)}.zo-sales b,.zo-sales span{display:flex;align-items:center;justify-content:center}.zo-sales b{background:var(--brand-accent);color:#001616}.zo-sales span{background:#45665a;color:#fff}.zo-sales small{display:block;margin-top:10px;font-size:11px}.zo-sales img{position:absolute;right:0;bottom:8px;width:68px;height:20px;opacity:.8}

.zo-coverage{border-left:2px solid var(--brand-accent);padding:18px 24px;background:#7fee0908;margin-top:26px;font-size:13px;line-height:1.6}.zo-coverage strong{color:var(--brand-accent)}.zo-coverage p{color:#b8cfc0;margin-bottom:0}.zo-section [hidden]{display:none!important}.zo-models-title{margin-top:30px}

.zo-table:not(:has(>.zo-table-brand)):after{content:"";position:absolute;top:8px;right:4px;width:72px;height:22px;background:url("/assets/marca-v3/zion-horizontal-negativo.svg?v=3c") center/contain no-repeat;opacity:.68;pointer-events:none}
/* Fase 1 da auditoria de design · 12/10/2026 (OD3, OD4, OD5, OD6). Vale para as 416 páginas do observatório. */
.zo .zs-kicker{color:var(--brand-accent);font-size:12px}
.zo-date,.zo-controls label,.zo-legend,.zo-ranking th,.zo-chart-note,.zo-breakdown span,.zo-table th,.zo-grid-note,.zo-sales small{font-size:12px}
.zo-controls button{min-height:44px}
.zo-ranking a{display:inline-flex;align-items:center;min-height:44px;margin:-10px 0;vertical-align:middle}
.zo summary{min-height:44px;box-sizing:border-box;padding-block:10px;cursor:pointer}
.zo li>a{display:inline-block;padding-block:10px}
.zo-scenario input{min-height:44px;box-sizing:border-box}
.zo-table td>a{display:flex;align-items:center;min-height:44px;margin:-14px 0}
.zo-actions a,.zo-actions button,.zo-panel>a,[data-current-link]{display:inline-flex;align-items:center;min-height:44px}
.zo-links a,.zo-breadcrumb a{display:inline-flex;align-items:center;min-height:44px}
.zo-breadcrumb{padding-top:12px}
@media screen{.zo-watermark,.zo-table-brand,.zo-chart image,.zo-map image,.zo-sales image,.zo-sales img{display:none}}
@media(max-width:600px){.zo-controls label{flex-basis:100%;min-width:0}.zo-table::after{content:"Deslize para ver todas as colunas \2192";position:sticky;left:0;display:block;padding-top:12px;font:12px var(--brand-mono);color:#a9c4ae}}