/* v8.4 - Hero compacto para que las 4 opciones se vean en la primera pantalla */

/* Evita scroll horizontal causado por hacks de ancho de footer/viewport */
html,
body{
  overflow-x:hidden!important;
}

/* La primera pantalla debe incluir header + hero + franja de 4 opciones */
html body .ji-clean-hero.ji-clean-hero--dashboard{
  padding:0!important;
  margin:0!important;
  background:#eef4ff!important;
}

html body .ji-clean-hero__shell{
  min-height:0!important;
  height:clamp(420px, calc(100vh - 245px), 560px)!important;
  max-height:560px!important;
  display:grid!important;
  grid-template-columns:minmax(0, 1fr) 420px!important;
  align-items:stretch!important;
  gap:0!important;
}

html body .ji-clean-hero__media,
html body .ji-hero-slider,
html body .ji-hero-slider__track,
html body .ji-hero-slide,
html body .ji-clean-dashboard{
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
}

html body .ji-hero-slide{
  background-size:cover!important;
  background-position:center!important;
}

html body .ji-clean-hero__content{
  min-height:100%!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:clamp(2rem,4vw,3.2rem)!important;
  max-width:850px!important;
}

html body .ji-clean-hero__eyebrow{
  font-size:clamp(.8rem,1vw,1rem)!important;
  margin-bottom:.65rem!important;
}

html body .ji-clean-hero__content h1{
  font-size:clamp(3.1rem,5.7vw,5.2rem)!important;
  line-height:.96!important;
  margin:0 0 1rem!important;
  letter-spacing:-.055em!important;
}

html body .ji-clean-hero__content p:not(.ji-clean-hero__eyebrow){
  font-size:clamp(1rem,1.25vw,1.25rem)!important;
  line-height:1.45!important;
  max-width:780px!important;
}

/* Panel lateral más compacto */
html body .ji-clean-dashboard{
  padding:clamp(1.6rem,2.4vw,2.4rem) clamp(1.2rem,2vw,2rem)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}

html body .ji-clean-dashboard h2{
  font-size:clamp(2rem,3.2vw,3.2rem)!important;
  line-height:1!important;
  margin:0 0 1rem!important;
}

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

html body .ji-clean-dashboard__pills{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:.75rem!important;
}

html body .ji-clean-dashboard__pills a{
  min-height:52px!important;
  padding:.55rem .7rem!important;
  font-size:.92rem!important;
  line-height:1.12!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}

/* Franja de 4 opciones: compacta, visible y sin empujar fuera de la primera vista */
html body .ji-home-shortcuts,
html body .ji-home-shortcuts--v55{
  margin:0!important;
  padding:0!important;
}

html body .ji-home-shortcuts .ji-shortcut,
html body .ji-home-shortcuts--v55 .ji-shortcut{
  min-height:86px!important;
  height:86px!important;
  padding:1rem 1.15rem!important;
}

html body .ji-home-shortcuts .ji-shortcut__text,
html body .ji-home-shortcuts--v55 .ji-shortcut__text{
  font-size:clamp(.92rem,1vw,1.12rem)!important;
  line-height:1.08!important;
}

html body .ji-home-shortcuts .ji-shortcut__icon,
html body .ji-home-shortcuts--v55 .ji-shortcut__icon{
  width:34px!important;
  height:34px!important;
  flex-basis:34px!important;
}

/* Flechas del slider menos invasivas */
html body .ji-hero-slider__arrow{
  width:44px!important;
  height:44px!important;
  font-size:2rem!important;
}

/* Tablets */
@media (max-width:1100px){
  html body .ji-clean-hero__shell{
    grid-template-columns:minmax(0, 1fr) 360px!important;
    height:clamp(410px, calc(100vh - 235px), 530px)!important;
  }
  html body .ji-clean-dashboard__pills a{
    font-size:.84rem!important;
  }
  html body .ji-clean-hero__content h1{
    font-size:clamp(2.7rem,5.1vw,4.5rem)!important;
  }
}

/* Mobile: se apila, pero mantiene accesos visibles rápidamente */
@media (max-width:920px){
  html body .ji-clean-hero__shell{
    height:auto!important;
    max-height:none!important;
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  html body .ji-clean-hero__media,
  html body .ji-hero-slider,
  html body .ji-hero-slider__track,
  html body .ji-hero-slide{
    height:420px!important;
    min-height:420px!important;
  }
  html body .ji-clean-dashboard{
    height:auto!important;
    min-height:0!important;
    padding:1.25rem!important;
  }
  html body .ji-clean-dashboard h2{
    font-size:2rem!important;
  }
  html body .ji-clean-dashboard__pills{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body .ji-home-shortcuts .ji-shortcut,
  html body .ji-home-shortcuts--v55 .ji-shortcut{
    height:auto!important;
    min-height:82px!important;
  }
}

@media (max-width:640px){
  html body .ji-hero-slide{
    height:360px!important;
    min-height:360px!important;
  }
  html body .ji-clean-hero__content{
    padding:1.35rem!important;
  }
  html body .ji-clean-hero__content h1{
    font-size:2.6rem!important;
  }
  html body .ji-clean-dashboard__pills{
    grid-template-columns:1fr!important;
  }
}