:root{
  --bg:#0f0f0f;
  --surface:#181818;
  --surface2:#212121;
  --surface3:#272727;
  --line:#303030;
  --text:#f1f1f1;
  --muted:#aaa;
  --accent:#3ea6ff;
  --green:#22c77a;
  --red:#ff5d5d;
  --gold:#e0a85b;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg);color-scheme:dark}
body{
  margin:0;
  background:var(--bg)!important;
  color:var(--text);
  font-family:Roboto,Arial,"Segoe UI",sans-serif;
  font-size:14px;
  overflow-x:hidden;
}
body::before,body::after{display:none!important;content:none!important}
a{color:inherit}
img{display:block;max-width:100%}
button,input,select{font:inherit}

/* TOP BAR */
.yt-topbar{
  position:fixed;inset:0 0 auto 0;z-index:1000;height:64px;
  display:flex;align-items:center;gap:16px;padding:0 20px;
  background:#0f0f0f;border-bottom:1px solid #202020;
}
.menu-btn{width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:#fff;font-size:22px;cursor:pointer}
.menu-btn:hover{background:#272727}
.yt-brand{display:flex;align-items:center;gap:9px;text-decoration:none;min-width:168px}
.yt-brand-mark{display:grid;place-items:center;background:#e62117;color:#fff;border-radius:8px;padding:7px 9px;font-size:11px;font-weight:900}
.yt-brand strong{font-size:17px;letter-spacing:.04em}
.yt-search{flex:1;max-width:760px;margin:0 auto;display:flex}
.yt-search input{width:100%;height:42px;padding:0 18px;border:1px solid #303030;border-right:0;border-radius:22px 0 0 22px;background:#121212;color:#fff;outline:none;font-size:15px}
.yt-search input:focus{border-color:#1c62b9}
.yt-search button{width:68px;height:42px;border:1px solid #303030;border-radius:0 22px 22px 0;background:#222;color:#fff;font-size:20px}
.yt-actions{display:flex;align-items:center;gap:10px}
.yt-guide{padding:9px 14px;border-radius:18px;background:#272727;text-decoration:none;font-size:13px;font-weight:700}
.yt-live{font-size:12px;color:#92e8b7;font-weight:800;white-space:nowrap}

/* SIDEBAR */
.yt-sidebar{
  position:fixed;left:0;top:64px;bottom:0;z-index:900;width:240px;
  padding:14px 12px 26px;background:#0f0f0f;overflow-y:auto;
}
.side-link{display:flex;align-items:center;gap:18px;height:46px;padding:0 14px;border-radius:10px;text-decoration:none;font-size:14px}
.side-link:hover,.side-link.active{background:#272727}
.side-icon{width:26px;text-align:center;font-size:19px}

/* MAIN */
.yt-main{
  margin-left:240px;
  padding:78px 28px 48px;
  width:auto!important;
  max-width:none!important;
}
.yt-chips{
  position:sticky;top:64px;z-index:800;
  display:flex;gap:10px;padding:10px 0 16px;background:#0f0f0f;overflow-x:auto;scrollbar-width:none;
}
.yt-chips::-webkit-scrollbar{display:none}
.chip{flex:0 0 auto;padding:8px 13px;border-radius:9px;background:#272727;text-decoration:none;font-size:13px;font-weight:700}
.chip:hover,.chip.active{background:#f1f1f1;color:#0f0f0f}

/* FEATURED */
.yt-featured{display:block!important;width:100%!important;padding:0 0 24px!important;background:none!important}
.featured-main{
  display:grid;
  grid-template-columns:minmax(600px,1.45fr) minmax(360px,.55fr);
  gap:26px;align-items:center;
}
.featured-thumb{overflow:hidden;border-radius:14px;background:#181818;aspect-ratio:16/5}
.featured-thumb img{width:100%;height:100%;object-fit:cover}
.featured-main>.featured-thumb{grid-column:1;grid-row:1/6}
.featured-main>.eyebrow,.featured-main>h1,.featured-main>.hero-text,.featured-main>.hero-meta{grid-column:2}
.eyebrow{margin:0;color:#aaa;font-size:12px;font-weight:700;letter-spacing:.08em}
.featured-main h1{margin:0;font-size:clamp(38px,3vw,58px);line-height:.98;letter-spacing:-.03em}
.featured-main h1 span{color:#fff!important;background:none!important;-webkit-text-fill-color:initial!important}
.hero-text{margin:0;color:#aaa;font-size:15px;line-height:1.55}
.hero-meta{display:flex;gap:8px;align-items:center;font-size:13px;color:#aaa}
.hero-meta strong{color:#fff}

/* METRICS ROW */
.ticker-strip{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;width:100%!important;margin:0 0 24px!important;
  background:none!important;border:0!important;
}
.ticker-strip>div{padding:16px 18px;border-radius:12px;background:#181818;border:1px solid #242424}
.ticker-strip span{display:block;color:#aaa;font-size:11px}
.ticker-strip b{display:block;margin-top:6px;color:#fff;font-size:18px}

/* SECTION TITLE */
.shelf-title{margin:26px 0 14px}
.shelf-title h2{margin:0;font-size:24px;line-height:1.2}

/* CARDS */
.panel,.card,.insight-card,.yt-card{
  background:#181818!important;
  color:#fff!important;
  border:1px solid #242424!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
.panel-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}
.panel-title span,.section-heading>span{color:#aaa!important;font-size:11px!important;letter-spacing:.08em}
.panel-title h2,.panel-title h3{margin:4px 0 0;color:#fff!important;font-size:18px!important}
.panel-title>strong{font-size:26px}

/* DASHBOARD */
.dashboard{
  display:grid!important;
  grid-template-columns:1.55fr .75fr .75fr!important;
  gap:16px!important;width:100%!important;margin:0!important;
}
.dashboard>:first-child{grid-column:1!important}
.dashboard .panel{padding:18px!important;min-height:350px!important}

/* GAUGE */
.gauge{position:relative;min-height:225px}
.gauge-track,.gauge-zone{
  position:absolute;left:8%;right:8%;bottom:48px;height:116px;
  border-radius:220px 220px 0 0;border:16px solid #555;border-bottom:0;
}
.gauge-zone{border-color:transparent}
.bearish-zone{border-left-color:var(--red)}
.bullish-zone{border-right-color:var(--green)}
.needle{position:absolute;left:50%;bottom:47px;width:35%;height:4px;transform-origin:0 50%;background:#fff}
.pivot{position:absolute;left:50%;bottom:37px;width:20px;height:20px;margin-left:-10px;border-radius:50%;background:#fff}
.gauge-left,.gauge-center,.gauge-right{position:absolute;bottom:9px;color:#aaa;font-size:12px}
.gauge-left{left:5%}.gauge-center{left:50%;transform:translateX(-50%)}.gauge-right{right:5%}
.gauge-animal{display:none!important}
.signal{text-align:center;font-size:22px;font-weight:800}
.score{text-align:center;font-size:42px;color:var(--gold);font-weight:900}
.consensus-text{text-align:center;color:#aaa;font-size:14px}

/* POSITIONS */
.position-card{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:13px 0;border-bottom:1px solid #303030}
.position-card:last-child{border-bottom:0}
.position-card>div{display:flex;gap:10px;align-items:center}
.position-card .icon{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#272727;font-size:17px}
.position-card b{font-size:13px}.position-card strong{font-size:28px}.position-card small{color:#aaa;font-size:13px}
.bar{grid-column:1/-1;height:6px;background:#303030}.bar u{display:block;height:100%}
.long .bar u,.longDot{background:var(--green)}.short .bar u,.shortDot{background:var(--red)}.neutral .bar u,.neutralDot{background:var(--gold)}
.pending-orders{margin-top:13px;padding-top:13px;border-top:1px solid #303030}
.pending-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pending-card{padding:12px;border-radius:10px;background:#212121}
.pending-card small{font-size:11px}.pending-card strong{font-size:22px}

/* STRENGTH */
.donut{--strength:0;width:155px;height:155px;margin:18px auto;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--gold) calc(var(--strength)*1%),#303030 0)}
.donut::after{content:"";position:absolute;inset:15px;border-radius:50%;background:#181818}
.donut>div{position:relative;z-index:2;text-align:center}.donut strong{font-size:32px}.donut span{font-size:11px;color:#aaa}
.strength-list div{display:grid;grid-template-columns:70px 1fr 42px;gap:10px;align-items:center;margin:11px 0;font-size:13px}.strength-list i{height:6px;background:#303030}.strength-list u{display:block;height:100%}

/* EVIDENCE */
.section-heading{margin:32px 0 14px}
.section-heading h2{margin:0;color:#fff!important;font-size:28px!important}
.section-heading p{color:#aaa!important;font-size:14px!important;line-height:1.5}
.simple-insights{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
.insight-card{padding:16px!important;min-height:150px!important}
.insight-chart-card{grid-column:span 2!important}
.insight-card>span{color:#aaa!important;font-size:11px}
.insight-card>strong{display:block;margin-top:10px;font-size:28px}
.insight-card small{font-size:12px!important;color:#aaa!important}
.horizon-switch{display:flex;gap:8px;margin-bottom:14px}
.horizon-switch button{border:0;border-radius:8px;background:#272727;color:#fff;padding:8px 13px;font-size:12px}
.horizon-switch button.active{background:#f1f1f1;color:#111}

/* MARKET */
.market-grid{display:grid!important;grid-template-columns:1.35fr .65fr!important;gap:16px!important;width:100%!important;margin:0!important}
.market-grid .panel{padding:18px!important}
.chart-wrap{height:280px;display:grid;grid-template-columns:44px 1fr;gap:8px}
.chart-y{display:flex;flex-direction:column;justify-content:space-between;color:#aaa;font-size:12px}
.chart-wrap svg{width:100%;height:100%}
#historyLine{stroke:#3ea6ff!important}
.price-big{font-size:44px;font-weight:900}
.price-day{color:#aaa;font-size:14px}
.market-state{display:flex;gap:10px;align-items:center;padding:10px;margin-top:10px;border-radius:10px;background:#212121}
.price-spark{width:100%;height:145px}
.ohlc{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.ohlc div{padding:11px;border-radius:9px;background:#212121}
.ohlc span{display:block;color:#aaa;font-size:11px}.ohlc b{display:block;margin-top:5px;font-size:16px}

/* VOTES */
.votes-panel{padding:18px!important;margin-top:16px!important}
.legend{display:flex;gap:14px;flex-wrap:wrap;color:#aaa;font-size:13px}
.dot{display:inline-block;width:13px;height:13px}
.dots{display:grid;grid-template-columns:repeat(25,1fr);gap:7px;margin-top:14px}
.dots .dot{width:100%;aspect-ratio:1}

/* RELIABILITY */
.reliability-summary,.robots-table-panel,.recent-robot-activity{padding:18px!important}
.summary-top strong{font-size:25px}.plain-explanation{font-size:15px!important;line-height:1.5;color:#ddd!important}
.horizon-cards{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:12px!important}
.horizon-cards article{padding:14px;border-radius:10px;background:#181818;border:1px solid #242424}
.horizon-cards strong{font-size:24px}
.analytics-details{margin-top:12px!important;padding:0!important}
.analytics-details>summary{padding:16px;cursor:pointer;font-size:14px}
.analytics-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;padding:12px!important}
.analytics-panel,.methodology-card{padding:16px;border-radius:10px;background:#181818;border:1px solid #242424}
.table-scroll{overflow:auto}
.stats-table,.robots-table{width:100%;border-collapse:collapse;font-size:13px}
.stats-table th,.stats-table td,.robots-table th,.robots-table td{padding:10px 8px;border-bottom:1px solid #303030;text-align:right}
.stats-table th:first-child,.stats-table td:first-child,.robots-table th:first-child,.robots-table td:first-child{text-align:left}

/* ROBOTS */
.robots-overview{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important}
.robot-kpi{padding:16px!important;min-height:120px!important}
.robot-kpi span{color:#aaa!important;font-size:11px}
.robot-kpi strong{display:block;margin-top:8px;font-size:30px}
.robots-title-row{display:flex;justify-content:space-between;gap:12px}
.robots-controls{display:flex;gap:8px}
.robots-controls input,.robots-controls select{padding:9px 10px;border:1px solid #303030;border-radius:8px;background:#121212;color:#fff;font-size:13px}
.robots-help{display:flex;gap:14px;flex-wrap:wrap;color:#aaa;font-size:12px;padding:10px 0}
.robot-activity-item{display:grid;grid-template-columns:160px 1fr auto auto;gap:10px;padding:11px;border-radius:8px;background:#212121;font-size:13px}

/* PORTFOLIO + METHOD */
.portfolio-stats{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:12px!important}
.portfolio-stats article,.portfolio-copy article,.method-grid article{padding:16px!important}
.portfolio-stats strong{font-size:30px}.portfolio-stats span{font-size:12px;color:#aaa}
.portfolio-copy{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important}
.portfolio-copy h3{font-size:20px}.portfolio-copy p,.method>p{color:#aaa!important;font-size:14px!important;line-height:1.5}
.method{display:grid!important;grid-template-columns:.65fr 1.35fr!important;gap:16px!important}
.method h2{font-size:28px}.method-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important}
.method-grid b{font-size:28px}.method-grid span{font-size:13px;color:#aaa}

/* GUIDE + FOOTER */
.guide-cta{display:flex!important;justify-content:space-between;align-items:center;gap:16px;padding:18px!important}
.guide-button{padding:10px 16px;border-radius:18px;background:#f1f1f1;color:#111;text-decoration:none;font-size:13px;font-weight:700}
.disclaimer{display:flex;gap:14px;color:#aaa;font-size:13px;margin-top:16px!important}
footer{margin-left:240px!important;width:auto!important;padding:20px 28px 28px;color:#777;font-size:12px}

/* MODAL */
.robot-modal{position:fixed;inset:0;z-index:1200;display:none}
.robot-modal.open{display:block}
.robot-modal-backdrop{position:absolute;inset:0;background:#000b}
.robot-modal-card{position:relative;z-index:2;width:min(960px,calc(100% - 28px));max-height:90vh;overflow:auto;margin:5vh auto;padding:22px;background:#181818;border-radius:12px}


/* =========================================================
   SPX PULSE — YOUTUBE V3 SIN IMÁGENES
   ========================================================= */

img,
picture,
.featured-thumb,
.hero-visual,
.gauge-animal{
  display:none!important;
}

body{
  background:#0f0f0f!important;
  background-image:none!important;
}

.featured-main.featured-text-only{
  display:grid!important;
  grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)!important;
  gap:18px!important;
  align-items:stretch!important;
}

.featured-main.featured-text-only::before{
  content:"SPX PULSE";
  grid-column:1;
  grid-row:1 / span 5;
  min-height:310px;
  display:flex;
  align-items:flex-end;
  padding:30px;
  border-radius:16px;
  background:
    radial-gradient(circle at 18% 18%,rgba(62,166,255,.18),transparent 28%),
    radial-gradient(circle at 84% 78%,rgba(224,168,91,.10),transparent 30%),
    linear-gradient(145deg,#171717,#111 58%,#181818);
  border:1px solid #242424;
  color:#f1f1f1;
  font-size:clamp(56px,6vw,110px);
  font-weight:900;
  letter-spacing:-.065em;
  line-height:.82;
}

.featured-main.featured-text-only>.eyebrow,
.featured-main.featured-text-only>h1,
.featured-main.featured-text-only>.hero-text,
.featured-main.featured-text-only>.hero-meta{
  grid-column:2!important;
  grid-row:auto!important;
}

.featured-main.featured-text-only>h1{
  align-self:end;
}

.yt-brand-mark{
  background:#3ea6ff!important;
}

.quick-icon,
.brand-mark{
  background-image:none!important;
}

.panel,
.card,
.insight-card,
.yt-card,
.ticker-strip>div{
  background-image:none!important;
}

@media(max-width:1250px){
  .featured-main.featured-text-only{
    grid-template-columns:1fr!important;
  }

  .featured-main.featured-text-only::before,
  .featured-main.featured-text-only>.eyebrow,
  .featured-main.featured-text-only>h1,
  .featured-main.featured-text-only>.hero-text,
  .featured-main.featured-text-only>.hero-meta{
    grid-column:1!important;
    grid-row:auto!important;
  }

  .featured-main.featured-text-only::before{
    min-height:220px;
    font-size:clamp(48px,8vw,88px);
  }
}

@media(max-width:780px){
  .featured-main.featured-text-only::before{
    min-height:150px;
    padding:20px;
    border-radius:12px;
    font-size:44px;
  }
}


/* ==========================================================
   SPX PULSE V4 — LEGIBILIDAD / ESPACIADO
   Evita textos amontonados y solapamientos.
   ========================================================== */

body{
  font-size:16px!important;
  line-height:1.55!important;
}

.yt-main{
  padding-top:82px!important;
}

/* Más aire entre secciones */
section,
.dashboard,
.market-grid,
.votes-panel,
.reliability-summary,
.analytics-details,
.robots-overview,
.robots-table-panel,
.recent-robot-activity,
.portfolio-stats,
.portfolio-copy,
.method,
.guide-cta{
  margin-bottom:24px!important;
}

.section-heading{
  margin:42px 0 20px!important;
  max-width:1100px;
}
.section-heading h2{
  font-size:30px!important;
  line-height:1.18!important;
  margin:0 0 10px!important;
}
.section-heading p{
  font-size:15px!important;
  line-height:1.65!important;
  margin:0!important;
  max-width:1050px;
}

/* Tarjetas: nunca comprimir texto */
.panel,.card,.insight-card,.yt-card,
.portfolio-stats article,.portfolio-copy article,.method-grid article,
.analytics-panel,.methodology-card{
  overflow:visible!important;
  height:auto!important;
  min-height:0!important;
}

.panel,.yt-card,.insight-card,
.reliability-summary,.robots-table-panel,.recent-robot-activity{
  padding:22px!important;
}

.panel-title{
  align-items:flex-start!important;
  margin-bottom:20px!important;
}
.panel-title h2,.panel-title h3{
  font-size:20px!important;
  line-height:1.3!important;
}
.panel-title span{
  line-height:1.45!important;
}

/* Bloque "qué significa la señal" y explicaciones */
.plain-explanation,
.analytics-panel p,
.methodology-card p,
.portfolio-copy p,
.method p,
.guide-cta p,
.reliability-summary p{
  font-size:15px!important;
  line-height:1.7!important;
  margin-top:10px!important;
  margin-bottom:14px!important;
}

.summary-top{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:baseline!important;
  gap:8px 14px!important;
  margin-bottom:12px!important;
}
.summary-top strong{
  font-size:26px!important;
  line-height:1.2!important;
}
.summary-top span,
.summary-top small{
  line-height:1.5!important;
}

/* Evita que etiquetas y valores se pisen */
.position-card{
  min-height:72px!important;
  row-gap:12px!important;
}
.position-card b,
.position-card small{
  line-height:1.35!important;
}
.pending-grid{
  margin-top:12px!important;
}
.pending-card{
  min-height:76px!important;
}
.pending-card small,
.pending-card strong{
  display:block!important;
  line-height:1.35!important;
}

/* Gráficos: separar texto del área gráfica */
.chart-wrap{
  margin-top:16px!important;
  margin-bottom:18px!important;
}
.price-big{
  line-height:1.1!important;
  margin:8px 0!important;
}
.price-day{
  line-height:1.5!important;
  margin-bottom:14px!important;
}
.market-state{
  min-height:52px!important;
  line-height:1.45!important;
}

/* Evidencia */
.simple-insights{
  gap:18px!important;
}
.insight-card{
  min-height:180px!important;
}
.insight-card>strong{
  line-height:1.15!important;
  margin-bottom:10px!important;
}
.insight-card small{
  display:block!important;
  line-height:1.55!important;
}

/* Fiabilidad */
.horizon-cards{
  gap:14px!important;
  margin-top:18px!important;
}
.horizon-cards article{
  min-height:115px!important;
}
.horizon-cards article span,
.horizon-cards article small{
  display:block!important;
  line-height:1.45!important;
  margin-top:5px!important;
}

/* Tablas */
.table-scroll{
  margin-top:16px!important;
}
.stats-table,.robots-table{
  font-size:14px!important;
  line-height:1.45!important;
}
.stats-table th,.stats-table td,
.robots-table th,.robots-table td{
  padding:13px 10px!important;
  white-space:nowrap!important;
}

/* Robots */
.robot-kpi{
  min-height:135px!important;
}
.robot-kpi span{
  display:block!important;
  line-height:1.45!important;
}
.robot-kpi strong{
  line-height:1.15!important;
}
.robots-help{
  font-size:13px!important;
  line-height:1.55!important;
  padding:14px 0!important;
}
.robot-activity-item{
  min-height:52px!important;
  align-items:center!important;
  line-height:1.45!important;
  margin-bottom:8px!important;
}

/* Portfolio y metodología */
.portfolio-stats article,
.portfolio-copy article,
.method-grid article{
  min-height:135px!important;
  padding:20px!important;
}
.portfolio-stats span,
.method-grid span{
  display:block!important;
  line-height:1.5!important;
  margin-top:6px!important;
}
.portfolio-copy h3{
  line-height:1.25!important;
  margin:0 0 12px!important;
}

/* Navegación legible */
.side-link{
  line-height:1.2!important;
}
.chip{
  line-height:1.2!important;
}

/* Gauge: reserva espacio suficiente */
.gauge{
  min-height:265px!important;
  margin-bottom:12px!important;
}
.signal{
  line-height:1.25!important;
  margin-top:10px!important;
}
.score{
  line-height:1.05!important;
  margin:6px 0!important;
}
.consensus-text{
  line-height:1.5!important;
}

/* Texto superior sin imágenes */
.featured-main.featured-text-only{
  row-gap:16px!important;
}
.featured-main.featured-text-only h1{
  line-height:1.02!important;
}
.featured-main.featured-text-only .hero-text{
  line-height:1.65!important;
}

/* Seguridad general contra superposición */
p,h1,h2,h3,h4,strong,span,small,td,th{
  overflow-wrap:break-word;
}


/* ==========================================================
   SPX PULSE V6 — BANNER OSO/TORO + SEÑAL DINÁMICA
   ========================================================== */

.spx-hero-banner{
  width:100%!important;
  margin:0 0 22px!important;
  padding:0!important;
  background:transparent!important;
}

.spx-banner-wrap{
  position:relative;
  width:100%;
  overflow:hidden;
  border:1px solid #292929;
  border-radius:16px;
  background:#080808;
  box-shadow:0 12px 32px rgba(0,0,0,.36);
}

.spx-banner-image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1442 / 353;
  object-fit:cover;
  object-position:center;
}

/* La señal REAL queda superpuesta sobre la aguja del dibujo */
.hero-live-signal{
  position:absolute;
  z-index:5;
  left:50%;
  top:43%;
  transform:translate(-50%,-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:180px;
  padding:8px 18px 9px;
  border-radius:12px;
  background:rgba(3,3,3,.60);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 8px 24px rgba(0,0,0,.45);
  backdrop-filter:blur(4px);
  pointer-events:none;
  text-align:center;
}

.hero-live-label{
  display:block;
  color:#f0bd53;
  font-size:11px;
  font-weight:800;
  line-height:1.1;
  letter-spacing:.12em;
  margin-bottom:3px;
}

#heroSignal{
  display:block;
  color:#f2f2f2;
  font-size:21px;
  font-weight:900;
  line-height:1.05;
  letter-spacing:.02em;
  white-space:nowrap;
}

#heroScore{
  display:block;
  margin-top:2px;
  color:#f0bd53;
  font-size:18px;
  font-weight:900;
  line-height:1.05;
  white-space:nowrap;
}

#heroSignal.is-bullish{color:#22c77a}
#heroSignal.is-bearish{color:#ff5d5d}
#heroSignal.is-neutral{color:#f0bd53}

/* Ya no necesitamos la antigua portada textual */
.yt-featured,
.featured-main,
.featured-text-only{
  background:none;
}



/* ==========================================================
   SPX PULSE V7 — BANNER APROBADO, MÁS GRANDE Y LIMPIO
   ========================================================== */

.spx-hero-banner{
  width:100%!important;
  margin:0 0 18px!important;
  padding:0!important;
  background:transparent!important;
}

.spx-banner-wrap{
  position:relative;
  width:100%;
  overflow:hidden;
  border:1px solid #2a2a2a;
  border-radius:16px;
  background:#050505;
  box-shadow:0 16px 38px rgba(0,0,0,.42);
}

.spx-banner-image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio: 1820 / 315;
  object-fit:cover;
  object-position:center;
}

/* Cubre el texto estático del mockup y lo sustituye por la señal real */
.hero-live-signal{
  position:absolute;
  z-index:6;
  left:50%;
  top:48%;
  transform:translate(-50%,-50%);
  min-width:190px;
  padding:9px 22px 10px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-radius:13px;
  background:rgba(4,4,4,.84);
  border:1px solid rgba(255,196,76,.20);
  box-shadow:
    0 10px 28px rgba(0,0,0,.54),
    inset 0 0 28px rgba(0,0,0,.18);
  backdrop-filter:blur(5px);
  pointer-events:none;
}

.hero-live-label{
  color:#f0bd53;
  font-size:11px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:.12em;
  margin-bottom:4px;
}

#heroSignal{
  color:#f0bd53;
  font-size:23px;
  line-height:1.05;
  font-weight:950;
  letter-spacing:.01em;
  white-space:nowrap;
}

#heroScore{
  margin-top:3px;
  color:#f0bd53;
  font-size:20px;
  line-height:1.05;
  font-weight:950;
  white-space:nowrap;
}

#heroSignal.is-bullish{color:#22c77a}
#heroSignal.is-bearish{color:#ff5d5d}
#heroSignal.is-neutral{color:#f0bd53}

/* Alineación más parecida al mockup aprobado */
.ticker-strip{
  margin-top:0!important;
}

.dashboard{
  align-items:stretch!important;
}



/* ==========================================================
   SPX PULSE V8 — BANNER LIMPIO, SIN TEXTO DUPLICADO
   ========================================================== */

.spx-banner-image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio: 1820 / 300;
  object-fit:cover;
  object-position:center;
}

.hero-live-signal{
  left:50%!important;
  top:55%!important;
  transform:translate(-50%,-50%)!important;
  min-width:205px!important;
  padding:8px 20px 9px!important;
  background:rgba(3,3,3,.72)!important;
  border:1px solid rgba(255,196,76,.18)!important;
}

.hero-live-label{
  font-size:10px!important;
  margin-bottom:3px!important;
}

#heroSignal{
  font-size:22px!important;
}

#heroScore{
  font-size:20px!important;
  margin-top:2px!important;
}



/* SPX PULSE V13 — FUERZA BANNER LIMPIO */
.spx-banner-wrap .hero-live-signal,
.spx-banner-wrap .floating-card,
.spx-banner-wrap .current-consensus,
.spx-banner-wrap .signal-box,
.spx-hero-banner .hero-live-signal,
.spx-hero-banner .floating-card,
.spx-hero-banner .current-consensus,
.spx-hero-banner .signal-box{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.spx-banner-image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:cover!important;
  object-position:center!important;
}