/* Tokens da marca hubdias (canvas "hubdias — marca e site", artboard Marca) */
:root{
  --petroleo:#12232A; --palco:#0E1C22; --petroleo-claro:#1B3139;
  --laranja:#E8862E; --laranja-hover:#F29A48; --laranja-escuro:#A8540E;
  --areia:#F6F4EF; --linha:#E4E0D7; --linha-forte:#D9D4C8;
  --texto-2:#3F5057; --texto-escuro:#B9C6CA; --cinza:#7A8589;
  --revibe:#8502D5;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Manrope,system-ui,sans-serif;color:var(--petroleo);background:var(--areia);overflow-x:clip;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img,svg{display:block}
h1,h2,h3,p{margin:0}
.wrap{max-width:1280px;margin:0 auto;display:flex;flex-direction:column}
.mono{font-family:'Martian Mono',ui-monospace,monospace;letter-spacing:.2px}
.eyebrow{font-family:'Martian Mono',ui-monospace,monospace;font-size:12px;font-weight:500;letter-spacing:1px;color:var(--laranja-escuro)}
.on-dark .eyebrow,.eyebrow.claro{color:var(--laranja)}
.hub{font-weight:300}.dias{font-weight:800}
.skip{position:absolute;left:-999px;top:8px;background:var(--petroleo);color:#fff;padding:10px 14px;border-radius:10px;z-index:100}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--laranja);outline-offset:3px;border-radius:6px}

/* Cabeçalho de vidro */
.topo{position:sticky;top:12px;z-index:50;margin:12px 40px 0;padding:10px 12px 10px 20px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;border-radius:16px;background:rgba(246,244,239,.82);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--linha)}
.marca{display:flex;align-items:center;gap:10px}
.nav{display:flex;flex-wrap:wrap;gap:2px;align-items:center;font-size:15px;font-weight:600}
.nav a{padding:10px 14px;border-radius:10px;transition:background .2s}
.nav a:hover{background:#E9E5DC}
.nav a.btn{margin-left:8px;background:var(--petroleo);color:#fff;padding:12px 20px;border-radius:12px}
.nav a.btn:hover{background:var(--petroleo)}

/* Botões */
.btn{display:inline-flex;align-items:center;justify-content:center;font:inherit;cursor:pointer;border:0;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,background .25s}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -14px rgba(18,35,42,.6)}
.btn-laranja{background:var(--laranja);color:var(--petroleo);padding:18px 28px;border-radius:14px;font-size:17px;font-weight:800;align-self:flex-start}
.btn-laranja:hover{background:var(--laranja-hover)}
.btn-escuro{background:var(--petroleo);color:#fff;padding:14px 20px;border-radius:12px;font-size:16px;font-weight:700;min-height:48px}
.chip{font:inherit;font-size:15px;font-weight:600;color:var(--petroleo);background:#fff;border:1.5px solid var(--cinza);border-radius:999px;padding:10px 16px;min-height:44px;cursor:pointer;transition:background .2s,color .2s}
.chip:hover,.chip[aria-pressed="true"]{background:var(--petroleo);color:#fff;border-color:var(--petroleo)}

/* Formulários */
.fld{font:inherit;font-size:16px;color:var(--petroleo);background:#fff;border:1.5px solid var(--cinza);border-radius:12px;padding:12px 14px;width:100%}
.fld:focus{outline:none;border-color:var(--petroleo);box-shadow:0 0 0 4px rgba(232,134,46,.25)}
.rotulo{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--texto-2)}
.isca{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.erro{color:#B42318;font-size:14px;font-weight:600}

/* Bloco escuro arredondado */
.bloco{margin:0 16px 24px;background:var(--petroleo);color:#fff;border-radius:32px}

/* Rodapé */
.rodape{padding:24px 40px 40px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;font-size:15px;color:var(--texto-2)}
.rodape a:hover{color:var(--petroleo)}

.check{flex:none;margin-top:1px}

@media (max-width:900px){
  .topo{margin:12px 16px 0}
  .topo{padding:8px 8px 8px 14px}
  .nav .navl,.nav a.nav-hub{display:none}
  .nav a.btn{padding:11px 14px;font-size:14px}
  .rodape{padding:24px 20px 40px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none !important;transition:none !important}
}