/* V9.4 · Ajuste exclusivo de escritorio/portátil.
   NO afecta a móvil (solo se activa a partir de 821px). */
@media (min-width:821px){
  body.home-screen{
    width:100%!important;
    min-width:0!important;
    height:100vh!important;
    min-height:100vh!important;
    overflow:hidden!important;
    background:#edf3fa!important;
  }

  /* En escritorio recuperamos la estructura de dos columnas: menú + contenido. */
  body.home-screen .layout{
    display:grid!important;
    grid-template-columns:280px minmax(0,1fr)!important;
    width:100%!important;
    height:100vh!important;
    min-height:100vh!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#edf3fa!important;
  }

  body.home-screen .sidebar{
    display:block!important;
    position:relative!important;
    top:auto!important;
    width:280px!important;
    height:100vh!important;
    min-height:0!important;
    overflow-y:auto!important;
    box-sizing:border-box!important;
    z-index:5!important;
  }

  body.home-screen .main{
    display:grid!important;
    place-items:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:100vh!important;
    min-height:0!important;
    margin:0!important;
    padding:18px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    background:
      radial-gradient(circle at 18% 12%,rgba(59,130,246,.12),transparent 34%),
      linear-gradient(180deg,#f7faff 0%,#eaf2fb 100%)!important;
  }

  body.home-screen .launcher-view{
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:transparent!important;
  }

  /* La portada mantiene su proporción original 9:16; nunca se estira. */
  body.home-screen .home-premium-stage{
    position:relative!important;
    inset:auto!important;
    width:auto!important;
    height:calc(100vh - 36px)!important;
    max-width:calc(100vw - 316px)!important;
    max-height:calc(100vh - 36px)!important;
    aspect-ratio:9 / 16!important;
    margin:0 auto!important;
    padding:0!important;
    border-radius:22px!important;
    overflow:hidden!important;
    box-shadow:0 18px 46px rgba(19,54,93,.20)!important;
    background:#fff!important;
  }

  body.home-screen .home-premium-art{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    display:block!important;
    background:#fff!important;
  }

  body.home-screen .home-hotspots{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    z-index:2!important;
  }

  /* Evita que el texto inferior del menú lateral se monte sobre la navegación
     en portátiles con poca altura. */
  body.home-screen .side-foot{
    margin-top:18px!important;
  }
}

@media (min-width:821px) and (max-height:700px){
  body.home-screen .sidebar{padding-top:14px!important;padding-bottom:14px!important}
  body.home-screen .nav{gap:3px!important}
  body.home-screen .nav button{padding-top:8px!important;padding-bottom:8px!important}
  body.home-screen .side-foot{display:none!important}
  body.home-screen .main{padding:10px!important}
  body.home-screen .home-premium-stage{
    height:calc(100vh - 20px)!important;
    max-height:calc(100vh - 20px)!important;
  }
}