/* =========================================================
   Nekon HUB v26.24
   Tema claro · imágenes del showcase sin velo blanco
   ========================================================= */

/*
  El problema provenía de dos overlays acumulados en tema claro:
  1) .v266-slide::before (terminó siendo un gradiente vertical global)
  2) .v266-slide__visual::after (otro gradiente blanco sobre la imagen)
  En escritorio dejamos el fondo claro únicamente detrás del copy y hacemos
  que termine ANTES de la mitad derecha. La imagen queda limpia desde ahí.
*/
@media (min-width: 821px){
  html[data-theme="light"].nekon-next .v266-slide::before{
    background:linear-gradient(90deg,
      #fbf7fc 0%,
      rgba(251,247,252,.995) 38%,
      rgba(251,247,252,.96) 42%,
      rgba(251,247,252,.58) 47%,
      rgba(251,247,252,.16) 51%,
      rgba(251,247,252,0) 55%)!important;
  }

  /* Ninguna capa blanca debe estar encima de la zona visual derecha. */
  html[data-theme="light"].nekon-next .v266-slide .v266-slide__visual::after,
  html[data-theme="light"].nekon-next .v266-slide:nth-child(2) .v266-slide__visual--accounts::after,
  html[data-theme="light"].nekon-next .v266-slide:nth-child(3) .v266-slide__visual::after,
  html[data-theme="light"].nekon-next .v266-slide--recharge .v266-slide__visual::after{
    background:none!important;
    box-shadow:none!important;
  }

  /* Mantener las imágenes nítidas y con su color real en claro. */
  html[data-theme="light"].nekon-next .v266-slide__visual img,
  html[data-theme="light"].nekon-next .v266-slide:nth-child(2) .v266-accounts-single-visual{
    filter:saturate(1.02) contrast(1.04) brightness(.99)!important;
    opacity:1!important;
  }

  /* Slide 02: la imagen única sigue full-bleed a la derecha, sin lavado. */
  html[data-theme="light"].nekon-next .v266-slide:nth-child(2) .v266-slide__visual--accounts{
    background:#f7f3f9!important;
  }

  /* Slide 03: anula las reglas anteriores que volvían a aclarar la foto. */
  html[data-theme="light"].nekon-next .v266-slide:nth-child(3)::before{
    background:linear-gradient(90deg,
      #fbf7fc 0%,
      rgba(251,247,252,.995) 38%,
      rgba(251,247,252,.96) 42%,
      rgba(251,247,252,.58) 47%,
      rgba(251,247,252,.16) 51%,
      rgba(251,247,252,0) 55%)!important;
  }

  /* La ilustración de recarga también queda sin velo. */
  html[data-theme="light"].nekon-next .v266-slide--recharge .v266-slide__visual{
    opacity:1!important;
  }
}

/*
  En móvil el visual va arriba y el copy debajo. Se conserva solo una transición
  suave al FINAL de la imagen; no se aplica una sábana blanca sobre toda ella.
*/
@media (max-width: 820px){
  html[data-theme="light"].nekon-next .v266-slide::before{
    background:linear-gradient(180deg,
      rgba(251,247,252,0) 0%,
      rgba(251,247,252,0) 42%,
      rgba(251,247,252,.12) 50%,
      rgba(251,247,252,.68) 58%,
      #fbf7fc 67%,
      #fbf7fc 100%)!important;
  }

  html[data-theme="light"].nekon-next .v266-slide .v266-slide__visual::after,
  html[data-theme="light"].nekon-next .v266-slide:nth-child(2) .v266-slide__visual--accounts::after,
  html[data-theme="light"].nekon-next .v266-slide:nth-child(3) .v266-slide__visual::after,
  html[data-theme="light"].nekon-next .v266-slide--recharge .v266-slide__visual::after{
    background:none!important;
    box-shadow:none!important;
  }

  html[data-theme="light"].nekon-next .v266-slide__visual img,
  html[data-theme="light"].nekon-next .v266-slide:nth-child(2) .v266-accounts-single-visual{
    filter:saturate(1.02) contrast(1.04) brightness(.99)!important;
    opacity:1!important;
  }
}