/* =========================================================
   Nekon HUB v26.23
   - Slide 02 visual full-bleed (sin caja interior)
   - Slide 03 tema claro sin lavado excesivo
   - Promoción de instalación realmente clara en tema claro
   ========================================================= */

/* ---------------------------------------------------------
   1) Slide 02: la imagen ocupa la zona derecha completa,
      igual que el resto de slides. No borde, no tarjeta,
      no padding interior, no "contain" encajonado.
   --------------------------------------------------------- */
html.nekon-next .v266-slide:nth-child(2) .v266-slide__visual--accounts,
html[data-theme="light"].nekon-next .v266-slide:nth-child(2) .v266-slide__visual--accounts{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  background:#070812!important;
}

html.nekon-next .v266-slide:nth-child(2) .v266-slide__visual--accounts::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(5,5,12,.98) 0%,rgba(5,5,12,.94) 36%,rgba(5,5,12,.60) 49%,rgba(5,5,12,.08) 61%,transparent 72%)!important;
}

html.nekon-next .v266-slide:nth-child(2) .v266-accounts-single-visual{
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  top:0!important;
  right:0!important;
  width:56%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:none!important;
  filter:brightness(.72) saturate(1.07) contrast(1.04)!important;
}

/* Light: conserva la misma geometría y deja ver el arte completo a la derecha. */
html[data-theme="light"].nekon-next .v266-slide:nth-child(2) .v266-slide__visual--accounts{
  background:#f7f3f9!important;
}
html[data-theme="light"].nekon-next .v266-slide:nth-child(2) .v266-slide__visual--accounts::after{
  background:linear-gradient(90deg,rgba(255,251,255,.995) 0%,rgba(255,251,255,.96) 35%,rgba(250,245,251,.66) 48%,rgba(250,245,251,.12) 60%,transparent 72%)!important;
}
html[data-theme="light"].nekon-next .v266-slide:nth-child(2) .v266-accounts-single-visual{
  background:transparent!important;
  filter:saturate(.98) contrast(1.03) brightness(.96)!important;
}

/* Móvil: visual arriba, de borde a borde; no vuelve a convertirse en tarjeta. */
@media(max-width:820px){
  html.nekon-next .v266-slide:nth-child(2) .v266-slide__visual--accounts,
  html[data-theme="light"].nekon-next .v266-slide:nth-child(2) .v266-slide__visual--accounts{
    padding:0!important;
    align-items:initial!important;
    justify-content:initial!important;
  }
  html.nekon-next .v266-slide:nth-child(2) .v266-accounts-single-visual{
    top:0!important;
    left:0!important;
    right:auto!important;
    width:100%!important;
    height:245px!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center center!important;
    border-radius:0!important;
  }
  html.nekon-next .v266-slide:nth-child(2) .v266-slide__visual--accounts::after{
    background:linear-gradient(180deg,rgba(5,5,12,.02) 0%,rgba(5,5,12,.04) 46%,rgba(5,5,12,.78) 82%,#070812 100%)!important;
  }
  html[data-theme="light"].nekon-next .v266-slide:nth-child(2) .v266-slide__visual--accounts::after{
    background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(250,246,251,.04) 48%,rgba(250,246,251,.76) 82%,#fbf7fc 100%)!important;
  }
}

/* ---------------------------------------------------------
   2) Slide 03 light: se elimina el velo blanco de la derecha.
      El gradiente queda concentrado únicamente detrás del copy.
   --------------------------------------------------------- */
html[data-theme="light"].nekon-next .v266-slide:nth-child(3)::before{
  background:
    linear-gradient(90deg,
      rgba(255,252,255,.995) 0%,
      rgba(255,252,255,.96) 34%,
      rgba(251,246,252,.66) 45%,
      rgba(251,246,252,.20) 55%,
      rgba(251,246,252,.03) 65%,
      transparent 73%)!important;
}
html[data-theme="light"].nekon-next .v266-slide:nth-child(3)::after{
  background:radial-gradient(circle at 16% 100%,rgba(201,154,48,.10),transparent 61%)!important;
}
html[data-theme="light"].nekon-next .v266-slide:nth-child(3) .v266-slide__visual{
  background:#eef2f7!important;
}
html[data-theme="light"].nekon-next .v266-slide:nth-child(3) .v266-slide__visual::after{
  background:
    linear-gradient(90deg,rgba(251,247,252,.30) 0%,rgba(251,247,252,.08) 18%,transparent 34%),
    linear-gradient(180deg,transparent 82%,rgba(248,243,250,.06) 100%)!important;
}
html[data-theme="light"].nekon-next .v266-slide:nth-child(3) .v266-slide__visual img{
  filter:saturate(1.02) contrast(1.04) brightness(.93)!important;
}

/* En móvil light se mantiene suficiente contraste abajo, sin borrar la imagen. */
@media(max-width:760px){
  html[data-theme="light"].nekon-next .v266-slide:nth-child(3)::before{
    background:linear-gradient(180deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.02) 34%,
      rgba(250,246,251,.42) 54%,
      rgba(250,246,251,.90) 68%,
      #fbf7fc 82%,
      #fbf7fc 100%)!important;
  }
  html[data-theme="light"].nekon-next .v266-slide:nth-child(3) .v266-slide__visual::after{
    background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(250,246,251,.04) 54%,rgba(250,246,251,.56) 78%,#fbf7fc 100%)!important;
  }
}

/* ---------------------------------------------------------
   3) App Promo: tema claro real. Tester-v268 la estaba
      forzando oscura con !important.
   --------------------------------------------------------- */
html[data-theme="light"].nekon-next .app-promo{
  border:1px solid rgba(81,64,105,.14)!important;
  background:
    radial-gradient(circle at 8% 12%,rgba(136,105,225,.12),transparent 24rem),
    radial-gradient(circle at 92% 88%,rgba(80,197,189,.11),transparent 25rem),
    linear-gradient(145deg,#fffefe 0%,#f8f3fa 55%,#f1f8f7 100%)!important;
  color:#20162a!important;
  box-shadow:0 20px 52px rgba(79,60,94,.10)!important;
}
html[data-theme="light"].nekon-next .app-promo__visual{
  border-color:rgba(81,64,105,.12)!important;
  background:
    radial-gradient(circle at 50% 46%,rgba(129,101,218,.14),transparent 52%),
    linear-gradient(145deg,#f9f4fb,#eef5f7)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important;
}
html[data-theme="light"].nekon-next .app-promo__copy>small{
  color:#7d55c8!important;
}
html[data-theme="light"].nekon-next .app-promo__copy h2{
  color:#21172b!important;
  text-shadow:none!important;
}
html[data-theme="light"].nekon-next .app-promo__copy>p,
html[data-theme="light"].nekon-next .app-promo__status{
  color:#665b70!important;
}
html[data-theme="light"].nekon-next .app-promo__platforms button{
  border:1px solid rgba(81,64,105,.13)!important;
  background:rgba(255,255,255,.78)!important;
  color:#21172b!important;
  box-shadow:0 8px 22px rgba(83,65,98,.06)!important;
}
html[data-theme="light"].nekon-next .app-promo__platforms button:hover{
  border-color:rgba(111,82,178,.28)!important;
  background:#fff!important;
}
html[data-theme="light"].nekon-next .app-promo__platforms button>span{
  color:#149888!important;
}
html[data-theme="light"].nekon-next .app-promo__platforms button small{
  color:#81758b!important;
}
html[data-theme="light"].nekon-next .app-promo__platforms button strong{
  color:#2b2034!important;
}
html[data-theme="light"].nekon-next .app-promo__spark{
  border-color:rgba(113,92,159,.12)!important;
}