:root {
  --abismo: #102a43;
  --oceano: #1769aa;
  --corrente: #f97316;
  --espuma: #f1f7fc;
  --sonar: #ffb347;
}
body { background: var(--espuma); color: #13232e; }
h1, h2, h3, .marca, .display-nota, .pin, .pos { font-family: "Bricolage Grotesque", system-ui, sans-serif; }
h1 { font-weight: 800; letter-spacing: -0.02em; }
.shark-nav { background: var(--abismo); border-bottom: 4px solid var(--corrente); }
.shark-nav .marca { font-weight: 800; font-size: 1.25rem; }
.shark-nav .unidade { font-size: .85rem; opacity: .7; margin-left: .5rem; }
.shark-nav .nav-link.active { color: var(--sonar) !important; }
.card { border: 0; box-shadow: 0 1px 0 rgba(6,42,61,.08), 0 6px 18px rgba(6,42,61,.06); }
.btn-shark { background: var(--oceano); color: #fff; border: 0; }
.btn-shark:hover, .btn-shark:focus { background: var(--abismo); color: #fff; }
.pin { font-weight: 800; font-size: 1.4rem; letter-spacing: .15em; color: var(--oceano); }

/* Botões de nota do avaliador */
.notas { display: grid; gap: 4px; }
.notas .btn { padding: .55rem 0; font-weight: 700; border-color: #c9d8df; background: #fff; }
.notas .btn-check:checked + .btn { background: var(--oceano); border-color: var(--oceano); color: #fff; }
.notas .btn-check:focus-visible + .btn { outline: 3px solid var(--sonar); }
.total-box { background: var(--abismo); color: #fff; border-radius: .75rem; position: sticky; bottom: .75rem; z-index: 5; }
.display-nota { font-size: 2rem; font-weight: 800; color: var(--sonar); }

/* QR codes */
.qr-card { break-inside: avoid; page-break-inside: avoid; }
.qr-box { display: inline-block; padding: 10px; background: #fff; }
.qr-box img, .qr-box canvas { display: block; margin: 0 auto; }

/* Ranking */
.pos { font-weight: 800; font-size: 1.3rem; width: 3rem; }
tr.lider-1 > * { background: #fff1e6 !important; }
.telao main { max-width: 1400px; }
.telao h1 { font-size: 3rem; }
.telao table { font-size: 1.35rem; }

@media print {
  body { background: #fff; }
  .card { box-shadow: none; border: 1px dashed #999; }
  .qr-grid > div { width: 50%; }
}