/* Bitcoin vs oro: hero con tres monedas en órbita, cifras con contador y tabla comparativa que pasa a tarjetas en móvil */
.oro-hero { max-width:1000px; }
.oro-coins { position:relative; width:min(420px,86vw); height:150px; margin:0 auto 28px; }
.oro-coins::before { content:''; position:absolute; left:50%; top:50%; width:100%; height:62%; border:1px dashed rgba(247,147,26,.28); border-radius:50%; transform:translate(-50%,-50%); }
.oro-coin { position:absolute; top:50%; left:50%; width:74px; height:74px; margin:-37px 0 0 -37px; border-radius:50%; display:flex; align-items:center; justify-content:center; font:800 1.7rem 'JetBrains Mono',monospace; color:#000; box-shadow:inset 0 -6px 12px rgba(0,0,0,.28), inset 0 4px 8px rgba(255,255,255,.35), 0 10px 30px rgba(0,0,0,.6); animation:oroOrbit 14s linear infinite; }
.oro-coin.btc { background:radial-gradient(circle at 30% 25%,#ffc46b,#F7931A 60%,#b86a0a); animation-delay:0s; box-shadow:inset 0 -6px 12px rgba(0,0,0,.28), inset 0 4px 8px rgba(255,255,255,.35), 0 0 40px rgba(247,147,26,.5); }
.oro-coin.au { background:radial-gradient(circle at 30% 25%,#fff1b0,#d9b13b 60%,#8a6a12); animation-delay:-4.667s; font-size:1.4rem; }
.oro-coin.eur { background:radial-gradient(circle at 30% 25%,#e8edf5,#9aa5b8 60%,#5b6678); animation-delay:-9.333s; }
@keyframes oroOrbit {
  0% { transform:translate(-170px,0) scale(.82); z-index:1; }
  25% { transform:translate(0,38px) scale(1.12); z-index:3; }
  50% { transform:translate(170px,0) scale(.82); z-index:1; }
  75% { transform:translate(0,-38px) scale(.62); z-index:0; }
  100% { transform:translate(-170px,0) scale(.82); z-index:1; }
}
.oro-hero h1 { background:linear-gradient(180deg,#fff 30%,#F7931A 140%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.oro-hero h1 span { -webkit-text-fill-color:#F7931A; }

/* Respuesta corta y cifras */
.com-live { background:linear-gradient(135deg,rgba(247,147,26,.10),rgba(22,22,22,1) 60%); box-shadow:0 0 0 1px rgba(247,147,26,.15), 0 20px 60px -30px rgba(247,147,26,.5); }
.bvo-stats div { transition:transform .25s, border-color .25s, box-shadow .25s; position:relative; overflow:hidden; }
.bvo-stats div::before { content:''; position:absolute; left:0; top:0; height:2px; width:100%; background:linear-gradient(90deg,#F7931A,transparent); }
.bvo-stats div:hover { transform:translateY(-4px); border-color:rgba(247,147,26,.6); box-shadow:0 14px 34px -18px rgba(247,147,26,.6); }
.bvo-stats b { font-size:1.9rem; }

/* Tabla comparativa moderna */
.bvo-tbl { border-collapse:separate; border-spacing:0; min-width:0; width:100%; }
.bvo-tbl thead th { position:sticky; top:0; font-size:.78rem; text-transform:uppercase; letter-spacing:1.5px; color:var(--text-secondary); background:var(--bg-card); padding:14px 14px; border-bottom:1px solid var(--border); }
.bvo-tbl thead th:nth-child(2) { color:#000; background:#F7931A; border-radius:12px 12px 0 0; }
.bvo-tbl thead th:nth-child(3) { color:#E3C25A; }
.bvo-tbl thead th:nth-child(4) { color:#B6C0D2; }
.bvo-tbl td { padding:16px 14px; border-bottom:1px solid var(--border); transition:background .2s; }
.bvo-tbl td:nth-child(2) { background:rgba(247,147,26,.07); color:var(--text-primary); border-left:1px solid rgba(247,147,26,.35); border-right:1px solid rgba(247,147,26,.35); }
.bvo-tbl tbody tr:last-child td:nth-child(2) { border-bottom:1px solid rgba(247,147,26,.35); border-radius:0 0 12px 12px; }
.bvo-tbl tbody tr:hover td { background:rgba(255,255,255,.03); }
.bvo-tbl tbody tr:hover td:nth-child(2) { background:rgba(247,147,26,.13); }
.bvo-tbl td:nth-child(1) { width:14%; } .bvo-tbl td { overflow-wrap:anywhere; }

@media (max-width:640px) {
  .oro-coins { height:120px; }
  @keyframes oroOrbit {
    0% { transform:translate(-120px,0) scale(.72); z-index:1; }
    25% { transform:translate(0,30px) scale(.98); z-index:3; }
    50% { transform:translate(120px,0) scale(.72); z-index:1; }
    75% { transform:translate(0,-30px) scale(.55); z-index:0; }
    100% { transform:translate(-120px,0) scale(.72); z-index:1; }
  }
  .bvo-tbl { min-width:0; display:block; }
  .bvo-tbl thead { display:none; }
  .bvo-tbl tbody, .bvo-tbl tr { display:block; }
  .bvo-tbl tr { background:var(--bg-secondary); border:1px solid var(--border); border-radius:14px; margin-bottom:14px; overflow:hidden; }
  .bvo-tbl td, .bvo-tbl td:nth-child(2) { display:block; width:auto!important; border:0; border-bottom:1px solid var(--border); border-radius:0!important; padding:12px 16px; }
  .bvo-tbl td:nth-child(1) { background:rgba(247,147,26,.14); color:var(--text-primary); font-size:1rem; }
  .bvo-tbl td:last-child { border-bottom:0; }
  .bvo-tbl td[data-col]::before { content:attr(data-col); display:block; font:700 .7rem 'Archivo',sans-serif; letter-spacing:1.5px; text-transform:uppercase; color:#F7931A; margin-bottom:4px; }
  .bvo-tbl td:nth-child(3)::before { color:#E3C25A; } .bvo-tbl td:nth-child(4)::before { color:#B6C0D2; }
  .bvo-tbl td:nth-child(2) { background:rgba(247,147,26,.07); }
}
@media (prefers-reduced-motion:reduce) {
  .oro-coin { animation:none; }
  .oro-coin.btc { transform:translate(-110px,0); } .oro-coin.au { transform:translate(0,0); } .oro-coin.eur { transform:translate(110px,0); }
  .bvo-stats div { transition:none; }
}
