/* Cliente: formato visual inspirado en Recargas Juego */
body{
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

body .tbLogo{
  font-size:24px !important;
  line-height:1.05 !important;
  font-weight:950 !important;
  letter-spacing:.03em !important;
  margin-bottom:26px !important;
}
body .tbLogo span{
  font-size:19px !important;
  color:#61d6ff !important;
  letter-spacing:.04em !important;
}
body .tbGroup{
  font-size:12.5px !important;
  font-weight:950 !important;
  letter-spacing:.04em !important;
  color:#9fb2cc !important;
  margin:20px 0 9px !important;
}
body .tbNav{
  gap:9px !important;
}
body .tbNav button{
  min-height:48px !important;
  padding:12px 14px !important;
  border-radius:8px !important;
  font-size:15px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
  letter-spacing:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}
body .tbNav button .tbIcon,
body .tbNav button span:first-child,
body .tbNav button svg{
  flex:0 0 auto !important;
}
body .tbNav button:hover,
body .tbNav button.active{
  transform:translateY(-1px) !important;
}

body .tbTopbar{
  min-height:92px !important;
  padding:22px 24px !important;
}
body .tbTopTitle{
  font-size:clamp(30px,3.5vw,46px) !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.02em !important;
}
body .tbTopSub{
  font-size:15px !important;
  line-height:1.35 !important;
  color:#c4d3e8 !important;
}
body .tbSectionTitle{
  font-size:12.5px !important;
  font-weight:950 !important;
  letter-spacing:.08em !important;
}
body .card h3{
  font-size:24px !important;
  line-height:1.1 !important;
  font-weight:950 !important;
  margin-bottom:10px !important;
}
body .small{
  font-size:14px !important;
  line-height:1.48 !important;
}
body .quickGrid{
  gap:14px !important;
}
body .quickBtn,
body .menuBtn{
  min-height:132px !important;
  padding:18px !important;
  border-radius:10px !important;
  display:grid !important;
  grid-template-columns:40px 1fr !important;
  align-items:start !important;
  column-gap:14px !important;
  row-gap:6px !important;
}
body .quickBtn .tbCardIcon,
body .quickBtn .tbQuickIcon,
body .quickBtn > svg,
body .quickBtn > .icon,
body .menuBtn .tbCardIcon,
body .menuBtn .tbQuickIcon,
body .menuBtn > svg,
body .menuBtn > .icon{
  width:40px !important;
  height:40px !important;
}
body .quickBtn b,
body .quickBtn .menuTitle,
body .menuBtn b,
body .menuBtn .menuTitle{
  font-size:18px !important;
  line-height:1.18 !important;
  font-weight:950 !important;
  margin:0 0 6px !important;
}
body .quickBtn .small,
body .menuBtn .small{
  font-size:13.5px !important;
  line-height:1.42 !important;
}
body .clienteAlertTitle,
body .accountStat b,
body .detalleTitulo,
body .entregaTitle{
  font-size:16px !important;
  font-weight:950 !important;
}
body .clienteAlertText,
body .accountStat span{
  font-size:13.5px !important;
  line-height:1.45 !important;
}
body button,
body .btnBlue,
body .btnGreen,
body .btnGray,
body .btnRed{
  font-size:15px !important;
  font-weight:900 !important;
  min-height:44px !important;
}

@media(max-width:1280px){
  body .tbNav button{
    font-size:14.5px !important;
    padding:11px 12px !important;
  }
  body .quickBtn,
  body .menuBtn{
    min-height:126px !important;
  }
}

@media(max-width:980px){
  body .tbTopbar{
    padding:18px !important;
  }
  body .tbTopTitle{
    font-size:clamp(28px,8vw,38px) !important;
  }
  body .quickBtn,
  body .menuBtn{
    min-height:112px !important;
  }
}

@media(max-width:560px){
  body .card h3{
    font-size:22px !important;
  }
  body .quickBtn,
  body .menuBtn{
    grid-template-columns:38px 1fr !important;
    padding:16px !important;
  }
  body .quickBtn b,
  body .quickBtn .menuTitle,
  body .menuBtn b,
  body .menuBtn .menuTitle{
    font-size:17px !important;
  }
}