/* Nekon HUB 27.35 · Corrección móvil definitiva del carrusel y barra inferior */

@media (max-width: 900px) {
  /*
    El tema tester/VIP heredaba background: var(--surface) sobre el bloque de
    contenido. En móvil ese bloque ocupa casi toda la diapositiva y tapaba la
    imagen que está detrás. La parte superior queda ahora realmente transparente
    y solo se oscurece al entrar en la zona del texto.
  */
  html.nekon-next.nekon-growth-tester-theme .nekon-home-premium-v2731 .v266-slide__content,
  html.nekon-next .nekon-home-premium-v2731 .v266-slide__content {
    background:
      linear-gradient(
        180deg,
        rgba(8,8,11,0) 0,
        rgba(8,8,11,0) 205px,
        rgba(8,8,11,.18) 238px,
        rgba(8,8,11,.76) 282px,
        #08080b 330px,
        #08080b 100%
      ) !important;
  }

  /* Neutraliza el layout móvil antiguo que dejaba el visual como fila del grid. */
  html.nekon-next.nekon-growth-tester-theme .nekon-home-premium-v2731 .home-premium-scene--image,
  html.nekon-next .nekon-home-premium-v2731 .home-premium-scene--image {
    position: absolute !important;
    display: block !important;
    inset: 0 0 auto 0 !important;
    width: 100% !important;
    height: 285px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 1 !important;
  }

  html.nekon-next.nekon-growth-tester-theme .nekon-home-premium-v2731 .home-premium-scene__image,
  html.nekon-next .nekon-home-premium-v2731 .home-premium-scene__image {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    transform: none !important;
    z-index: 1 !important;
  }

  html.nekon-next.nekon-growth-tester-theme .nekon-home-premium-v2731 .v266-slide,
  html.nekon-next .nekon-home-premium-v2731 .v266-slide {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    min-height: 0 !important;
    background: #08080b !important;
  }

  html.nekon-next.nekon-growth-tester-theme .nekon-home-premium-v2731 .v266-slide__content,
  html.nekon-next .nekon-home-premium-v2731 .v266-slide__content {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 100% !important;
    box-sizing: border-box !important;
    padding: 248px 17px 18px !important;
    z-index: 3 !important;
  }

  /* Respaldo directo sobre la diapositiva: incluso si <img> tarda, el arte se ve. */
  html.nekon-next .nekon-home-premium-v2731 .v266-slide[data-accent="analysis"] {
    background-image: url("assets/hero/nekon-home-analysis-cat-v2735.jpg?v=27.35") !important;
    background-size: 100% 285px !important;
    background-position: 54% top !important;
    background-repeat: no-repeat !important;
  }
  html.nekon-next .nekon-home-premium-v2731 .v266-slide[data-accent="vip"] {
    background-image: url("assets/hero/nekon-home-vip-cat-v2735.jpg?v=27.35") !important;
    background-size: 100% 285px !important;
    background-position: 38% top !important;
    background-repeat: no-repeat !important;
  }
  html.nekon-next .nekon-home-premium-v2731 .v266-slide[data-accent="points"] {
    background-image: url("assets/hero/nekon-home-points-panel-v2735.jpg?v=27.35") !important;
    background-size: 100% 285px !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
  }
  html.nekon-next .nekon-home-premium-v2731 .v266-slide[data-accent="recharge"] {
    background-image: url("assets/hero/nekon-home-recharges-panel-v2735.jpg?v=27.35") !important;
    background-size: 100% 285px !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
  }

  /* VIP: prioriza las tres tarjetas desplazando el encuadre hacia la derecha. */
  html.nekon-next .nekon-home-premium-v2731 .home-premium-scene--image-vip .home-premium-scene__image {
    object-position: 38% top !important;
  }

  html.nekon-next .nekon-home-premium-v2731 .v266-showcase__viewport {
    height: 640px !important;
    min-height: 640px !important;
  }

  html.nekon-next .nekon-home-premium-v2731 .v266-slide__content h1 {
    font-size: clamp(2rem, 10.7vw, 2.82rem) !important;
  }

  html.nekon-next .nekon-home-premium-v2731 .v266-slide__content > p {
    margin-top: 12px !important;
    line-height: 1.48 !important;
  }

  html.nekon-next .nekon-home-premium-v2731 .v266-slide__actions {
    margin-top: 14px !important;
  }
}

@media (max-width: 560px) {
  html.nekon-next .nekon-home-premium-v2731 .v266-showcase__viewport {
    height: 630px !important;
    min-height: 630px !important;
  }
}

/* App instalada: elimina el colchón vacío que quedaba debajo de la barra fija. */
@media (max-width: 820px) {
  html.is-installed-app.nekon-next body {
    padding-bottom: 0 !important;
    min-height: 100dvh !important;
  }

  html.is-installed-app.nekon-next #inicio.home {
    padding-bottom: 0 !important;
  }

  html.is-installed-app.nekon-next #inicio > .v266-showcase {
    margin-bottom: 0 !important;
  }

  html.is-installed-app.nekon-next .arena-bottom-nav,
  html.is-installed-app.nekon-next .arena-bottom-nav.is-guest {
    bottom: 0 !important;
    height: calc(70px + env(safe-area-inset-bottom)) !important;
    min-height: calc(70px + env(safe-area-inset-bottom)) !important;
    padding: 4px 8px max(4px, env(safe-area-inset-bottom)) !important;
    box-sizing: border-box !important;
    border-radius: 20px 20px 0 0 !important;
  }
}