/* ============================================================
   MinerOS Hub — Autoridad y credibilidad (Home)
   Aditivo. Reutiliza tokens y vocabulario visual existentes.
   1) .auth-strip  — banda de métricas de credibilidad (bajo el hero)
   2) .jrbio       — sección "Conoce a JrBTC97" (autoridad personal)
   ============================================================ */

/* ---------- 1. BANDA DE CREDIBILIDAD ---------- */
#authority{padding:clamp(46px,7vh,88px) 0}
.auth-metrics{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px;
}
.auth-metric{
  position:relative;background:var(--card);border:1px solid var(--border);
  border-radius:18px;padding:30px 24px;overflow:hidden;
  transition:transform .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);
}
.auth-metric::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 90% at 50% -20%, var(--gold-glow), transparent 62%);
  opacity:0;transition:opacity .35s var(--ease);
}
.auth-metric:hover{
  transform:translateY(-4px);border-color:var(--border-gold);
  box-shadow:0 26px 54px -30px #000, 0 0 0 1px var(--gold-glow);
}
.auth-metric:hover::before{opacity:1}
.am-num{
  font-family:var(--mono);font-weight:700;line-height:1;
  font-size:clamp(2.6rem,4.2vw,3.4rem);color:var(--gold);
  letter-spacing:-.01em;display:flex;align-items:baseline;gap:2px;
}
.am-num .am-suf{color:var(--gold-2)}
.am-label{
  margin-top:12px;color:var(--text);font-family:var(--display);
  font-size:1.02rem;font-weight:600;line-height:1.3;
}
.am-sub{margin-top:5px;color:var(--text-muted);font-size:.82rem;font-family:var(--mono);letter-spacing:.02em}
/* tarjeta "Bitcoin Only" */
.auth-metric.am-btc .am-num{color:var(--gold);font-size:clamp(2.2rem,3.4vw,2.7rem)}
.auth-metric.am-btc{border-color:var(--border-gold)}
.am-btc-mark{font-family:var(--display);font-weight:700}

@media(max-width:1024px){ .auth-metrics{grid-template-columns:repeat(2,1fr);gap:14px} }
@media(max-width:600px){
  .auth-metrics{grid-template-columns:1fr;gap:12px;margin-top:26px}
  .auth-metric{padding:26px 22px}
}

/* ---------- 2. CONOCE A JRBTC97 ---------- */
#jrbtc{padding:clamp(52px,8vh,100px) 0}
.jrbio{
  display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:clamp(30px,4vw,56px);
  align-items:start;
}
.jr-photo{
  position:relative;border-radius:22px;overflow:hidden;
  border:1px solid var(--border-gold);
  background:#0a0a0c;box-shadow:0 30px 70px -34px #000;
  aspect-ratio:4/5;
}
.jr-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block}
.jr-photo::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 52%, rgba(5,6,10,.72) 100%);
}
.jr-photo-tag{
  position:absolute;left:16px;bottom:16px;z-index:2;display:flex;align-items:center;gap:9px;
  font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;color:#f5f3ee;
  background:rgba(10,10,11,.6);border:1px solid var(--border-gold);
  padding:7px 13px;border-radius:999px;backdrop-filter:blur(8px);
}
.jr-photo-tag .pulse{width:7px;height:7px}

.jr-content .eyebrow{color:var(--gold-2)}
.jr-content h2{
  font-family:var(--display);font-size:clamp(1.9rem,3.6vw,2.7rem);
  font-weight:600;letter-spacing:-.01em;margin:6px 0 8px;
}
.jr-content .jr-lead{
  color:var(--text-2);font-size:1.08rem;line-height:1.55;max-width:60ch;margin-bottom:6px;
}
.jr-content .jr-lead b{color:var(--text)}
.jr-body{margin-top:16px;display:flex;flex-direction:column;gap:13px}
.jr-body p{color:var(--text-2);font-size:.97rem;line-height:1.68;max-width:64ch}
.jr-body p .gold{color:var(--gold-2);font-weight:600}

/* métricas personales (mini) */
.jr-stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0 4px;
}
.jr-stat{
  background:var(--bg-2);border:1px solid var(--border);border-radius:13px;
  padding:16px 14px;transition:border-color .25s var(--ease), transform .25s var(--ease);
}
.jr-stat:hover{border-color:var(--border-gold);transform:translateY(-2px)}
.jr-stat b{
  display:block;font-family:var(--mono);font-weight:700;color:var(--gold);
  font-size:clamp(1.4rem,2.2vw,1.7rem);line-height:1;white-space:nowrap;
}
.jr-stat b .am-suf{color:var(--gold-2)}
.jr-stat span{
  display:block;margin-top:7px;font-size:.76rem;color:var(--text-muted);
  font-family:var(--mono);letter-spacing:.02em;line-height:1.35;
}

/* franja Bitcoin Only */
.jr-only{
  display:inline-flex;align-items:center;gap:10px;margin-top:20px;
  font-family:var(--mono);font-size:.82rem;letter-spacing:.06em;color:var(--gold);
  background:rgba(231,189,90,.06);border:1px solid var(--border-gold);
  padding:9px 16px;border-radius:999px;
}
.jr-only b{color:var(--text);font-weight:700}

.jr-content .socials{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.jr-content .socials a{
  font-size:.82rem;border:1px solid var(--border);border-radius:999px;
  padding:7px 15px;color:var(--text-2);transition:.2s;font-family:var(--mono);letter-spacing:.02em;
}
.jr-content .socials a:hover{border-color:var(--gold);color:var(--gold)}
.jr-content .socials a.jr-primary{
  background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#1a1407;
  border-color:transparent;font-weight:700;
}
.jr-content .socials a.jr-primary:hover{transform:translateY(-2px);color:#1a1407}

@media(max-width:920px){
  .jrbio{grid-template-columns:1fr;gap:30px}
  .jr-photo{max-width:440px;aspect-ratio:4/5}
}
@media(max-width:600px){
  .jr-stats{grid-template-columns:repeat(2,1fr);gap:10px}
}
@media(max-width:380px){
  .jr-stats{grid-template-columns:1fr}
}