/* SBL HUB — camada visual extra */
:root{--fonte-titulo:"Oswald",Impact,"Arial Narrow Bold",system-ui,sans-serif;--fonte-corpo:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
h1,h2,h3,.marca{font-weight:700}
.artigo-titulo:focus-visible,.conteudo-rico h2:focus-visible,.conteudo-rico h3:focus-visible,.conteudo:focus-visible{outline:none;box-shadow:none}
#progresso{position:fixed;top:0;left:0;height:3px;width:0;z-index:300;background:linear-gradient(90deg,var(--destaque),var(--destaque-hover));box-shadow:0 0 10px var(--destaque);transition:width 80ms linear}
@keyframes subir{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.home-cabecalho,.indice-grupo,.artigo-cabecalho,.conteudo-rico>*{animation:subir .5s ease both}
.indice-grupo:nth-child(2n){animation-delay:.06s}.indice-grupo:nth-child(3n){animation-delay:.12s}
/* Home / hero */
.home{max-width:1180px}
.home-cabecalho{position:relative;max-width:none;overflow:hidden;padding:clamp(28px,5vw,56px) clamp(20px,4vw,48px);margin-bottom:44px;border:1px solid var(--borda);background:radial-gradient(ellipse 70% 120% at 100% 0%,rgba(179,18,31,.26),transparent 60%),linear-gradient(135deg,#0e0e0e,#050505)}
.home-cabecalho::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(115deg,transparent 0 38px,rgba(255,255,255,.03) 38px 40px)}
.home-cabecalho>*{position:relative;z-index:1}
.home-titulo{text-shadow:0 0 40px rgba(179,18,31,.45)}
.hero-acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.btn{display:inline-block;padding:13px 22px;color:var(--texto);border:1px solid #3a3a3a;font-family:var(--fonte-titulo);font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s,background-color .15s}
.btn:hover{transform:translateY(-2px);border-color:var(--destaque-hover);box-shadow:var(--brilho)}
.btn-primario{background:var(--destaque);border-color:var(--destaque);color:#fff}
.btn-primario:hover{background:var(--destaque-hover)}
.hero-stats{display:flex;flex-wrap:wrap;gap:20px clamp(24px,5vw,56px);margin-top:34px;padding-top:22px;border-top:1px solid var(--borda)}
.hero-stat strong{display:block;font-family:var(--fonte-titulo);font-size:clamp(1.9rem,4vw,2.7rem);line-height:1;color:#fff}
.hero-stat span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--texto-2)}
.inicio-html{max-width:none}
.indice{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px;counter-reset:mod}
.indice-titulo{grid-column:1/-1}
.indice-grupo{counter-increment:mod;margin:0!important;padding:22px 18px 12px!important;background:var(--superficie);border:1px solid var(--borda)!important;transition:transform .2s,border-color .2s,box-shadow .2s}
.indice-grupo:hover{transform:translateY(-3px);border-color:var(--destaque)!important;box-shadow:var(--brilho)}
.indice-categoria{display:flex;align-items:baseline;gap:12px;margin-bottom:10px!important;color:var(--texto)!important;font-size:15px!important}
.indice-categoria::before{content:counter(mod,decimal-leading-zero);color:var(--destaque);font-size:2.1rem;line-height:1}
.indice-link{padding:10px 8px}
.indice-link-resumo{display:none}
.indice-link-titulo{font-size:15px}
/* Artigo */
.artigo-resumo{padding:16px 20px;color:var(--texto);background:var(--superficie);border:1px solid var(--borda);border-left:3px solid var(--destaque)}
.artigo-resumo::before{content:"Em resumo";display:block;margin-bottom:4px;color:var(--destaque-hover);font-family:var(--fonte-titulo);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.artigo-categoria .tempo{color:var(--texto-2);letter-spacing:.1em}
.callout.aviso::before{content:"⚠ Atenção";display:block;margin-bottom:6px;color:var(--destaque-hover);font-family:var(--fonte-titulo);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.conteudo-rico tbody tr:hover{background:rgba(179,18,31,.09)}
.menu-link.lido::after{content:"✓";float:right;color:var(--destaque);font-size:12px}
/* Tier list visual */
.conteudo-rico ul:has(>li>.tier){padding-left:0;list-style:none}
.conteudo-rico li:has(>.tier){margin:0 0 10px;padding:14px 16px;background:var(--superficie);border:1px solid var(--borda);border-left:4px solid var(--borda);transition:transform .15s,border-color .15s}
.conteudo-rico li:has(>.tier):hover{transform:translateX(4px);border-color:#3a3a3a}
.conteudo-rico li:has(>.tier-s){border-left-color:var(--destaque);background:linear-gradient(90deg,rgba(179,18,31,.16),var(--superficie) 65%)}
.conteudo-rico li:has(>.tier-a){border-left-color:#c9871c}
.conteudo-rico li:has(>.tier-b){border-left-color:#8a8a8a}
.conteudo-rico li:has(>.tier-d){border-left-color:#444}
.conteudo-rico li:has(>.tier-f){border-left-color:#2a2a2a;opacity:.72}
.conteudo-rico .tier{margin-right:8px;padding:3px 9px;font-size:11px}
.tier-a{color:#e0a030;border-color:#c9871c}
@media(max-width:720px){.indice{grid-template-columns:1fr}}

/* Logo */
.marca::before{display:none}
.marca{gap:12px}
.marca-logo{width:38px;height:38px;filter:drop-shadow(0 0 10px rgba(224,27,44,.45));transition:transform .25s,filter .25s}
.marca:hover .marca-logo{transform:rotate(-6deg) scale(1.06);filter:drop-shadow(0 0 14px rgba(224,27,44,.8))}
.marca-txt{display:flex;flex-direction:column;font-size:25px;line-height:.9;letter-spacing:.1em}
.marca-txt em{margin-top:4px;color:var(--destaque-hover);font-style:normal;font-size:9.5px;letter-spacing:.62em}
/* Montador de treino */
.mt-barra,.mt-add{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0}
.mt-barra .btn,.mt-add .btn{padding:9px 14px;font-size:13px;background:transparent;cursor:pointer}
.mt-barra .btn-primario{background:var(--destaque)}
.mt-nome,.mt-dia-nome,.mt-add select,.mt-add input,.mt-tab input{color:var(--texto);background:var(--superficie);border:1px solid var(--borda);padding:8px 10px;font:inherit;font-size:14px}
.mt-nome{flex:1 1 240px;font-size:16px}
.mt-nome:focus,.mt-dia-nome:focus,.mt-add select:focus,.mt-add input:focus,.mt-tab input:focus{outline:none;border-color:var(--destaque)}
.mt-dia{margin:28px 0;padding:16px;border:1px solid var(--borda);background:#080808}
.mt-dia-topo{display:flex;gap:10px;margin-bottom:12px}
.mt-dia-nome{flex:1;font-family:var(--fonte-titulo);font-size:20px;letter-spacing:.06em;text-transform:uppercase}
.mt-x{width:32px;height:32px;color:var(--texto-2);background:transparent;border:1px solid var(--borda);cursor:pointer}
.mt-x:hover{color:#fff;border-color:var(--destaque)}
.mt-tab{min-width:680px}
.mt-tab input{width:100%;min-width:56px;padding:6px 8px}
.mt-ex{min-width:200px;font-weight:600}
.mt-acoes{white-space:nowrap}
.mt-vazio{color:var(--texto-2)}
.mt-sem{display:none}
.mt-add select{max-width:100%;min-width:150px}
.mt-add input{flex:1 1 180px}
@media print{
  @page{size:A4 landscape;margin:12mm}
  .topo,.menu-lateral,.menu-fundo,.rodape,.paginacao,.toc,.artigo-categoria,.artigo-resumo,.mt-intro,.mt-barra .btn,.mt-add,.mt-x,.mt-acoes,#progresso,.pular-para-conteudo{display:none!important}
  body,html{background:#fff!important;color:#000!important}
  *{color:#000!important;box-shadow:none!important;animation:none!important}
  .estrutura{display:block}.conteudo{padding:0}
  .artigo-titulo{font-size:22px;margin:0 0 8px}.artigo-cabecalho{margin:0;padding:0;border:0}
  .mt-dia{border:0;padding:0;background:#fff;page-break-inside:avoid}
  .mt-nome,.mt-dia-nome,.mt-tab input{border:0;background:transparent;padding:2px 0}
  .mt-tab{min-width:0;width:100%}
  .mt-tab th,.mt-tab td{border:1px solid #000!important;background:#fff!important;padding:6px}
  .mt-sem{display:table-cell;min-width:70px}
}
/* Calculadoras e dieta */
.ct-box{margin:26px 0;padding:20px;border:1px solid var(--borda);background:#080808}
.ct-box h2{margin-top:0}
.ct-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin:14px 0}
.ct-sem{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}
.ct-c{display:flex;flex-direction:column;gap:4px;color:var(--texto-2);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.ct-c input,.ct-c select{color:var(--texto);background:var(--superficie);border:1px solid var(--borda);padding:8px 10px;font:inherit;font-size:14px;letter-spacing:0;text-transform:none}
.ct-c input:focus,.ct-c select:focus{outline:none;border-color:var(--destaque)}
.ct-res{margin-top:12px;padding:14px 16px;border-left:3px solid var(--destaque);background:var(--superficie)}
.ct-res p{margin:0 0 6px}
.dt-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:14px}
.dt-card{padding:16px;border:1px solid var(--borda);background:var(--superficie);display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--texto-2)}
.dt-card b{font-family:var(--fonte-titulo);font-size:2rem;line-height:1;color:#fff}
.dt-card b small{font-family:var(--fonte-corpo);font-size:12px;font-weight:400;color:var(--texto-2)}
.dt-card em{font-style:normal;font-size:12px}
.dt-dot{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%!important}
.dt-chart{display:flex;flex-wrap:wrap;gap:28px;align-items:center;margin-top:14px;padding:22px;border:1px solid var(--borda);background:var(--superficie)}
.dt-barras{flex:1 1 260px}.dt-barras h3{margin:0 0 4px}
.dt-b{margin:14px 0}.dt-top{display:flex;justify-content:space-between;margin-bottom:6px;font-size:14px}
.dt-trilho{height:6px;background:#1a1a1a}.dt-fill{height:100%}
.dt-cust{margin-top:12px}.dt-cust summary{cursor:pointer;color:var(--texto-2);font-size:13px}
.dt-cust .btn{padding:9px 14px;font-size:13px;background:transparent;cursor:pointer}
@media print{.ct-box,.dt-chart{break-inside:avoid}}