@media(max-width:1250px){
  .yt-sidebar{width:86px;padding:8px}
  .side-link{height:62px;flex-direction:column;justify-content:center;gap:4px;padding:4px;font-size:10px}
  .side-icon{font-size:18px}
  .yt-main{margin-left:86px;padding-left:18px;padding-right:18px}
  footer{margin-left:86px!important}
  .featured-main{grid-template-columns:1fr}
  .featured-main>.featured-thumb,.featured-main>.eyebrow,.featured-main>h1,.featured-main>.hero-text,.featured-main>.hero-meta{grid-column:1;grid-row:auto}
  .dashboard{grid-template-columns:1fr 1fr!important}
  .dashboard>:first-child{grid-column:span 2!important}
  .simple-insights{grid-template-columns:1fr 1fr!important}
  .robots-overview,.portfolio-stats{grid-template-columns:1fr 1fr!important}
}
@media(max-width:780px){
  body{font-size:14px}
  .yt-topbar{height:58px;padding:0 8px;gap:8px}
  .menu-btn{display:none}
  .yt-brand{min-width:auto}.yt-brand strong{display:none}
  .yt-search{max-width:none}.yt-search input{height:38px;font-size:14px}.yt-search button{width:48px;height:38px}
  .yt-guide{display:none}.yt-live{font-size:10px}
  .yt-sidebar{display:none}
  .yt-main{margin-left:0;padding:64px 8px 28px}
  footer{margin-left:0!important;padding:16px 8px!important}
  .yt-chips{top:58px;padding-bottom:8px}
  .featured-thumb{aspect-ratio:16/9}
  .featured-main h1{font-size:30px}
  .ticker-strip{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .dashboard,.market-grid,.simple-insights,.robots-overview,.portfolio-stats,.portfolio-copy,.method,.method-grid,.horizon-cards,.analytics-grid{grid-template-columns:1fr!important}
  .dashboard>:first-child,.insight-chart-card{grid-column:span 1!important}
  .ohlc{grid-template-columns:1fr!important}
  .dots{grid-template-columns:repeat(8,1fr)!important}
  .robots-title-row{display:block}.robots-controls{display:block}.robots-controls input,.robots-controls select{width:100%;margin-top:6px}
  .robot-activity-item{grid-template-columns:1fr!important}
  .guide-cta,.disclaimer{display:block!important}.guide-button{display:block;margin-top:10px;text-align:center}
}


@media(max-width:780px){
  body{
    font-size:15px!important;
    line-height:1.55!important;
  }
  .yt-main{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .section-heading{
    margin:34px 0 16px!important;
  }
  .section-heading h2{
    font-size:25px!important;
  }
  .section-heading p{
    font-size:14px!important;
    line-height:1.65!important;
  }
  .panel,.yt-card,.insight-card,
  .reliability-summary,.robots-table-panel,.recent-robot-activity{
    padding:17px!important;
  }
  .dashboard .panel{
    min-height:0!important;
  }
  .gauge{
    min-height:235px!important;
  }
  .pending-grid{
    grid-template-columns:1fr!important;
  }
  .horizon-cards article,
  .robot-kpi,
  .portfolio-stats article,
  .portfolio-copy article,
  .method-grid article{
    min-height:0!important;
  }
  .stats-table,.robots-table{
    font-size:13px!important;
  }
  .featured-main.featured-text-only::before{
    line-height:.9!important;
  }
}


/* Banner responsive */
@media(max-width:900px){
  .spx-banner-wrap{
    border-radius:12px;
  }

  .spx-banner-image{
    min-height:200px;
    aspect-ratio:auto;
    object-fit:cover;
    object-position:center;
  }

  .hero-live-signal{
    top:44%;
    min-width:145px;
    padding:6px 12px 7px;
  }

  .hero-live-label{font-size:9px}
  #heroSignal{font-size:17px}
  #heroScore{font-size:15px}
}

@media(max-width:560px){
  .spx-banner-image{
    height:230px!important;
    min-height:230px;
    object-fit:cover;
    /* conserva aguja y personajes; recorta extremos antes que deformar */
    object-position:center;
  }

  .hero-live-signal{
    top:45%;
    min-width:126px;
    padding:5px 9px 6px;
    border-radius:9px;
  }

  .hero-live-label{font-size:8px}
  #heroSignal{font-size:15px}
  #heroScore{font-size:14px}
}


@media(max-width:1100px){
  .spx-banner-image{
    min-height:245px;
    aspect-ratio:auto;
    object-fit:cover;
    object-position:center;
  }

  .hero-live-signal{
    top:49%;
    min-width:165px;
    padding:7px 15px 8px;
  }

  .hero-live-label{font-size:10px}
  #heroSignal{font-size:19px}
  #heroScore{font-size:17px}
}

@media(max-width:780px){
  .spx-banner-wrap{border-radius:12px}

  .spx-banner-image{
    height:235px!important;
    min-height:235px;
    object-fit:cover;
    object-position:center;
  }

  .hero-live-signal{
    top:50%;
    min-width:140px;
    padding:6px 10px 7px;
    border-radius:10px;
  }

  .hero-live-label{font-size:8px}
  #heroSignal{font-size:16px}
  #heroScore{font-size:15px}
}

@media(max-width:480px){
  .spx-banner-image{
    height:215px!important;
  }
  .hero-live-signal{
    min-width:125px;
    padding:5px 8px 6px;
  }
  .hero-live-label{font-size:7px}
  #heroSignal{font-size:14px}
  #heroScore{font-size:13px}
}


@media(max-width:900px){
  .hero-live-signal{
    top:56%!important;
    min-width:165px!important;
  }
}

@media(max-width:560px){
  .hero-live-signal{
    top:57%!important;
    min-width:135px!important;
  }
  .hero-live-label{font-size:8px!important}
  #heroSignal{font-size:16px!important}
  #heroScore{font-size:15px!important}
}

/* ==========================================================
   FIX FINAL 2026-08-17 — BANNER COMPLETO SIN RECORTE
   Mantiene la imagen original y respeta su proporción real
   (1694 × 273) en escritorio, tablet y móvil.
   ========================================================== */
.spx-banner-wrap{
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
}

.spx-banner-image{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
}

/* La señal permanece centrada sobre la aguja sin forzar
   una altura que recorte al oso o al toro. */
.hero-live-signal{
  left:50%!important;
  top:55%!important;
  transform:translate(-50%,-50%)!important;
}

@media(max-width:900px){
  .spx-banner-image{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
  }
  .hero-live-signal{
    top:55%!important;
    min-width:110px!important;
    padding:4px 8px 5px!important;
    border-radius:8px!important;
  }
  .hero-live-label{font-size:7px!important;margin-bottom:1px!important}
  #heroSignal{font-size:13px!important}
  #heroScore{font-size:12px!important;margin-top:1px!important}
}

@media(max-width:560px){
  .spx-banner-image{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:contain!important;
  }
  .hero-live-signal{
    top:55%!important;
    min-width:82px!important;
    padding:2px 5px 3px!important;
    border-radius:6px!important;
    backdrop-filter:blur(2px)!important;
  }
  .hero-live-label{font-size:5px!important;letter-spacing:.08em!important}
  #heroSignal{font-size:9px!important}
  #heroScore{font-size:8px!important}
}

@media(max-width:390px){
  .hero-live-signal{
    min-width:72px!important;
    padding:2px 4px!important;
  }
  .hero-live-label{font-size:4.5px!important}
  #heroSignal{font-size:8px!important}
  #heroScore{font-size:7px!important}
}


/* V10 — banner sin aguja, oso y toro más cerca del centro */
.spx-banner-wrap{height:auto!important;aspect-ratio:1278/264!important;overflow:hidden!important;}
.spx-banner-image{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;transform:none!important;}
@media(max-width:768px){.spx-banner-wrap{aspect-ratio:1278/264!important;height:auto!important}.spx-banner-image{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!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;
}