/* =========================================================
   Nekon HUB v26.29
   Ajustes finales del carrusel en TELÉFONO (tema claro):
   01) botón de Pronósticos más arriba
   02) botones Premium/Gratis idénticos + Gratis con color propio
       y arte de cuentas más grande sin recortarlo
   03) Referidos/Tickets idénticos en tamaño
   Escritorio no se modifica.
   ========================================================= */

@media (max-width: 600px){
  /* Base: ambos botones de los slides dobles ocupan exactamente lo mismo. */
  html[data-theme="light"].nekon-next .v266-slide__actions--dual{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:10px!important;
    width:100%!important;
    align-items:stretch!important;
  }

  html[data-theme="light"].nekon-next .v266-slide__actions--dual > button,
  html[data-theme="light"].nekon-next .v266-slide__actions--dual > .v266-slide__text-action,
  html[data-theme="light"].nekon-next .v266-slide__actions--dual > .v266-slide__alt-action{
    width:100%!important;
    min-width:0!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    padding:0 12px!important;
    margin:0!important;
    border-radius:14px!important;
    box-sizing:border-box!important;
    align-self:stretch!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    line-height:1.05!important;
    font-size:.69rem!important;
    font-weight:950!important;
    letter-spacing:.085em!important;
    white-space:nowrap!important;
  }

  /* 01 · Deja más aire debajo del CTA para que no quede pegado al control del carrusel. */
  html[data-theme="light"].nekon-next .v266-slide:nth-child(1) .v266-slide__content{
    padding-bottom:44px!important;
  }
  html[data-theme="light"].nekon-next .v266-slide:nth-child(1) .v266-slide__actions{
    margin-top:16px!important;
  }

  /* 02 · Imagen de cuentas: más presencia, completa y centrada, sin crop. */
  html[data-theme="light"].nekon-next .v266-slide:nth-child(2) .v266-slide__visual--accounts{
    overflow:hidden!important;
  }
  html[data-theme="light"].nekon-next .v266-slide:nth-child(2) .v266-accounts-single-visual{
    top:18px!important;
    right:auto!important;
    bottom:auto!important;
    left:-10%!important;
    width:120%!important;
    height:auto!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center top!important;
    transform:none!important;
    filter:saturate(1.04) contrast(1.03) brightness(.96)!important;
  }

  /* Mantiene el copy debajo del arte ampliado sin empujarlo al fondo. */
  html[data-theme="light"].nekon-next .v266-slide:nth-child(2) .v266-slide__content{
    padding-top:224px!important;
    padding-bottom:28px!important;
  }

  /* Premium: violeta. Gratis: turquesa/celeste, claramente distinto. */
  html[data-theme="light"].nekon-next .v266-slide:nth-child(2) .v266-slide__actions--dual > button:first-child{
    background:linear-gradient(135deg,#8e67ed 0%,#a98bff 100%)!important;
    color:#120b1d!important;
    -webkit-text-fill-color:#120b1d!important;
    border:1px solid rgba(83,47,163,.22)!important;
    box-shadow:0 12px 26px rgba(101,67,190,.22)!important;
  }
  html[data-theme="light"].nekon-next .v266-slide:nth-child(2) .v266-slide__actions--dual > button:last-child{
    background:linear-gradient(135deg,#48d6c7 0%,#7ed9f5 100%)!important;
    color:#07171a!important;
    -webkit-text-fill-color:#07171a!important;
    border:1px solid rgba(37,153,154,.24)!important;
    box-shadow:0 12px 26px rgba(47,184,181,.20)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  /* 03 · Dos CTAs exactamente iguales de tamaño; segundo con contraste fuerte. */
  html[data-theme="light"].nekon-next .v266-slide:nth-child(3) .v266-slide__actions--dual > button:first-child{
    background:linear-gradient(135deg,#c69010 0%,#e0ac36 100%)!important;
    color:#140f06!important;
    -webkit-text-fill-color:#140f06!important;
    border:1px solid rgba(150,104,10,.24)!important;
  }
  html[data-theme="light"].nekon-next .v266-slide:nth-child(3) .v266-slide__actions--dual > button:last-child{
    background:linear-gradient(135deg,#f1e6f6 0%,#f5dfe7 100%)!important;
    color:#24152c!important;
    -webkit-text-fill-color:#24152c!important;
    border:1px solid rgba(187,153,209,.55)!important;
    box-shadow:0 12px 24px rgba(73,41,93,.12)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}
