/* v8.6 - hero móvil sin espacio vacío + screenshot actualizado */

/* Seguridad contra scroll horizontal */
html,
body{
  overflow-x:hidden!important;
}

/* Móvil: el hero no debe dejar una franja vacía entre imagen y dashboard */
@media (max-width: 920px){
  html body .ji-clean-hero.ji-clean-hero--dashboard{
    background:#0f2b63!important;
    padding:0!important;
    margin:0!important;
  }

  html body .ji-clean-hero__shell{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    background:#0f2b63!important;
  }

  html body .ji-clean-hero__media,
  html body .ji-hero-slider,
  html body .ji-hero-slider__track{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    background:#0f2b63!important;
  }

  html body .ji-hero-slide{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:4/5!important;
    background-size:cover!important;
    background-position:center center!important;
    display:flex!important;
    align-items:center!important;
  }

  html body .ji-hero-slide.is-active{
    display:flex!important;
  }

  html body .ji-clean-hero__content{
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    padding:2.4rem 1.7rem!important;
    justify-content:center!important;
  }

  html body .ji-clean-hero__content h1{
    font-size:clamp(3.2rem,13vw,5.2rem)!important;
    line-height:.95!important;
    margin:0 0 1rem!important;
  }

  html body .ji-clean-hero__content p:not(.ji-clean-hero__eyebrow){
    font-size:clamp(1.05rem,5vw,1.55rem)!important;
    line-height:1.35!important;
  }

  html body .ji-clean-dashboard{
    margin:0!important;
    padding:1.4rem 1.1rem 1.6rem!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    background:#0f2b63!important;
    border-top:0!important;
  }

  html body .ji-clean-dashboard h2{
    margin:0 0 .9rem!important;
    font-size:clamp(2.5rem,10vw,3.9rem)!important;
    line-height:.95!important;
  }

  html body .ji-clean-dashboard__search{
    min-height:52px!important;
    margin-bottom:1rem!important;
  }

  html body .ji-clean-dashboard__pills{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:.65rem!important;
  }

  html body .ji-clean-dashboard__pills a{
    min-height:46px!important;
    padding:.5rem .55rem!important;
    font-size:.82rem!important;
    line-height:1.12!important;
  }

  html body .ji-hero-slider__arrow{
    top:52%!important;
    width:44px!important;
    height:64px!important;
    font-size:2.4rem!important;
  }

  html body .ji-home-shortcuts .ji-shortcut,
  html body .ji-home-shortcuts--v55 .ji-shortcut{
    min-height:76px!important;
    height:auto!important;
  }
}

@media (max-width: 520px){
  html body .ji-hero-slide{
    aspect-ratio:4/4.6!important;
    background-position:center center!important;
  }

  html body .ji-clean-hero__content{
    padding:2rem 1.45rem!important;
  }

  html body .ji-clean-dashboard{
    padding:1.25rem 1rem 1.4rem!important;
  }
}

@media (max-width: 390px){
  html body .ji-clean-dashboard__pills{
    grid-template-columns:1fr!important;
  }
}