@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("/fontes/inter-500.woff") format("woff")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("/fontes/inter-600.woff") format("woff")}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#0d0f12;color:#f2f4f6;font-family:Inter,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:500}
.pagina{min-height:100vh;display:flex;flex-direction:column;overflow:hidden}
.topo,.conteudo,.rodape{width:100%;max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px}
.topo{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:24px;padding-bottom:24px}
.logo{display:block;height:30px;width:auto}
.idiomas{display:flex;padding:3px;border:1px solid #2c3036;border-radius:8px}
.idiomas button{min-width:44px;height:38px;border:0;border-radius:5px;background:transparent;color:#f2f4f6;font:600 13px Inter,"Segoe UI",sans-serif;cursor:pointer}
.idiomas button[aria-pressed="true"]{background:#2f6fdb}
.idiomas button:focus-visible{outline:2px solid #7db7ff;outline-offset:2px}
.conteudo{flex:1;display:flex;flex-wrap:wrap-reverse;align-items:center;gap:48px;padding-top:16px;padding-bottom:48px}
.texto{flex:1 1 460px;min-width:0;display:flex;flex-direction:column;gap:24px}
.pilula{align-self:flex-start;margin:0;display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 12px;border:1px solid #2c3036;border-radius:999px;font-size:13px;color:#c9d0d7}
.ponto-amarelo{width:8px;height:8px;border-radius:4px;background:#e9c55a}
h1{margin:0;max-width:620px;font-size:clamp(36px,5.2vw,64px);line-height:1.04;font-weight:600;letter-spacing:-.03em}
.lead{margin:0;max-width:560px;font-size:18px;line-height:1.6;color:#c9d0d7}
.vem{display:flex;flex-direction:column;gap:14px;margin-top:8px;padding-top:24px;border-top:1px solid #22262b}
.vem h2{margin:0;font-size:14px;font-weight:600;color:#9aa3ad}
.vem ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:20px}
.vem li{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:6px;align-content:start}
.item-titulo{font-size:15px;font-weight:600}
.item-texto{font-size:14px;line-height:1.5;color:#9aa3ad}
.pista{flex:1 1 340px;min-width:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:16px}
.pista svg{width:100%;max-width:400px;height:auto;overflow:visible}
figcaption{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.tempo{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 10px}
.tempo-valor{font-size:28px;font-weight:600;font-variant-numeric:tabular-nums}
.tempo-pista,.escala,.legenda{font-size:13px;color:#9aa3ad}
.escala{display:flex;align-items:center;gap:10px;font-size:12px}
.escala-barra{width:120px;height:6px;border-radius:3px;background:linear-gradient(90deg,#1f55c4,#4f8ff0,#e6f0ff)}
.legenda{max-width:360px;line-height:1.5}
.rodape{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:20px;padding-bottom:28px;border-top:1px solid #1a1d22;font-size:13px;color:#9aa3ad}
@media (prefers-reduced-motion:reduce){.carro{display:none}}