/* Portada alineada al estilo limpio de Recargas Juego */
:root{
  --home-text:#f8fbff;
  --home-muted:#b7c7dc;
  --home-line:rgba(190,212,255,.18);
  --home-panel:rgba(12,25,43,.72);
  --home-blue:#3f73f6;
  --home-green:#18b978;
}
body{
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body .tbTopbar{
  padding:14px clamp(14px,2.2vw,22px) !important;
  background:rgba(12,25,43,.84) !important;
  border-bottom:1px solid var(--home-line) !important;
  box-shadow:0 10px 28px rgba(2,8,23,.18) !important;
}
body .tbBrandName{
  font-size:21px !important;
  font-weight:850 !important;
  letter-spacing:-.01em !important;
}
body .tbBrandSub{
  font-size:10.5px !important;
  letter-spacing:.16em !important;
  font-weight:800 !important;
  color:#9fb2cc !important;
}
body .tbNav{
  gap:8px !important;
}
body .tbNav a{
  font-size:13px !important;
  font-weight:800 !important;
  padding:9px 12px !important;
  border-radius:10px !important;
  color:#dce8f8 !important;
}
body .tbNav a:hover{
  background:rgba(255,255,255,.08) !important;
}
body .tbBtn{
  min-height:42px !important;
  padding:11px 16px !important;
  border-radius:8px !important;
  font-size:14px !important;
  font-weight:850 !important;
  letter-spacing:0 !important;
  box-shadow:0 10px 24px rgba(2,8,23,.14) !important;
}
body .tbBtn:hover{
  transform:translateY(-1px) !important;
  filter:none !important;
}
body .tbBtnPrimary{
  background:linear-gradient(135deg,var(--home-blue),#5a7bff) !important;
  box-shadow:0 12px 24px rgba(63,115,246,.22) !important;
}
body .tbBtnGreen{
  background:linear-gradient(135deg,#13a667,var(--home-green)) !important;
  box-shadow:0 12px 24px rgba(24,185,120,.18) !important;
}
body .tbBtnDark{
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(190,212,255,.20) !important;
  color:#eaf3ff !important;
}
body .tbHero{
  align-items:center !important;
  padding-top:clamp(42px,6vw,82px) !important;
}
body .tbKicker{
  font-size:12px !important;
  font-weight:800 !important;
  padding:8px 12px !important;
  color:#daf7ff !important;
  background:rgba(34,199,255,.09) !important;
}
body .tbHero h1{
  max-width:720px !important;
  margin:20px 0 16px !important;
  font-size:clamp(38px,5.3vw,68px) !important;
  line-height:1.02 !important;
  font-weight:850 !important;
  letter-spacing:-.02em !important;
}
body .tbLead{
  max-width:620px !important;
  color:var(--home-muted) !important;
  font-size:clamp(15px,1.25vw,18px) !important;
  line-height:1.55 !important;
}
body .tbHeroActions{
  margin-top:24px !important;
  gap:10px !important;
}
body .tbHeroVisual{
  border-radius:16px !important;
  border-color:rgba(190,212,255,.20) !important;
  background:rgba(8,17,31,.42) !important;
  box-shadow:0 22px 52px rgba(2,8,23,.30) !important;
}
body .tbHeroVisualBadge{
  border-radius:12px !important;
  font-weight:850 !important;
  letter-spacing:0 !important;
  font-size:clamp(15px,1.35vw,19px) !important;
}
body .tbSectionTitle h2{
  font-size:clamp(25px,2.5vw,34px) !important;
  font-weight:850 !important;
  letter-spacing:-.01em !important;
}
body .tbSectionTitle p{
  color:var(--home-muted) !important;
  line-height:1.45 !important;
}
body .tbFeature{
  min-height:166px !important;
  border-radius:12px !important;
  background:rgba(12,25,43,.74) !important;
  border-color:rgba(190,212,255,.16) !important;
  box-shadow:0 14px 34px rgba(2,8,23,.18) !important;
}
body .tbFeature h3{
  font-size:17px !important;
  font-weight:850 !important;
  letter-spacing:0 !important;
}
body .tbFeature p{
  font-size:13.5px !important;
  line-height:1.48 !important;
  color:#aebfd8 !important;
}
body .tbMiniStatus{
  font-size:11px !important;
  font-weight:800 !important;
}

@media(max-width:760px){
  body .tbTopbar{
    gap:12px !important;
  }
  body .tbActions{
    width:100% !important;
  }
  body .tbActions .tbBtn{
    flex:1 1 0 !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }
  body .tbHero{
    padding-top:30px !important;
  }
  body .tbHero h1{
    font-size:clamp(33px,10vw,46px) !important;
  }
}