/* ==========================================================================
   Market panels · market-panels.css
   Componentes compartidos por la landing y el Home (app):
   wire de noticias "Mercado según Neuralis Cap", matriz cross-asset, gate,
   paneles "Análisis Cuantitativo Abierto" y mini-gráfico de 90 días.
   Movido tal cual desde home.css (mismas clases lp-*). Usa tokens --nx-*.
   ========================================================================== */
/* ── WIRE (#noticias) ───────────────────────────────────────────────────── */
.lp-wire-feature { border-radius: var(--nx-r-xl); border-color: var(--nx-border-strong); overflow: hidden; margin-bottom: 2rem; transition: border-color var(--nx-dur); }
.lp-wire-feature:hover { border-color: var(--nx-border-accent); }
.lp-wire-feature__grid { display: grid; gap: 1.5rem; align-items: center; grid-template-columns: minmax(0, 1fr); padding: 1.5rem; }
.lp-wire-feature__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.75rem; margin-bottom: 1rem; font-family: var(--nx-font-mono); font-size: var(--nx-fs-xs); color: var(--nx-muted); }
.lp-wire-feature__title { font-size: clamp(1.4rem, 1.1rem + 1.2vw, 1.875rem); font-weight: 700; line-height: 1.3; color: var(--nx-text-strong); }
.lp-wire-feature__body { margin-top: 1rem; font-size: clamp(0.875rem, 0.85rem + 0.15vw, 1rem); line-height: var(--nx-lh-body); color: var(--nx-text-2); white-space: pre-line; }
.lp-wire-feature__chips { display: flex; flex-wrap: wrap; gap: 0.6rem; margin-top: 1.5rem; }
.lp-wire-feature__chips .nx-chip { font-size: var(--nx-fs-xs); padding: 0.25rem 0.75rem; border-radius: var(--nx-r-sm); }
.lp-wire-feature__actions { margin-top: 1.5rem; }
@media (min-width: 1024px) { .lp-wire-feature__grid { grid-template-columns: 7fr 5fr; padding: 2rem; } }

.lp-matrix .nx-meter { height: 6px; margin-top: 0.3rem; }
.lp-matrix__row + .lp-matrix__row { margin-top: 0.8rem; }
.lp-matrix__row > div:first-child { display: flex; justify-content: space-between; gap: 0.5rem; font-size: var(--nx-fs-2xs); }
.lp-matrix__row > div:first-child span:first-child { color: var(--nx-text-2); }
.lp-matrix__row > div:first-child span:last-child { font-weight: 700; }
.lp-matrix__diag { margin-top: 1rem; padding: 0.6rem; border-radius: var(--nx-r-xs); background: var(--nx-surface-2); border: 1px solid var(--nx-border); font-size: var(--nx-fs-2xs); color: var(--nx-muted); line-height: 1.6; }
.lp-matrix__diag strong { color: var(--nx-accent-text); font-weight: 600; }

.lp-wire-grid { display: grid; gap: 1.5rem; margin-bottom: 3rem; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 768px) { .lp-wire-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.lp-wire-card { display: flex; flex-direction: column; border-radius: var(--nx-r-lg); transition: border-color var(--nx-dur); }
.lp-wire-card:hover { border-color: var(--nx-border-strong); }
.lp-wire-card__meta { display: flex; justify-content: space-between; gap: 0.75rem; margin-bottom: 0.5rem; font-family: var(--nx-font-mono); font-size: var(--nx-fs-xs); color: var(--nx-muted); }
.lp-wire-card__meta span:first-child { color: var(--nx-cyan-text); font-weight: 600; text-transform: uppercase; }
.lp-wire-card__title { font-size: var(--nx-fs-lg); font-weight: 700; color: var(--nx-text-strong); line-height: 1.35; }
.lp-wire-card__body {
    margin-top: 0.5rem; font-size: var(--nx-fs-xs); line-height: var(--nx-lh-body); color: var(--nx-muted);
    display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;
}
.lp-wire-card__foot { margin-top: auto; padding-top: 0.75rem; display: flex; justify-content: space-between; gap: 0.75rem; font-size: var(--nx-fs-xs); color: var(--nx-muted); }
.lp-wire-card__foot-wrap { margin-top: 1rem; border-top: 1px solid var(--nx-border); }

/* Gate (login prompt) */
.lp-gate { position: relative; overflow: hidden; border-radius: var(--nx-r-xl); padding: 1.5rem; }
.lp-gate .nx-halo { right: -2.5rem; bottom: -2.5rem; width: 16rem; height: 16rem; }
.lp-gate__inner { position: relative; display: flex; flex-direction: column; gap: 1.5rem; align-items: stretch; }
.lp-gate__copy { display: flex; gap: 1rem; align-items: flex-start; }
.lp-gate__title { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; font-size: var(--nx-fs-xl); font-weight: 700; color: var(--nx-text-strong); }
.lp-gate__title .nx-badge { text-transform: none; font-weight: 400; }
.lp-gate__text { margin-top: 0.3rem; max-width: 42rem; font-size: var(--nx-fs-sm); color: var(--nx-text-2); }
.lp-gate__text strong { color: var(--nx-text-strong); }
.lp-gate__actions { display: flex; gap: 0.75rem; flex-shrink: 0; }
.lp-gate__actions .nx-btn { flex: 1; }
@media (min-width: 1024px) {
    .lp-gate { padding: 2rem; }
    .lp-gate__inner { flex-direction: row; align-items: center; justify-content: space-between; }
    .lp-gate__actions .nx-btn { flex: none; }
}

/* ── DAILY (#analisis-diario) ───────────────────────────────────────────── */
.lp-daily-grid { display: grid; gap: 2rem; margin-bottom: 2rem; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1024px) { .lp-daily-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.lp-daily-card { display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; border-color: var(--nx-border-strong); transition: border-color var(--nx-dur); }
.lp-daily-card .nx-halo { top: -2.5rem; right: -2.5rem; }
.lp-daily-card--gold:hover { border-color: rgba(234, 179, 8, 0.45); }
.lp-daily-card--btc:hover  { border-color: rgba(6, 182, 212, 0.45); }
.lp-daily-card__top { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem; margin-bottom: 1rem; }
.lp-daily-card__meta { font-family: var(--nx-font-mono); font-size: var(--nx-fs-xs); color: var(--nx-muted); }
.lp-daily-card__asset { position: relative; display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 0.5rem; margin-bottom: 0.5rem; }
.lp-daily-card__name { display: flex; align-items: center; gap: 0.6rem; }
.lp-daily-card__name h3 { font-size: var(--nx-fs-2xl); font-weight: 700; color: var(--nx-text-strong); }
.lp-daily-card__price { font-family: var(--nx-font-mono); text-align: right; }
.lp-daily-card__price strong { font-size: var(--nx-fs-xl); color: var(--nx-text-strong); }
.lp-daily-card__price span { margin-left: 0.4rem; font-size: var(--nx-fs-xs); font-weight: 700; }
.lp-daily-card__headline { font-size: var(--nx-fs-md); font-weight: 600; color: var(--nx-cyan-text); margin-bottom: 1rem; }
.lp-daily-card .nx-metrics { margin-bottom: 1rem; }
.lp-daily-card .nx-terminal { margin-bottom: 1rem; padding: 0.75rem; }
.lp-daily-card__terminal-foot { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.25rem 1rem; margin-top: 0.75rem; padding-top: 0.6rem; border-top: 1px solid var(--nx-border); font-size: 0.625rem; color: var(--nx-muted); }
.lp-daily-card__desc { font-size: var(--nx-fs-xs); line-height: var(--nx-lh-body); color: var(--nx-text-2); }
.lp-daily-card__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem 1rem; margin-top: 1.25rem; padding-top: 0.75rem; border-top: 1px solid var(--nx-border); font-size: var(--nx-fs-xs); }
.lp-daily-card__foot .nx-mono { font-size: var(--nx-fs-2xs); color: var(--nx-muted); }
.lp-daily-card--gold .lp-daily-card__foot a { color: var(--nx-yellow-text); font-weight: 600; }
.lp-daily-card--btc  .lp-daily-card__foot a { color: var(--nx-cyan-text); font-weight: 600; }
.lp-daily-info { flex-direction: column; align-items: stretch; gap: 1rem; padding: 1.25rem; border-radius: var(--nx-r-xl); }
.lp-daily-info p { color: var(--nx-text-2); }
.lp-daily-info strong { color: var(--nx-text-strong); }
.lp-daily-info .nx-btn { flex-shrink: 0; }
@media (min-width: 768px) { .lp-daily-info { flex-direction: row; align-items: center; justify-content: space-between; } }
.lp-daily-info__copy { display: flex; align-items: flex-start; gap: 0.75rem; }


/* ── Mini-gráfico de tendencia (Análisis Cuantitativo Abierto) ─────────── */
.lp-spark { position: relative; margin: 0.25rem 0 1rem; color: var(--nx-faint); }
.lp-spark.is-up   { color: var(--nx-emerald); }
.lp-spark.is-down { color: var(--nx-rose); }
.lp-spark__svg { display: block; width: 100%; height: 64px; overflow: visible; }
.lp-spark__line { stroke: currentColor; stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.lp-spark__ema { stroke: var(--nx-muted); stroke-width: 1; stroke-dasharray: 3 3; opacity: 0.7; }
.lp-spark__dot { position: absolute; right: -4px; width: 8px; height: 8px; margin-top: -4px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 2px var(--nx-surface); }
.lp-spark__cap { display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem 0.75rem; margin-top: 0.4rem; font-family: var(--nx-font-mono); font-size: var(--nx-fs-2xs); color: var(--nx-muted); }
.lp-spark__period { font-weight: 600; letter-spacing: 0.06em; }
.lp-spark__legend { display: inline-flex; align-items: center; gap: 0.35rem; }
.lp-spark__legend i { display: inline-block; width: 14px; border-top: 1px dashed var(--nx-muted); }
.lp-spark__delta { margin-left: auto; font-weight: 700; color: var(--nx-text-2); }
.lp-spark.is-up .lp-spark__arrow { color: var(--nx-emerald-text); }
.lp-spark.is-down .lp-spark__arrow { color: var(--nx-rose-text); }

/* ── Wire de noticias: links internos ─────────────────────────────────── */
.lp-wire-link { color: inherit; text-decoration: none; transition: color var(--nx-dur); }
.lp-wire-link:hover, .lp-wire-link:focus-visible { color: var(--nx-accent-text); }
.lp-wire-feature__actions { display: flex; flex-wrap: wrap; gap: 0.6rem; }
.lp-wire-all { margin: -1.5rem 0 2.5rem; text-align: right; font-size: var(--nx-fs-sm); }