/* =========================================================
   Nekon HUB v26.27
   Móvil + tema claro: las 4 vistas del showcase usan visual
   full-bleed y el texto queda legible encima de la imagen.
   Escritorio no se modifica.
   ========================================================= */

@media (max-width: 820px){
  /* El carrusel mantiene el chrome claro, pero cada slide usa su visual completo. */
  html[data-theme="light"].nekon-next .v266-showcase__viewport{
    background:#080611!important;
  }

  html[data-theme="light"].nekon-next .v266-slide{
    position:absolute!important;
    inset:0!important;
    overflow:hidden!important;
    background:#080611!important;
    color:#fff!important;
  }

  /* Elimina definitivamente la separación blanca usada en versiones anteriores. */
  html[data-theme="light"].nekon-next .v266-slide::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    pointer-events:none!important;
    opacity:1!important;
    filter:none!important;
    box-shadow:none!important;
    background:
      linear-gradient(180deg,
        rgba(7,5,13,.02) 0%,
        rgba(7,5,13,.08) 28%,
        rgba(7,5,13,.38) 43%,
        rgba(7,5,13,.76) 57%,
        rgba(7,5,13,.94) 73%,
        #080611 100%)!important;
  }

  html[data-theme="light"].nekon-next .v266-slide::after,
  html[data-theme="light"].nekon-next .v266-slide .v266-slide__visual::after,
  html[data-theme="light"].nekon-next .v266-slide .v266-slide__content::after{
    content:none!important;
    display:none!important;
    background:none!important;
    opacity:0!important;
    filter:none!important;
    box-shadow:none!important;
  }

  /* Todos los visuales ocupan la tarjeta completa. */
  html[data-theme="light"].nekon-next .v266-slide__visual,
  html[data-theme="light"].nekon-next .v266-slide:nth-child(2) .v266-slide__visual--accounts,
  html[data-theme="light"].nekon-next .v266-slide:nth-child(3) .v266-slide__visual,
  html[data-theme="light"].nekon-next .v266-slide--recharge .v266-slide__visual{
    position:absolute!important;
    inset:0!important;
    left:0!important;
    right:0!important;
    top:0!important;
    bottom:0!important;
    width:100%!important;
    height:100%!important;
    z-index:1!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    overflow:hidden!important;
    opacity:1!important;
    box-shadow:none!important;
  }

  /* Slides con fotografía/arte: imagen completa detrás del texto. */
  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{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
    border:0!important;
    border-radius:0!important;
    margin:0!important;
    transform:none!important;
    opacity:1!important;
    filter:saturate(1.03) contrast(1.06) brightness(.78)!important;
  }

  /* Encuadres móviles específicos para aprovechar mejor cada arte. */
  html[data-theme="light"].nekon-next .v266-slide:nth-child(1) .v266-slide__visual > img{
    object-position:58% center!important;
  }
  html[data-theme="light"].nekon-next .v266-slide:nth-child(2) .v266-accounts-single-visual{
    object-position:center center!important;
  }
  html[data-theme="light"].nekon-next .v266-slide:nth-child(3) .v266-slide__visual > img{
    object-position:61% center!important;
  }

  /* El copy se monta sobre el visual en las cuatro vistas. */
  html[data-theme="light"].nekon-next .v266-slide__content{
    position:relative!important;
    z-index:3!important;
    align-self:stretch!important;
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    padding:258px 18px 26px!important;
    margin:0!important;
    background:transparent!important;
    color:#fff!important;
    box-shadow:none!important;
    isolation:isolate!important;
  }

  html[data-theme="light"].nekon-next .v266-slide__eyebrow{
    color:var(--slide-accent)!important;
    background:rgba(10,8,17,.72)!important;
    border-color:color-mix(in srgb,var(--slide-accent) 48%,transparent)!important;
    box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
  }

  html[data-theme="light"].nekon-next .v266-slide__content h1{
    color:#fff!important;
    text-shadow:0 3px 18px rgba(0,0,0,.58)!important;
  }

  html[data-theme="light"].nekon-next .v266-slide__content h1 em{
    text-shadow:0 3px 18px rgba(0,0,0,.42)!important;
  }

  html[data-theme="light"].nekon-next .v266-slide__content > p{
    color:#e5e0e9!important;
    text-shadow:0 2px 10px rgba(0,0,0,.62)!important;
  }

  html[data-theme="light"].nekon-next .v266-slide__actions > span{
    color:#ded7e3!important;
    text-shadow:0 2px 9px rgba(0,0,0,.5)!important;
  }

  html[data-theme="light"].nekon-next .v266-slide__text-action,
  html[data-theme="light"].nekon-next .v266-slide__alt-action{
    background:rgba(13,10,22,.76)!important;
    color:#fff!important;
    border-color:color-mix(in srgb,var(--slide-accent) 42%,rgba(255,255,255,.18))!important;
    box-shadow:0 12px 28px rgba(0,0,0,.24)!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
  }

  /* Recargas: su visual de proceso ocupa la zona superior y funciona como arte del slide. */
  html[data-theme="light"].nekon-next .v266-slide--recharge .v266-slide__visual{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    padding:12px 12px 0!important;
    background:
      radial-gradient(circle at 58% 25%,rgba(25,190,171,.18),transparent 36%),
      linear-gradient(155deg,#0a1019,#101827 54%,#070a11)!important;
  }
  html[data-theme="light"].nekon-next .v266-slide--recharge .recharge-agency-visual{
    width:94%!important;
    max-width:none!important;
    margin:0 auto!important;
    transform:scale(.88)!important;
    transform-origin:top center!important;
    opacity:.94!important;
  }
}

@media (max-width: 600px){
  html[data-theme="light"].nekon-next .v266-slide__content{
    padding:250px 18px 24px!important;
  }
  html[data-theme="light"].nekon-next .v266-slide__content h1{
    font-size:clamp(2.18rem,10.7vw,3.28rem)!important;
    line-height:.94!important;
  }
}