/* JuntaPlay · header público e seletor dual de tema. Carregar no <head> após style/header. */
html[data-theme=dark] body{--ink:#e9f5fa;--muted:#a4b9c5;--line:#294759;--paper:#0d3046;--bg:#082638;--mint:#124b4b;--teal:#61ded3;--coral-bg:#4a343c;--shadow:0 12px 32px #00000015;color-scheme:dark;background:#082638;color:#e9f5fa}
html[data-theme=dark] .header--v2{background:#042940;border-bottom-color:#294759;color:#fff}
html[data-theme=dark] .header--v2 .brand{background:#fff;padding:8px 12px}
html[data-theme=dark] .header--v2 .brand img{width:144px;filter:none!important}
html[data-theme=dark] .header--v2 .nav-main a.nav-item{color:#fff}
html[data-theme=dark] .header--v2 .nav-item small{color:#b6d4dc}
html[data-theme=dark] .header--v2 .nav-login{color:#61ded3}
html[data-theme=dark] .theme-switch__track{background:#12384a;border-color:#365b6c}
html[data-theme=dark] .theme-switch__side{color:#e9f5fa}
html[data-theme=dark] .theme-switch__thumb{background:#f5fbfa;color:#042940;transform:translateX(0)}
html[data-theme=dark] .theme-switch__thumb-moon{display:block}html[data-theme=dark] .theme-switch__thumb-sun{display:none}
.header--v2{position:sticky;top:0;z-index:30;overflow:visible;background:#fff;border-bottom:1px solid #deebee;color:#042940}
.header--v2 .nav-wrap{position:relative;min-height:76px;align-items:center}
/* Espaços calibrados para logo + 5 itens com descrição + tema + Entrar + Criar conta caberem na largura máxima (1220px). */
.header--v2 .brand{position:relative;z-index:1;margin-right:24px;padding:12px 0;background:transparent;border-radius:10px}
.header--v2 .brand img{display:block;width:168px;height:auto;filter:none!important}
.header--v2 .nav-main{display:flex;align-items:center;gap:22px;flex:0 1 auto;min-width:0}
.header--v2 .nav-main a.nav-item{position:relative;display:flex;flex-direction:column;gap:3px;min-width:0;padding:14px 0;color:#042940;text-decoration:none}
.header--v2 .nav-item b{font-size:16px;font-weight:700;line-height:1.15;letter-spacing:-.005em;white-space:nowrap;transition:color .18s ease}
/* Se a fonte do sistema for mais larga, a descrição secundária encurta antes de qualquer controle sair da tela. */
.header--v2 .nav-item small{font-size:12.5px;font-weight:500;line-height:1.2;color:#5f7180;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header--v2 .nav-item:hover b,.header--v2 .nav-item:focus-visible b,.header--v2 .nav-item[aria-current=page] b{color:#007f78}
.header--v2 .nav-main a.nav-item[aria-current=page]:after{content:'';position:absolute;left:0;bottom:3px;width:28px;height:3px;border-radius:2px;background:#00ccc0}
.header--v2 .nav-actions{margin-left:auto;display:flex;align-items:center;gap:12px;flex:none}
.header--v2 .nav-login{display:inline-flex;align-items:center;min-height:44px;padding:10px 4px;color:#007f78;font-size:16px;font-weight:700;white-space:nowrap;text-decoration:none}
.header--v2 .nav-login:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.header--v2 .nav-signup{display:inline-flex;align-items:center;justify-content:center;min-width:140px;min-height:48px;padding:0 18px;border-radius:12px;background:#00ccc0;color:#042940;font-size:16px;font-weight:750;white-space:nowrap;text-decoration:none;box-shadow:0 8px 18px #00ccc030;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.header--v2 .nav-signup:hover{background:#00b9ae;transform:translateY(-1px);box-shadow:0 12px 24px #00ccc040}
.header--v2 .nav-signup:focus-visible,.header--v2 .nav-login:focus-visible,.header--v2 .nav-item:focus-visible{outline:3px solid #00ccc066;outline-offset:3px;border-radius:8px}
.header--v2 .nav-mobile-actions{display:none}
.header--v2 .mobile-menu{display:none}

/* O controle mantém alvo mínimo de toque, mas a pílula interna permanece compacta. */
.header--v2 .theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:60px;min-width:60px;height:44px;min-height:44px;padding:0;border:0;border-radius:22px;background:transparent;color:#042940;box-shadow:none}
.theme-switch__track{position:relative;display:block;width:56px;height:30px;border:1px solid #d9e6e7;border-radius:999px;background:#edf3f3;overflow:hidden;transition:background .22s ease,border-color .22s ease}
.theme-switch__side{position:absolute;top:0;z-index:1;display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:#52656d;pointer-events:none}
.theme-switch__moon{left:0}.theme-switch__sun{right:0}
.theme-switch__glyph{display:block;width:16px;height:16px}
.theme-switch__thumb{position:absolute;top:2px;left:2px;z-index:2;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:#ff4858;color:#fff;transform:translateX(26px);transition:transform .25s cubic-bezier(.2,.8,.2,1),background .22s ease,color .22s ease}
.theme-switch__thumb-moon{display:none}.theme-switch__thumb-sun{display:block}
.header--v2 .theme-toggle:hover .theme-switch__track{border-color:#00ccc0}
.header--v2 .theme-toggle:focus-visible{outline:3px solid #ff4858;outline-offset:3px}
.header--v2 .theme-toggle:focus-visible .theme-switch__track{border-color:#ff4858}

/* Tema escuro: navy no header, links claros e marcador lua claro à esquerda. */
body[data-theme=dark] .header--v2{background:#042940;border-bottom-color:#294759;color:#fff}
body[data-theme=dark] .header--v2 .brand{background:#fff;padding:8px 12px}
body[data-theme=dark] .header--v2 .brand img{width:144px;filter:none!important}
body[data-theme=dark] .header--v2 .nav-main a.nav-item{color:#fff}
body[data-theme=dark] .header--v2 .nav-item small{color:#b6d4dc}
body[data-theme=dark] .header--v2 .nav-item:hover b,body[data-theme=dark] .header--v2 .nav-item:focus-visible b,body[data-theme=dark] .header--v2 .nav-item[aria-current=page] b{color:#61ded3}
body[data-theme=dark] .header--v2 .nav-login{color:#61ded3}
body[data-theme=dark] .theme-switch__track{background:#12384a;border-color:#365b6c}
body[data-theme=dark] .theme-switch__side{color:#e9f5fa}
body[data-theme=dark] .theme-switch__thumb{background:#f5fbfa;color:#042940;transform:translateX(0)}
body[data-theme=dark] .theme-switch__thumb-moon{display:block}.theme-switch__thumb-sun{display:block}
body[data-theme=dark] .theme-switch__thumb-sun{display:none}
body[data-theme=dark] .header--v2 .nav-main{background:#042940}

/* Notebooks (até 1320px, contando a barra de rolagem): mantém os 5 links, sem as descrições secundárias. */
@media (max-width:1320px){
  .header--v2 .nav-item small{display:none}
}
@media (max-width:1240px){
  .header--v2 .brand{margin-right:20px}.header--v2 .brand img{width:152px}
  .header--v2 .nav-main{gap:20px}.header--v2 .nav-actions{gap:12px}.header--v2 .nav-signup{min-width:0;padding:0 22px}
}
@media (max-width:1080px){
  .header--v2 .nav-item small{display:none}.header--v2 .nav-item b{font-size:15px}.header--v2 .nav-main{gap:24px}
}
@media (max-width:1040px){
  .header--v2 .nav-wrap{min-height:74px}.header--v2 .brand{margin-right:auto}
  .header--v2 .nav-main{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:6px 22px 20px;background:#fff;border-bottom:1px solid #deebee;box-shadow:0 18px 30px #0429401a}
  .header--v2 .nav-main.open{display:flex}.header--v2 .nav-main a.nav-item{padding:14px 2px;border-bottom:1px solid #deebee}
  .header--v2 .nav-item small{display:block;font-size:13px}.header--v2 .nav-item b{font-size:16px}.header--v2 .nav-main a.nav-item[aria-current=page]:after{display:none}
  .header--v2 .nav-mobile-actions{display:flex;gap:12px;padding-top:18px}.header--v2 .nav-mobile-actions>a{flex:1 1 0;min-height:48px;justify-content:center}
  .header--v2 .nav-login--block{border:1.5px solid #00ccc0;border-radius:12px}.header--v2 .nav-actions{gap:8px}
  .header--v2 .mobile-menu{display:inline-flex;width:44px;height:44px;min-width:44px;min-height:44px}
  body[data-theme=dark] .header--v2 .nav-main{background:#042940;border-bottom-color:#294759}
  body[data-theme=dark] .header--v2 .nav-main a.nav-item{border-bottom-color:#294759}
}
@media (max-width:560px){
  .header--v2 .nav-wrap{min-height:68px}.header--v2 .brand img{width:126px}
  .header--v2 .nav-actions>.nav-login{display:none}.header--v2 .nav-actions>.nav-signup{min-height:40px;padding:0 14px;font-size:13.5px;border-radius:10px;box-shadow:none}
  .header--v2 .theme-toggle{display:inline-flex!important;width:50px;min-width:50px}.header--v2 .theme-switch__track{width:48px;height:28px}.header--v2 .theme-switch__side{width:24px;height:26px}.header--v2 .theme-switch__thumb{width:24px;height:24px;transform:translateX(22px)}
  body[data-theme=dark] .header--v2 .theme-switch__thumb{transform:translateX(0)}
  body[data-theme=dark] .header--v2 .brand{padding:7px 9px}.header--v2 .mobile-menu{width:44px;height:44px}
}
@media (prefers-reduced-motion:reduce){.theme-switch__track,.theme-switch__thumb,.header--v2 .nav-item b,.header--v2 .nav-signup{transition:none!important}}

@media(max-width:420px){.header--v2 .nav-actions>.nav-signup{display:none}.header--v2 .nav-wrap{gap:8px}}