:root{
    color-scheme: dark;
    --bg:#0b0b0d; --panel:#161219; --panel2:#1d1720; --line:#2c2630;
    --ink:#ece7de; --muted:#9a938d; --dim:#6f6a67;
    --accent:#f7931a; --up:#35d488; --down:#ff5d5d;
    --mono:'IBM Plex Mono', ui-monospace, 'SF Mono', Consolas, monospace;
    --sans:'IBM Plex Sans', system-ui, -apple-system, sans-serif;
  }
  *{box-sizing:border-box}
  body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
  img{display:block;max-width:100%}
  .wrap{max-width:920px;margin:0 auto;padding:0 20px}
  a{color:var(--accent)} a:hover{color:#ffb04d}
  :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}

  .ticker{border-bottom:1px solid var(--line);background:var(--panel);overflow:hidden}
  .ticker-track{display:flex;width:max-content;animation:desfile 26s linear infinite}
  .ticker-track:hover{animation-play-state:paused}
  .ticker-group{display:flex}
  @keyframes desfile{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  @media(prefers-reduced-motion: reduce){.ticker-track{animation:none}}
  .tick{display:flex;align-items:baseline;gap:8px;font-family:var(--mono);font-size:12.5px;padding:9px 20px;border-right:1px solid var(--line);white-space:nowrap}
  .tick b{color:var(--ink);font-weight:600}
  .tick .up{color:var(--up)} .tick .down{color:var(--down)} .tick .flat{color:var(--dim)}

  .hero{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;border-bottom:1px solid var(--line)}
  .hero-img{position:relative;min-height:420px;background-size:cover;background-position:center 20%;background-image:url('/assets/hero.webp?v=nina-copper-6')}
  .hero-img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%, var(--bg) 100%)}
  .hero-text{padding:52px 36px 40px;display:flex;flex-direction:column;justify-content:center;gap:14px}
  .hero-id{display:flex;align-items:center;gap:10px}
  .hero-id img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid #f7931a55}
  .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0}
  .hero-text h1{font-family:var(--mono);font-size:clamp(34px,5vw,52px);line-height:.98;margin:0;font-weight:600;letter-spacing:-.01em}
  .quote{font-size:17px;color:var(--muted);font-style:italic;margin:0;max-width:32ch}
  .badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
  .badge{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}
  .badge.ai{color:var(--accent);border-color:#f7931a55}
  .badge.vivo{color:var(--up);border-color:#35d48855}
  @media(max-width:760px){
    .hero{grid-template-columns:1fr}
    .hero-img{min-height:280px}
    .hero-img::after{background:linear-gradient(0deg,var(--bg) 0%, transparent 35%)}
    .hero-text{padding:28px 20px 32px}
  }

  section{padding:52px 0}
  .section-head{display:flex;align-items:baseline;gap:12px;margin-bottom:28px}
  .section-head .n{font-family:var(--mono);font-size:12px;color:var(--dim)}
  .section-head h2{font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin:0;color:var(--muted);font-weight:600}
  .section-head .line{flex:1;height:1px;background:var(--line)}
  .section-head svg{align-self:center}

  .bio{display:grid;grid-template-columns:220px 1fr;gap:32px;align-items:start}
  .bio img{width:100%;border-radius:4px;border:1px solid var(--line)}
  .bio h3{font-family:var(--mono);font-size:22px;margin:0 0 4px;font-weight:600}
  .bio .role{color:var(--accent);font-family:var(--mono);font-size:12.5px;letter-spacing:.05em;margin:0 0 16px}
  .bio p{margin:0 0 12px;color:var(--muted);max-width:56ch}
  .anchors{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px}
  .anchors li{display:flex;gap:10px;font-size:13px;color:var(--muted)}
  .anchors li b{color:var(--ink);min-width:110px;font-family:var(--mono);font-size:11.5px;letter-spacing:.03em}
  @media(max-width:640px){.bio{grid-template-columns:1fr}.bio img{max-width:220px}}

  .fecha{font-family:var(--mono);font-size:12px;color:var(--dim);margin:-14px 0 24px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  .punto-vivo{width:7px;height:7px;border-radius:50%;background:var(--up);display:inline-block;box-shadow:0 0 6px #35d48899;animation:latido 2s ease-in-out infinite}
  @keyframes latido{50%{opacity:.35}}
  .coins{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
  .coin{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:18px;transition:border-color .15s,transform .15s}
  .coin:hover{border-color:#f7931a66;transform:translateY(-2px)}
  .coin-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}
  .coin-name{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
  .coin-chg{font-family:var(--mono);font-size:13px;font-weight:600}
  .coin-price{font-family:var(--mono);font-size:26px;font-weight:600;margin:4px 0 10px;font-variant-numeric:tabular-nums}
  .chart-wrap{position:relative;margin:2px 0 6px}
  .chart-wrap svg{display:block;width:100%;height:64px;overflow:visible}
  .chart-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .chart-area{stroke:none}
  .chart-hoy{stroke-dasharray:2 3;stroke-width:1}
  .chart-punto{r:3.5;stroke:var(--panel);stroke-width:2}
  .chart-cruce{stroke-width:1;pointer-events:none}
  .chart-tip{position:absolute;top:0;pointer-events:none;background:var(--panel2);border:1px solid var(--line);border-radius:4px;padding:5px 8px;font-family:var(--mono);font-size:11px;white-space:nowrap;transform:translate(-50%,-115%);opacity:0;transition:opacity .1s}
  .chart-tip.activo{opacity:1}
  .chart-tip .d{color:var(--dim);font-size:9.5px;text-transform:uppercase;letter-spacing:.04em}
  .chart-hit{fill:transparent;cursor:crosshair}
  .range-labels{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;color:var(--dim);margin-bottom:12px}
  .coin-take{font-size:13px;color:var(--ink);line-height:1.55;border-top:1px solid var(--line);padding-top:11px;margin:0;min-height:52px}
  .coin-take b{color:var(--accent);font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;display:block;margin-bottom:5px}
  @media(max-width:700px){.coins{grid-template-columns:1fr}}
  .velas{display:inline-flex;align-items:flex-end;gap:2px;height:14px;flex:none}

  .resumen{margin-top:20px;background:linear-gradient(135deg,#1d1720,#241a12);border:1px solid #3a2a12;border-radius:6px;padding:22px 24px}
  .resumen b{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:9px}
  .resumen p{margin:0;font-size:15px;line-height:1.6}
  .fuentes{margin-top:16px;font-size:12px;color:var(--dim)}

  .pasos{display:grid;gap:14px;margin-top:20px}
  .paso{display:grid;grid-template-columns:34px 1fr;gap:14px;padding:16px 0;border-top:1px solid var(--line)}
  .paso:first-child{border-top:0}
  .paso .num{font-family:var(--mono);font-size:13px;color:var(--accent);font-weight:600}
  .paso h4{margin:0 0 5px;font-size:14.5px;font-weight:600}
  .paso p{margin:0;color:var(--muted);font-size:13.5px;max-width:58ch}

  .aviso{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:4px;padding:20px 22px}
  .aviso b{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
  .aviso p{margin:0 0 8px;font-size:13.5px;color:var(--muted);line-height:1.65}
  .aviso p:last-child{margin-bottom:0}

  .galeria{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .galeria img{width:100%;height:340px;object-fit:cover;border-radius:4px;border:1px solid var(--line)}
  .galeria img.recorte{object-fit:contain;background:var(--bg);padding:12px}
  @media(max-width:640px){.galeria{grid-template-columns:1fr}.galeria img{height:280px}}

  footer{border-top:1px solid var(--line);padding:26px 0 44px}
  footer p{margin:0;font-size:12px;color:var(--dim);font-family:var(--mono)}
  [hidden]{display:none!important}