/* Cores por categoria e mosaicos com tons suaves (modo claro) */
:root{--c-run:#0d9488;--c-str:#6366f1;--c-mob:#22c55e;--c-wod:#f59e0b;--c-race:#ef4444;--c-rest:#94a3b8}
.hm-tiles .hm-tile:nth-child(1){background:#fff4ec;border-color:#ffe0cc}.hm-tiles .hm-tile:nth-child(2){background:#eefaf3;border-color:#d3efdf}
.hm-tiles .hm-tile:nth-child(3){background:#eef2f1;border-color:#d8e2df}.hm-tiles .hm-tile:nth-child(4){background:#fdf7e8;border-color:#f4e8c4}
.hm-quick a:nth-child(1){background:#fff4ec}.hm-quick a:nth-child(2){background:#eef2f1}.hm-quick a:nth-child(3){background:#eefaf3}.hm-quick a:nth-child(4){background:#eef6ee}.hm-quick a:nth-child(5){background:#f3efe6}.hm-quick a:nth-child(6){background:#fdf7e8}
.cat-run{--cc:var(--c-run)}.cat-strength{--cc:var(--c-str)}.cat-mobility{--cc:var(--c-mob)}.cat-wod{--cc:var(--c-wod)}.cat-race{--cc:var(--c-race)}.cat-rest,.cat-other{--cc:var(--c-rest)}
.hm-row[data-cat]{border-left:4px solid var(--cc,#d9d6cd);padding-left:10px}
.theme-btn{display:inline-flex;align-items:center;gap:8px;background:transparent;color:inherit;border:1px solid currentColor;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:700;opacity:.85;min-height:34px}
.side .theme-btn{color:#d7dae0;margin:6px 0}
.sheet-in .theme-btn{color:var(--ink);margin:0 0 10px}
/* Palette athlétisme: tartan, pelouse, lignes blanches */
.hero{background:linear-gradient(115deg,#0f2a3d 0%,#134e4a 38%,#0d9488 100%)!important;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(115deg,transparent 0 46px,rgba(255,255,255,.07) 46px 48px)}
.hero>*{position:relative;z-index:1}.hero h1{text-shadow:none}.hero .orb{display:none}
.nf-hero{background:linear-gradient(135deg,#0f2a3d,#134e4a 55%,#0d9488)!important}
.bar i{background:linear-gradient(90deg,#16a34a,#0d9488)}
.badge.ok,.ok{color:#16a34a}
/* === Paleta CLARA (v24): branco, menta, céu, âmbar === */
html:not([data-theme=dark]) .side{background:#fff!important;color:var(--ink)!important;border-right:1px solid var(--line)}
html:not([data-theme=dark]) .side .brand,html:not([data-theme=dark]) .side .brand div{color:var(--ink)!important}
html:not([data-theme=dark]) .side-nav a{color:#4a6572!important}
html:not([data-theme=dark]) .side-nav a.on{background:#e6f6f4!important;color:#0f766e!important;border-left-color:#0d9488}
html:not([data-theme=dark]) .side-nav a.on svg{color:#0d9488}
html:not([data-theme=dark]) .side .theme-btn{color:var(--ink)}
.hero,.nf-hero{background:linear-gradient(120deg,#d9f3ee 0%,#e4f1fb 55%,#fdf0d9 100%)!important;color:var(--ink)!important}
.hero::after{background:repeating-linear-gradient(115deg,transparent 0 46px,rgba(13,148,136,.08) 46px 48px)}
.nf-hero h2,.nf-hero p,.nf-hero small,.hero h1,.hero h2,.hero p{color:var(--ink)!important}
.hm-next{background:#e6f6f4!important;color:var(--ink)!important}.hm-next *{color:var(--ink)}.hm-next em{color:#0f766e!important}
.hm-tiles .hm-tile:nth-child(1){background:#e6f6f4;border-color:#c9ece7}.hm-tiles .hm-tile:nth-child(2){background:#eaf3fd;border-color:#d0e3f7}
.hm-tiles .hm-tile:nth-child(3){background:#fff4dc;border-color:#f6e2b3}.hm-tiles .hm-tile:nth-child(4){background:#eef7ea;border-color:#d6ebcc}
.hm-quick a:nth-child(odd){background:#e6f6f4}.hm-quick a:nth-child(even){background:#eaf3fd}
body{background:#fbfefd}.card,.nf-card,.hm-tile{background:#fff}
/* Logo clicável + movimento 3D */
a.brand{text-decoration:none;color:inherit;cursor:pointer;transition:transform .2s}a.brand:hover{transform:translateY(-1px)}a.brand:focus-visible{outline:2px solid #0d9488;outline-offset:3px;border-radius:12px}
.hero3d{flex:0 0 auto;pointer-events:none}.hero3d canvas{display:block;width:100%!important;height:100%!important}
@media(max-width:860px){.hero3d{width:170px!important;height:96px!important}}
@media(prefers-reduced-motion:no-preference){
.hm-tile,.hm-quick a,.nf-card,.card.link{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
.hm-tile:hover,.hm-quick a:hover,.nf-card:hover,.card.link:hover{transform:perspective(800px) rotateX(3deg) translateY(-4px)}
.main>*{animation:rise3 .5s cubic-bezier(.2,.8,.2,1) both}.main>*:nth-child(2){animation-delay:.05s}.main>*:nth-child(3){animation-delay:.1s}.main>*:nth-child(4){animation-delay:.15s}
@keyframes rise3{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.badge,.theme-btn{transition:transform .15s}.badge:hover{transform:scale(1.05)}
button:not(.ghost):active{transform:scale(.97)}
}
.card,.hm-tile,.nf-card{box-shadow:0 1px 0 rgba(15,42,61,.03)}
/* === Navegação por categorias (atleta) === */
.nav-grp{display:flex;flex-direction:column;gap:2px;margin-top:10px}
.nav-gh{display:flex;align-items:center;gap:8px;padding:6px 12px 4px;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#7b8c96}
.nav-gh i{width:8px;height:8px;border-radius:50%;background:var(--gc)}
.nav-grp a.on{border-left-color:var(--gc)!important}.nav-grp a.on svg{color:var(--gc)!important}
.sheet-groups{display:flex;flex-direction:column;gap:12px;margin-bottom:14px;max-height:62vh;overflow:auto}
.sheet-groups h4{margin:0 0 6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gc)}
.sheet-groups .sheet-grid a{background:color-mix(in srgb,var(--gc) 10%,#fff);min-height:76px;justify-content:center}
.sheet-groups .sheet-grid a b{font-size:24px;line-height:1}.sheet-groups .sheet-grid a.on{outline:2px solid var(--gc)}
.sheet-home{display:block;padding:14px;border-radius:16px;background:#e6f6f4;font-weight:800;text-align:center;text-decoration:none;color:#0f766e}
.hm-cats{display:flex;flex-direction:column;gap:18px}
.hm-cat h3{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--gc)}
.hm-cat h3 i{width:10px;height:10px;border-radius:50%;background:var(--gc)}
.hm-bt{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:760px){.hm-bt{grid-template-columns:repeat(4,1fr)}}
.hm-bt a{display:flex;flex-direction:column;gap:2px;min-height:96px;padding:14px;border-radius:20px;text-decoration:none;color:var(--ink);background:color-mix(in srgb,var(--gc) 10%,#fff);border:1px solid color-mix(in srgb,var(--gc) 22%,#fff);transition:transform .18s}
.hm-bt a b{font-size:26px;line-height:1.1}.hm-bt a span{font-weight:800;font-size:15.5px}.hm-bt a small{color:var(--muted);font-size:12.5px}
.hm-bt a:active{transform:scale(.97)}
.hm-acct{display:block;text-align:center;padding:14px;border-radius:16px;border:1px dashed var(--line);color:var(--muted);text-decoration:none;font-weight:700}
html[data-theme=dark] .hm-bt a,html[data-theme=dark] .sheet-groups .sheet-grid a{background:color-mix(in srgb,var(--gc) 18%,#14171c)!important;color:#eceef1!important}
html[data-theme=dark] .hm-bt a small{color:#9aa3ad}