/* ═══════════════════════════════════════════════════════
   senales.css — Página de Señales de Mercado
   CapitalStone
   ═══════════════════════════════════════════════════════ */

/* ── Reset & Variables ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --ink:    #050d1f;
  --deep:   #07122a;
  --slate:  #0d2044;
  --blue:   #1459f4;
  --sky:    #38b2f8;
  --glow:   #4dd9ff;
  --paper:  #f0f6ff;
  --muted:  #6b88b0;
  --border: rgba(68,130,220,.14);
  --serif:  'Cormorant Garamond', Georgia, serif;
  --sans:   'Syne', sans-serif;
  --mono:   'JetBrains Mono', monospace;
}
html{scroll-behavior:smooth}
body{
  background:var(--ink);color:var(--paper);
  font-family:var(--sans);font-size:16px;line-height:1.6;
  overflow-x:hidden;cursor:none;
}
body::after{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.03;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ── Cursor ── */
#cursor{
  position:fixed;top:0;left:0;width:8px;height:8px;border-radius:50%;
  background:var(--sky);pointer-events:none;z-index:99999;
  transform:translate(-50%,-50%);transition:width .15s,height .15s,opacity .3s;
  will-change:transform;opacity:0;
}
#cursor-ring{
  position:fixed;width:36px;height:36px;border-radius:50%;
  border:1px solid rgba(56,178,248,.4);pointer-events:none;z-index:99998;will-change:transform;
  transform:translate(-50%,-50%);transition:width .15s,height .15s,border-color .2s;
}
body:hover #cursor{opacity:1}

/* ── Nav ── */
nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  padding:20px 48px;display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid transparent;transition:border-color .3s,background .3s;
}
nav.scrolled{background:rgba(5,13,31,.92);backdrop-filter:blur(16px);border-bottom-color:var(--border)}
.logo{font-family:var(--sans);font-weight:800;font-size:1.15rem;letter-spacing:.04em;color:var(--paper);text-decoration:none}
.logo em{color:var(--sky);font-style:normal}
.nav-back{
  font-family:var(--mono);font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--muted);text-decoration:none;display:flex;align-items:center;gap:8px;transition:color .2s;
}
.nav-back:hover{color:var(--sky)}

/* ── Ticker ── */
.ticker-strip{
  position:fixed;top:65px;left:0;right:0;z-index:90;
  background:rgba(7,18,42,.95);border-bottom:1px solid var(--border);
  overflow:hidden;height:36px;display:flex;align-items:center;
}
.ticker-track{display:flex;gap:0;white-space:nowrap;animation:ticker 30s linear infinite}
.ticker-item{
  display:flex;align-items:center;gap:8px;padding:0 28px;
  font-family:var(--mono);font-size:.65rem;letter-spacing:.08em;
  border-right:1px solid var(--border);
}
.ticker-sym{font-weight:700;color:#fff}
.ticker-chg.up{color:#6effb4}
.ticker-chg.dn{color:#ffaaa8}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ── Hero Señales ── */
.senales-hero{
  min-height:42vh;display:flex;flex-direction:column;justify-content:flex-end;
  padding:140px 48px 60px;position:relative;overflow:hidden;
}
.senales-hero-mesh{
  position:absolute;inset:0;z-index:0;
  background:radial-gradient(ellipse 70% 60% at 70% 30%, rgba(56,178,248,.12) 0%, transparent 70%),
             radial-gradient(ellipse 40% 40% at 10% 80%, rgba(20,89,244,.1) 0%, transparent 60%);
}
.senales-hero-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;width:100%}
.senales-hero-eyebrow{
  font-family:var(--mono);font-size:.62rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--sky);margin-bottom:16px;
}
.senales-hero-h1{
  font-family:var(--serif);font-size:clamp(2.6rem,5.5vw,4.5rem);
  font-weight:300;line-height:1.1;color:var(--paper);
}
.senales-hero-h1 em{font-style:italic;color:var(--sky)}
.senales-hero-line{width:100%;height:1px;background:var(--border);margin-top:48px}

/* ── Body ── */
.senales-body{max-width:1200px;margin:0 auto;padding:60px 48px 120px}

/* ── Status bar ── */
.senales-status-bar{
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:16px;margin-bottom:32px;
}
.senales-meta{display:flex;align-items:center;gap:10px}
.senales-meta-dot{
  width:8px;height:8px;border-radius:50%;background:var(--muted);transition:all .3s;flex-shrink:0;
}
.senales-meta-dot.live{background:#4ade80;box-shadow:0 0 6px #4ade80;animation:cs-pulse 1.4s infinite}
@keyframes cs-pulse{0%,100%{opacity:1}50%{opacity:.4}}
.senales-meta-desc{font-size:.8rem;color:var(--muted);line-height:1.6;max-width:480px}

/* ── Disclaimer ── */
.disclaimer-strip{
  background:rgba(56,178,248,.05);border:1px solid rgba(56,178,248,.15);
  padding:12px 20px;font-family:var(--mono);font-size:.65rem;
  letter-spacing:.06em;color:var(--muted);margin-bottom:32px;
}

/* ── Summary ── */
.sig-summary{display:flex;gap:0;border:1px solid var(--border);margin-bottom:32px}
.sig-sum-item{
  flex:1;padding:24px 28px;border-right:1px solid var(--border);
  transition:background .2s;
}
.sig-sum-item:last-child{border-right:none}
.sig-sum-item:hover{background:rgba(255,255,255,.02)}
.sig-sum-num{font-family:var(--serif);font-size:2.2rem;font-weight:300;line-height:1}
.sig-sum-lbl{font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;margin-top:4px}

/* ── Table ── */
.sig-table-wrap{overflow-x:auto;border:1px solid var(--border)}
.sig-table{width:100%;border-collapse:collapse;font-size:.88rem}
.sig-th{
  padding:14px 20px;font-family:var(--mono);font-size:.62rem;
  letter-spacing:.14em;text-transform:uppercase;color:var(--muted);
  border-bottom:1px solid var(--border);text-align:left;background:rgba(13,32,68,.4);
}
.sig-th.r{text-align:right}
.sig-th.c{text-align:center}
.sig-tr{border-bottom:1px solid var(--border);cursor:default;transition:background .2s}
.sig-tr:last-child{border-bottom:none}
.sig-tr:hover{background:rgba(56,178,248,.03)}
.sig-td{padding:16px 20px;vertical-align:middle}
.sig-td.r{text-align:right}
.sig-td.c{text-align:center}
.sig-price{font-weight:600;transition:color .35s}
.sig-price.up{color:#4ade80}
.sig-price.dn{color:#f87171}
.sig-badge{
  display:inline-block;padding:4px 10px;font-family:var(--mono);
  font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;
}
.sig-rsi{position:relative;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center}

/* ── Detail panel ── */
.sig-detail{border:1px solid var(--border);border-top:none;display:none}
.sig-detail-inner{padding:32px}
.sig-detail-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));
  gap:1px;background:var(--border);border:1px solid var(--border);margin-top:20px;
}
.sig-detail-card{background:var(--ink);padding:16px 18px}
.sig-detail-lbl{font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.sig-detail-val{font-family:var(--serif);font-size:1.15rem;font-weight:300}

/* ── Legend ── */
.senales-legend{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:0;border:1px solid var(--border);border-top:none;margin-top:32px;
}
.legend-item{padding:24px 28px;border-right:1px solid var(--border)}
.legend-item:last-child{border-right:none}
.legend-title{
  font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--sky);margin-bottom:10px;
}
.legend-desc{font-size:.82rem;color:var(--muted);line-height:1.7}

/* ── Footer ── */
footer{
  border-top:1px solid var(--border);padding:40px 48px;
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;
}
.footer-logo{font-family:var(--sans);font-weight:800;font-size:1rem;letter-spacing:.04em;color:var(--paper);text-decoration:none}
.footer-logo em{color:var(--sky);font-style:normal}
.footer-copy{font-size:.72rem;color:var(--muted)}
.footer-back{
  font-family:var(--mono);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--muted);text-decoration:none;transition:color .2s;display:flex;align-items:center;gap:6px;
}
.footer-back:hover{color:var(--sky)}

/* ── Reveal ── */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

/* ── Responsive ── */
@media(max-width:900px){nav{padding:16px 24px}}
@media(max-width:768px){
  body{cursor:auto}
  #cursor,#cursor-ring{display:none}
  .senales-hero{padding:120px 24px 48px}
  .senales-body{padding:48px 24px 80px}
  .sig-summary{flex-wrap:wrap}
  .sig-sum-item{min-width:50%;border-bottom:1px solid var(--border)}
  footer{padding:32px 24px;flex-direction:column;align-items:flex-start}
}