:root{--petroleo: #0c4260;--petroleo-escuro: #0a3650;--petroleo-linha: rgba(12, 66, 96, .16);--petroleo-suave: rgba(12, 66, 96, .06);--claro: #f6f8fa;--branco: #ffffff;--tinta: #0c2230;--tinta-fraca: #4a5d6a;--vermelho: #9c1818;--vermelho-escuro: #781212;--fonte: "Bricolage Grotesque", "Segoe UI", -apple-system, sans-serif;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1)}.landing{font-family:var(--fonte);color:var(--tinta);background:var(--branco);min-height:100vh}body:has(.landing){background:var(--branco)}.landing *{box-sizing:border-box}.hero{background:var(--claro);color:var(--tinta);padding:clamp(20px,4vw,44px) clamp(18px,5vw,64px) clamp(40px,6vw,80px)}.hero-topo{display:flex;align-items:center;justify-content:space-between;gap:16px}.hero-topo img{height:30px;width:auto}.hero-topo a{color:var(--petroleo);text-decoration:none;font-size:15px;font-weight:500;padding:8px 2px;border-bottom:1px solid transparent;transition:border-color .16s ease}.hero-topo a:hover{border-bottom-color:var(--petroleo)}.hero-topo a:focus-visible,.setor:focus-visible,.entrar:focus-visible{outline:2px solid var(--petroleo);outline-offset:3px;border-radius:6px}.hero-corpo{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;margin-top:clamp(40px,8vw,96px);align-items:center}.hero h1{font-size:clamp(34px,5.2vw,64px);font-weight:700;line-height:1.02;letter-spacing:-.025em;margin:0;max-width:14ch;font-variation-settings:"opsz" 96;color:var(--petroleo)}.hero p.lede{font-size:clamp(17px,1.6vw,20px);line-height:1.45;max-width:44ch;margin:22px 0 0;color:var(--tinta-fraca);font-weight:400}.entrar{display:inline-flex;align-items:center;gap:10px;margin-top:30px;padding:14px 22px;background:var(--vermelho);color:#fff;border:0;border-radius:12px;font:inherit;font-size:16px;font-weight:700;cursor:pointer;text-decoration:none;transition:transform .16s var(--ease-out),background-color .16s ease}.entrar:active{transform:scale(.97);background:var(--vermelho-escuro)}@media(hover:hover)and (pointer:fine){.entrar:hover{background:var(--vermelho-escuro)}}.entrar small{font-weight:500;opacity:.8}.anel{position:relative;width:min(100%,520px);aspect-ratio:1;margin:0 auto}.anel svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.anel .traco{fill:none;stroke:var(--petroleo);stroke-width:1.6;opacity:.9;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.1s var(--ease-in-out) .12s}.anel[data-pronto=true] .traco{stroke-dashoffset:0}.anel .centro{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;pointer-events:none}.anel .centro img{height:54px}.anel .centro span{display:block;margin-top:8px;font-size:13px;color:var(--tinta-fraca)}.setor{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%) scale(.92);opacity:0;background:var(--branco);border:1px solid var(--petroleo-linha);color:var(--petroleo);box-shadow:0 1px 2px #0c22300f;padding:9px 14px;border-radius:999px;font:inherit;font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;text-decoration:none;transition:opacity .32s var(--ease-out) var(--atraso),transform .32s var(--ease-out) var(--atraso),background-color .16s ease,border-color .16s ease}.anel[data-pronto=true] .setor{opacity:1;transform:translate(-50%,-50%) scale(1)}.anel[data-pronto=true] .setor:active{transform:translate(-50%,-50%) scale(.96);transition-duration:.1s;transition-delay:0ms}@media(hover:hover)and (pointer:fine){.anel[data-pronto=true] .setor:hover{background:var(--petroleo);color:#fff;border-color:var(--petroleo)}}.lista-setores{display:none;list-style:none;margin:8px 0 0;padding:0}.lista-setores li{border-top:1px solid var(--petroleo-linha)}.lista-setores a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 2px;color:var(--petroleo);text-decoration:none;transition:transform .12s var(--ease-out)}.lista-setores a:active{transform:scale(.99)}.lista-setores a b{font-weight:700;font-size:17px}.lista-setores a span{font-size:13px;color:var(--tinta-fraca);text-align:right}.filosofia-fundo{background:var(--petroleo);color:#fff}.filosofia{padding:clamp(48px,7vw,96px) clamp(18px,5vw,64px);display:grid;grid-template-columns:minmax(0,1fr);gap:36px 56px;max-width:1180px;margin:0 auto}.filosofia h2{font-size:clamp(26px,3.2vw,38px);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0;max-width:18ch;font-variation-settings:"opsz" 48}.filosofia .contexto{margin:16px 0 0;color:#ffffffc7;font-size:17px;line-height:1.5;max-width:40ch}.filosofia dl{margin:0;display:grid;gap:22px}.filosofia dt{font-weight:700;font-size:18px;margin:0}.filosofia dd{margin:4px 0 0;color:#ffffffc7;font-size:16px;line-height:1.5;max-width:52ch}.rodape{padding:28px clamp(18px,5vw,64px) 40px;display:grid;gap:18px 40px;align-items:center;color:var(--tinta-fraca);font-size:14px;line-height:1.5;max-width:1180px;margin:0 auto}.rodape .marcas{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.rodape .marcas img{height:40px;width:auto}.rodape .marcas img.patio{height:44px}.rodape p{margin:0;max-width:62ch}@media(min-width:880px){.rodape{grid-template-columns:auto minmax(0,1fr)}}@media(min-width:880px){.hero-corpo{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.filosofia{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}@media(max-width:879px){.anel{display:none}.lista-setores{display:block}}@media(prefers-reduced-motion:reduce){.anel .traco{transition:none;stroke-dashoffset:0}.setor{transform:translate(-50%,-50%);transition:opacity .2s ease}.anel[data-pronto=true] .setor{transform:translate(-50%,-50%)}}:root{color-scheme:light dark;--fundo: #f6f7f9;--superficie: #ffffff;--borda: #dfe3e8;--texto: #16191d;--texto-fraco: #5b636d;--acento: #0c4260;--acento-texto: #ffffff;--vencida: #9c1818;--vencida-fundo: #fdeceb;--critica: #9a5b00;--critica-fundo: #fdf3e2;--normal: #1f6b3f;--normal-fundo: #eaf5ee;--raio: 10px}@media(prefers-color-scheme:dark){:root{--fundo: #14171a;--superficie: #1c2024;--borda: #2e343a;--texto: #eceff2;--texto-fraco: #a3acb6;--acento: #8fc3e0;--acento-texto: #10131a;--vencida: #ff9a9a;--vencida-fundo: #3a1b1c;--critica: #f0bd6a;--critica-fundo: #372a12;--normal: #7fd39c;--normal-fundo: #17301f}}*{box-sizing:border-box}body{margin:0;font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--fundo);color:var(--texto)}.painel{max-width:1000px;margin:0 auto;padding:24px 16px 64px}.cabecalho{display:flex;flex-wrap:wrap;gap:12px;align-items:baseline;justify-content:space-between}.cabecalho h1{font-size:22px;margin:0}.cabecalho select{padding:8px 10px;border-radius:var(--raio);border:1px solid var(--borda);background:var(--superficie);color:inherit;font:inherit}.indicadores{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:20px 0}.indicador{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);padding:12px 14px;text-align:left;font:inherit;color:inherit;cursor:pointer}.indicador:focus-visible{outline:2px solid var(--acento);outline-offset:2px}.indicador[aria-pressed=true]{border-color:var(--acento);box-shadow:inset 0 0 0 1px var(--acento)}.indicador .numero{display:block;font-size:26px;font-weight:650;line-height:1.1}.indicador .rotulo{color:var(--texto-fraco);font-size:13px}.grupo{margin-top:26px}.grupo>h2{font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:var(--texto-fraco);margin:0 0 10px}.cartao{background:var(--superficie);border:1px solid var(--borda);border-left-width:4px;border-radius:var(--raio);padding:14px 16px;margin-bottom:10px}.cartao.vencida{border-left-color:var(--vencida)}.cartao.critica{border-left-color:var(--critica)}.cartao.normal{border-left-color:var(--normal)}.cartao h3{margin:0 0 4px;font-size:16px}.cartao .meta{color:var(--texto-fraco);font-size:13px;display:flex;flex-wrap:wrap;gap:10px}.cartao .acoes{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.etiqueta{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.etiqueta.vencida{background:var(--vencida-fundo);color:var(--vencida)}.etiqueta.critica{background:var(--critica-fundo);color:var(--critica)}.etiqueta.normal{background:var(--normal-fundo);color:var(--normal)}button.acao{font:inherit;padding:7px 12px;border-radius:8px;border:1px solid var(--borda);background:var(--superficie);color:inherit;cursor:pointer;min-height:40px}button.acao:hover{border-color:var(--acento)}button.acao:focus-visible{outline:2px solid var(--acento);outline-offset:2px}button.acao.primaria{background:var(--acento);border-color:var(--acento);color:var(--acento-texto);font-weight:600}form.abertura{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);padding:16px;margin-top:20px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}form.abertura label{display:grid;gap:4px;font-size:13px;color:var(--texto-fraco)}form.abertura input{font:inherit;padding:8px 10px;border-radius:8px;border:1px solid var(--borda);background:transparent;color:inherit;min-height:40px}form.abertura .largura-total{grid-column:1 / -1}.aviso{padding:12px 14px;border-radius:var(--raio);background:var(--vencida-fundo);color:var(--vencida);margin:16px 0}.vazio{color:var(--texto-fraco);padding:32px 0;text-align:center}