[hidden]{display:none!important}
:root{--feltro:#0E3B2C;--tinta:#12201A;--creme:#F6F4EE;--ouro:#E0B341;--cinza:#4F5B55;--linha:#D9D5C8;--claro:#DCE6E0}
*{box-sizing:border-box}
body{margin:0;font-family:'Barlow',system-ui,sans-serif;color:var(--tinta);background:var(--creme);line-height:1.4}
a{color:var(--tinta)}
:focus-visible{outline:3px solid var(--ouro);box-shadow:0 0 0 5px var(--tinta)}
h1,h2,h3{font-family:'Barlow Condensed','Barlow',sans-serif;margin:0;letter-spacing:.01em}
h2{font-size:44px}
section{padding-top:56px}
.container{max-width:1200px;margin:0 auto;padding:0 32px}
.cabecalho{background:var(--feltro);color:var(--creme)}
.cabecalho .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;padding-bottom:16px}
.cabecalho a{color:var(--creme);text-decoration:none}
.marca{display:flex;align-items:center;gap:10px;font:700 28px 'Barlow Condensed',sans-serif}
.menu{display:flex;flex-wrap:wrap;gap:24px;font-weight:500}
.menu a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--ouro);text-underline-offset:6px}
.btn{min-height:44px;padding:0 24px;border-radius:6px;font:600 16px 'Barlow',sans-serif;cursor:pointer;border:2px solid transparent;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.btn-ouro{background:var(--ouro);color:var(--tinta)}
.btn-contorno{background:transparent;border-color:var(--tinta);color:var(--tinta)}
.cabecalho .btn-contorno{border-color:var(--ouro);color:var(--ouro)}
.campo{display:flex;flex-direction:column;gap:6px;flex:1 1 160px}
label{font-size:14px;font-weight:600}
input,select{min-height:44px;padding:0 12px;font:400 16px 'Barlow',sans-serif;border:2px solid var(--tinta);border-radius:6px;background:var(--creme);color:var(--tinta);width:100%}
.linha{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}
.tabela-wrap{overflow-x:auto;background:#fff;border-radius:8px;padding:0 8px;margin-top:16px}
table{width:100%;border-collapse:collapse;min-width:640px}
th{text-align:left;font-size:13px;font-weight:600;color:var(--cinza);padding:12px 16px;border-bottom:2px solid var(--tinta);white-space:nowrap}
td{padding:14px 16px;border-bottom:1px solid var(--linha);white-space:nowrap}
.card{background:#fff;border-radius:10px;padding:24px}
.grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}
.numero{font:700 40px/1 'Barlow Condensed',sans-serif}
.rotulo{font-size:14px;color:var(--cinza)}
.badge{padding:4px 10px;border-radius:999px;font-size:13px;font-weight:600}
.badge-proximo{background:var(--ouro)}
.badge-em_andamento{background:var(--feltro);color:var(--creme)}
.badge-encerrado{background:#E6E2D6}
.mensagem{margin:12px 0;font-weight:600}
.erro{color:#9B1C1C}
.sucesso{color:#14603A}
.hero{background:var(--feltro);color:var(--creme);padding:48px 0 64px}
.hero label,.painel-escuro label{color:var(--creme)}
.sobretitulo{margin:0 0 12px;font-size:14px;font-weight:600;letter-spacing:.12em;color:var(--ouro)}
.titulo-grande{font-size:72px;line-height:.98}
.lead{margin:20px 0 28px;font-size:19px;max-width:560px;color:var(--claro)}
.lista{list-style:none;margin:0;padding:0}
.lista a{color:var(--creme);display:block;padding:10px 0;border-bottom:1px solid #2F5C4B}
.painel-escuro{background:var(--tinta);color:var(--creme);border-radius:12px;padding:40px}
.resultado-handicap{background:var(--feltro);border-radius:10px;padding:24px;text-align:center;margin-top:24px}
.corrida{font:700 80px/1.05 'Barlow Condensed',sans-serif}
.abas{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.aba{min-height:44px;padding:0 20px;border:2px solid var(--tinta);background:transparent;color:var(--tinta);font:600 16px 'Barlow',sans-serif;border-radius:6px;cursor:pointer}
.aba[aria-pressed=true]{background:var(--tinta);color:var(--creme)}
.rodape{margin-top:96px;background:var(--feltro);color:var(--claro)}
.rodape .container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:32px;padding-bottom:32px;font-size:15px}
.formulario{display:flex;flex-direction:column;gap:16px;max-width:640px}
@media (max-width:600px){.container{padding:0 16px}.titulo-grande{font-size:44px}h2{font-size:36px}.painel-escuro{padding:24px}}

.app-nav{display:none}
@media (max-width:700px){
  .cabecalho .menu{display:none}
  body{padding-bottom:72px}
  .app-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--tinta);padding-bottom:env(safe-area-inset-bottom,0px)}
  .app-nav a{flex:1;min-height:56px;display:flex;align-items:center;justify-content:center;color:var(--claro);text-decoration:none;font-weight:600;font-size:15px}
  .app-nav a[aria-current=page]{color:var(--ouro);box-shadow:inset 0 3px 0 var(--ouro)}
}

.marca svg{height:60px;width:auto;display:block}
@media (max-width:600px){.marca svg{height:46px}}


.formulario .campo{flex:0 0 auto}

.regras section.regra{padding-top:48px;scroll-margin-top:16px}
.regras h2{font-size:40px}
.regra .card{margin-top:16px;max-width:820px}
.regra h3{font-size:24px;margin:22px 0 6px}
.regra h3:first-child{margin-top:0}
.regra ul{margin:0;padding-left:22px}
.regra li{margin:6px 0;max-width:70ch}
.atalhos{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.chip{min-height:44px;padding:0 20px;border:2px solid var(--tinta);border-radius:6px;display:inline-flex;align-items:center;font-weight:600;text-decoration:none;color:var(--tinta)}
.chip:hover{background:var(--tinta);color:var(--creme)}
.confirmar{display:inline-block;margin-left:4px;padding:1px 8px;border:1.5px solid #8A6400;color:#6B4D00;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;vertical-align:1px}
.aviso{background:#FFF6DA;border:2px solid var(--ouro);border-radius:10px;padding:14px 18px;margin:24px 0 0;max-width:760px}
@media (max-width:600px){.regras h2{font-size:34px}}