/* =========================================================
   Nekon HUB v26.28
   Pulido final del carrusel móvil en tema claro:
   - más legibilidad en títulos y descripciones
   - slide 02 sin estiramiento agresivo del arte
   - slide 03 botón secundario legible
   - slide 04 mejor ajuste vertical
   Escritorio no se modifica.
   ========================================================= */

@media (max-width: 820px){
  html[data-theme="light"].nekon-next .v266-slide__content{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
  }

  html[data-theme="light"].nekon-next .v266-slide__content::before{
    content:""!important;
    position:absolute!important;
    inset:auto -1px 0 -1px!important;
    height:58%!important;
    z-index:-1!important;
    pointer-events:none!important;
    background:
      linear-gradient(180deg,
        rgba(6,4,12,0) 0%,
        rgba(6,4,12,.18) 12%,
        rgba(6,4,12,.52) 34%,
        rgba(6,4,12,.84) 58%,
        rgba(6,4,12,.98) 100%)!important;
  }

  html[data-theme="light"].nekon-next .v266-slide__content h1{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-shadow:0 8px 26px rgba(0,0,0,.52)!important;
    letter-spacing:-.06em!important;
    max-width:92%!important;
  }

  html[data-theme="light"].nekon-next .v266-slide__content h1 em{
    color:transparent!important;
    -webkit-text-fill-color:transparent!important;
    background-image:linear-gradient(110deg,var(--slide-accent),#8fd6ff 50%,#c6a8ff)!important;
    text-shadow:none!important;
  }

  html[data-theme="light"].nekon-next .v266-slide__content > p{
    max-width:96%!important;
    color:rgba(244,239,250,.92)!important;
    text-shadow:0 4px 16px rgba(0,0,0,.56)!important;
  }

  html[data-theme="light"].nekon-next .v266-slide__actions{
    margin-top:18px!important;
    gap:10px!important;
  }

  html[data-theme="light"].nekon-next .v266-slide__actions--dual{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    align-items:stretch!important;
  }

  html[data-theme="light"].nekon-next .v266-slide__actions--dual > button{
    width:100%!important;
  }

  html[data-theme="light"].nekon-next .v266-slide__actions button:not(.v266-slide__text-action){
    min-height:52px!important;
    box-shadow:0 14px 30px rgba(0,0,0,.20)!important;
  }

  html[data-theme="light"].nekon-next .v266-slide__text-action,
  html[data-theme="light"].nekon-next .v266-slide__alt-action{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:52px!important;
    padding:0 16px!important;
    border:1px solid rgba(255,255,255,.18)!important;
    border-radius:14px!important;
    background:rgba(9,7,18,.72)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-shadow:none!important;
    box-shadow:0 12px 26px rgba(0,0,0,.20)!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
  }

  /* ---- Slide 01: Análisis deportivo ---- */
  html[data-theme="light"].nekon-next .v266-slide:nth-child(1) .v266-slide__content::before{
    height:56%!important;
    background:
      linear-gradient(180deg,
        rgba(4,4,11,0) 0%,
        rgba(4,4,11,.12) 12%,
        rgba(4,4,11,.46) 34%,
        rgba(4,4,11,.84) 56%,
        rgba(4,4,11,.98) 100%),
      radial-gradient(circle at 22% 72%, rgba(18,13,33,.78), transparent 44%)!important;
  }
  html[data-theme="light"].nekon-next .v266-slide:nth-child(1) .v266-slide__visual > img{
    object-position:63% center!important;
    filter:saturate(1.02) contrast(1.08) brightness(.74)!important;
  }
  html[data-theme="light"].nekon-next .v266-slide:nth-child(1) .v266-slide__content h1{
    max-width:86%!important;
  }

  /* ---- Slide 02: Entretenimiento ---- */
  html[data-theme="light"].nekon-next .v266-slide:nth-child(2) .v266-slide__visual--accounts{
    background:
      radial-gradient(circle at 50% 12%, rgba(162,132,255,.26), transparent 24%),
      radial-gradient(circle at 86% 18%, rgba(97,212,255,.16), transparent 18%),
      linear-gradient(180deg,#0b0815 0%, #090713 58%, #070611 100%)!important;
  }
  html[data-theme="light"].nekon-next .v266-slide:nth-child(2) .v266-slide__visual--accounts::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    background:url("assets/hero/nekon-accounts-premium-free-v26-22.webp") center 22% / cover no-repeat!important;
    filter:blur(26px) saturate(1.05) brightness(.50)!important;
    opacity:.58!important;
    transform:scale(1.08)!important;
  }
  html[data-theme="light"].nekon-next .v266-slide:nth-child(2) .v266-accounts-picture,
  html[data-theme="light"].nekon-next .v266-slide:nth-child(2) .v266-accounts-single-visual{
    position:absolute!important;
    z-index:1!important;
  }
  html[data-theme="light"].nekon-next .v266-slide:nth-child(2) .v266-accounts-single-visual{
    inset:24px 0 152px 0!important;
    width:100%!important;
    height:calc(100% - 176px)!important;
    object-fit:contain!important;
    object-position:center top!important;
    filter:saturate(1.02) contrast(1.02) brightness(.95)!important;
  }
  html[data-theme="light"].nekon-next .v266-slide:nth-child(2) .v266-slide__content{
    padding-top:232px!important;
  }
  html[data-theme="light"].nekon-next .v266-slide:nth-child(2) .v266-slide__content::before{
    height:60%!important;
    background:
      linear-gradient(180deg,
        rgba(5,4,11,0) 0%,
        rgba(5,4,11,.12) 14%,
        rgba(5,4,11,.50) 35%,
        rgba(5,4,11,.88) 60%,
        rgba(5,4,11,.99) 100%),
      radial-gradient(circle at 18% 76%, rgba(48,21,86,.74), transparent 46%)!important;
  }
  html[data-theme="light"].nekon-next .v266-slide:nth-child(2) .v266-slide__content h1{
    max-width:90%!important;
    font-size:clamp(2.18rem,11vw,3.12rem)!important;
  }
  html[data-theme="light"].nekon-next .v266-slide:nth-child(2) .v266-slide__content > p{
    max-width:94%!important;
  }

  /* ---- Slide 03: Premios y comunidad ---- */
  html[data-theme="light"].nekon-next .v266-slide:nth-child(3) .v266-slide__visual > img{
    object-position:64% center!important;
    filter:saturate(1.05) contrast(1.06) brightness(.86)!important;
  }
  html[data-theme="light"].nekon-next .v266-slide:nth-child(3) .v266-slide__content::before{
    height:52%!important;
    background:
      linear-gradient(180deg,
        rgba(5,4,11,0) 0%,
        rgba(5,4,11,.10) 10%,
        rgba(5,4,11,.36) 32%,
        rgba(5,4,11,.72) 55%,
        rgba(5,4,11,.94) 82%,
        rgba(5,4,11,.98) 100%),
      linear-gradient(90deg, rgba(255,255,255,.20), rgba(255,255,255,0) 28%)!important;
  }
  html[data-theme="light"].nekon-next .v266-slide:nth-child(3) .v266-slide__alt-action,
  html[data-theme="light"].nekon-next .v266-slide:nth-child(3) .v266-slide__text-action{
    background:rgba(247,238,248,.92)!important;
    color:#22142a!important;
    -webkit-text-fill-color:#22142a!important;
    border-color:rgba(205,180,226,.85)!important;
    box-shadow:0 12px 24px rgba(54,20,78,.12)!important;
  }

  /* ---- Slide 04: Recargas ---- */
  html[data-theme="light"].nekon-next .v266-slide--recharge .v266-slide__visual{
    padding:8px 10px 0!important;
  }
  html[data-theme="light"].nekon-next .v266-slide--recharge .recharge-agency-visual{
    width:94%!important;
    transform:scale(.78)!important;
    transform-origin:top center!important;
    opacity:.97!important;
  }
  html[data-theme="light"].nekon-next .v266-slide--recharge .v266-slide__content{
    padding:214px 18px 22px!important;
  }
  html[data-theme="light"].nekon-next .v266-slide--recharge .v266-slide__content::before{
    height:62%!important;
    background:
      linear-gradient(180deg,
        rgba(4,4,11,0) 0%,
        rgba(4,4,11,.14) 12%,
        rgba(4,4,11,.50) 34%,
        rgba(4,4,11,.88) 58%,
        rgba(4,4,11,.99) 100%),
      radial-gradient(circle at 20% 76%, rgba(12,101,107,.36), transparent 42%)!important;
  }
  html[data-theme="light"].nekon-next .v266-slide--recharge .v266-slide__content h1{
    max-width:88%!important;
    font-size:clamp(2.08rem,10.2vw,3rem)!important;
  }
  html[data-theme="light"].nekon-next .v266-slide--recharge .v266-slide__actions button:not(.v266-slide__text-action){
    min-height:50px!important;
  }
}

@media (max-width: 600px){
  html[data-theme="light"].nekon-next .v266-slide__content{
    padding:236px 18px 22px!important;
  }
  html[data-theme="light"].nekon-next .v266-slide__content h1{
    font-size:clamp(2.16rem,11.3vw,3.18rem)!important;
    line-height:.93!important;
  }
  html[data-theme="light"].nekon-next .v266-slide__content > p{
    margin-top:14px!important;
    font-size:.88rem!important;
    line-height:1.52!important;
  }
  html[data-theme="light"].nekon-next .v266-slide__actions--dual{
    gap:10px!important;
  }
  html[data-theme="light"].nekon-next .v266-slide:nth-child(2) .v266-accounts-single-visual{
    inset:28px 0 148px 0!important;
    height:calc(100% - 176px)!important;
  }
  html[data-theme="light"].nekon-next .v266-slide:nth-child(2) .v266-slide__content{
    padding-top:228px!important;
  }
  html[data-theme="light"].nekon-next .v266-slide:nth-child(3) .v266-slide__content h1{
    max-width:88%!important;
  }
  html[data-theme="light"].nekon-next .v266-slide--recharge .v266-slide__content{
    padding-top:206px!important;
  }
  html[data-theme="light"].nekon-next .v266-slide--recharge .recharge-agency-visual{
    transform:scale(.74)!important;
  }
}
