
/* V96: tipografia global, alineacion de WCoin y pulido de Mi Cuenta */
:root{
  --font-ui96: Inter, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display96: Inter, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
html, body, button, input, select, textarea {
  font-family: var(--font-ui96) !important;
  letter-spacing: 0 !important;
}
body {
  font-feature-settings: "cv02" 1, "cv03" 1, "cv04" 1, "cv11" 1;
}
h1, h2, h3, h4, h5, h6,
.brand, .header83 .brand,
.account95-title h1, .account95-heading h2,
.home88 .hero-copy h1, .ranking94-hero h1,
.podium-card89 h2, .editorial-card h3, .account95-best strong {
  font-family: var(--font-display96) !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
}
p, li, a, small, dt, dd, td, th, label, span, b, strong {
  font-family: var(--font-ui96);
}
.header83 .brand b { letter-spacing: .01em; }
.header83 .brand small, .eyebrow,
.account95-kpis small, .account95-panel-title b,
.home94-quick span, .ranking94-sidehead .eyebrow,
.ranking94-mainhead .eyebrow {
  text-transform: uppercase;
  letter-spacing: .16em !important;
}
.header86-tools{gap:14px;align-items:center}
.wallet86{
  display:flex;align-items:center;gap:12px;
  min-height:58px;padding:10px 14px 10px 12px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(20,29,46,.78),rgba(13,20,35,.92));
  border:1px solid rgba(255,255,255,.08);
}
.wallet86 .wc-logo89{
  width:36px;height:36px;display:block;flex:0 0 36px;
  padding:7px;border-radius:999px;
  background:linear-gradient(180deg,rgba(229,193,117,.18),rgba(229,193,117,.05));
  border:1px solid rgba(229,193,117,.28);
}
.wallet86 > span{display:flex;flex-direction:column;justify-content:center;line-height:1.12}
.wallet86 strong{font-size:15px;color:#fee6a9}
.wallet86 small{margin-top:4px;color:#d2dbea;font-size:11px}
.profile86-link{min-height:58px;padding-inline:16px;border-radius:18px}
.account95-title h1{font-size:clamp(2.8rem,4vw,4.4rem);line-height:.95}
.account95-title p{font-size:1.08rem;color:#bdcbdd}
.account95-wallet{
  display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;
  padding:16px 18px;border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
  border:1px solid rgba(229,193,117,.14);
}
.account95-wallet .gem86{
  width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:16px;font-size:22px;color:#f6dd9b;
  background:linear-gradient(180deg,rgba(229,193,117,.22),rgba(229,193,117,.06));
  border:1px solid rgba(229,193,117,.25);
}
.account95-wallet div{min-width:0}
.account95-wallet strong{
  display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;
  font-size:22px;line-height:1.1;color:#fee5a2
}
.account95-wallet strong small{font-size:13px;color:#f2c767;text-transform:none;letter-spacing:0}
.account95-wallet span{display:block;margin-top:6px;color:#9fb0c8;font-size:12px}
.account95-nav{gap:8px}
.account95-nav a{
  display:flex;align-items:center;gap:12px;min-height:48px;padding:0 14px;
  font-size:13px;font-weight:700;line-height:1.2;border-radius:14px;
}
.account95-nav a span{
  width:22px;flex:0 0 22px;display:inline-flex;align-items:center;justify-content:center;
  color:#efd69a;font-size:13px
}
.account95-nav a:hover{transform:translateX(2px)}
.account95-admin{margin-top:10px}
.account95-best strong{font-size:2rem;display:block;margin:8px 0 6px;color:#f4d89c}
.account95-heading h2{font-size:clamp(2.3rem,3.6vw,3.4rem)}
.account95-character{
  background:linear-gradient(180deg,rgba(8,16,30,.95),rgba(7,13,24,.98));
  box-shadow:0 18px 46px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.02);
}
.account95-open{font-size:12px;font-weight:800;letter-spacing:.01em}
.account95-kpis strong{font-size:24px}
.account95-panel-title span{font-size:1.18rem}
.account95-panel dl, .account95-meta, .account95-hint, .account95-panel dt, .account95-panel dd{font-size:12px}
.account95-stats strong{font-size:18px}
.account95-actions > a, .account95-actions button{font-size:12px}
.account95-primary{font-weight:800}
/* Tabla visual reutilizable por si luego agregamos el contenido de fuentes de poder */
.guide96-table-wrap{
  margin:26px 0;overflow:auto;border-radius:24px;border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(12,22,38,.92),rgba(9,16,29,.94));
  box-shadow:0 18px 44px rgba(0,0,0,.24)
}
.guide96-table{width:100%;border-collapse:collapse;min-width:820px}
.guide96-table th,.guide96-table td{padding:18px 18px;vertical-align:top;border-bottom:1px solid rgba(255,255,255,.07)}
.guide96-table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:#f0d79c;background:rgba(255,255,255,.03)}
.guide96-table tbody td:first-child{font-weight:800;color:#eef4ff;width:28%}
.guide96-table tbody td{font-size:14px;line-height:1.7;color:#cad6e5}
.guide96-table tbody tr:last-child td{border-bottom:0}
.guide96-chip{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(229,193,117,.12);border:1px solid rgba(229,193,117,.22);color:#ffe1a0;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
@media (max-width: 900px){
  .wallet86{padding:8px 10px;min-height:52px}
  .wallet86 strong{font-size:14px}
  .profile86-link{min-height:52px}
}
@media (max-width: 620px){
  .account95-wallet strong{font-size:18px}
  .account95-nav a{min-height:44px}
  .account95-heading h2{font-size:2rem}
}
