/* Nekon HUB · Cuentas Compartidas v27.97
   Rediseño compacto:
   - 3 tarjetas por fila en escritorio.
   - 2 en tablet y 1 en móvil.
   - Logos contenidos, sin recortes ni escalado exagerado.
   - Credenciales compactas.
   - Pie "Uso compartido" limpio, sin bloque negro/morado.
   - Todo acotado a #cuentas-gratis. */

html.nekon-next #cuentas-gratis .benefits-browser{
  width:min(100%,1040px)!important;
  margin-inline:auto!important;
}

html.nekon-next #cuentas-gratis .streaming-platform-shell{
  width:min(100%,1040px)!important;
  margin:0 auto 14px!important;
}

html.nekon-next #cuentas-gratis .streaming-platform-tabs{
  margin:0!important;
  padding:6px!important;
  gap:7px!important;
  border:1px solid rgba(219,183,119,.18)!important;
  border-radius:15px!important;
  background:rgba(8,9,11,.62)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.10)!important;
}

html.nekon-next #cuentas-gratis .streaming-platform-tabs button{
  min-width:116px!important;
  min-height:44px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.024)!important;
  padding:6px 9px!important;
}

html.nekon-next #cuentas-gratis .streaming-platform-tabs button.is-active{
  border-color:rgba(229,194,135,.50)!important;
  background:linear-gradient(135deg,rgba(223,186,124,.15),rgba(255,255,255,.03))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),0 7px 20px rgba(0,0,0,.09)!important;
}

html.nekon-next #cuentas-gratis .streaming-platform-tabs img,
html.nekon-next #cuentas-gratis .streaming-platform-tabs button>span{
  width:29px!important;
  height:29px!important;
  border-radius:8px!important;
  background:#fff!important;
  object-fit:contain!important;
}

html.nekon-next #cuentas-gratis .streaming-platform-tabs strong{
  font-size:.64rem!important;
  letter-spacing:.01em!important;
}

html.nekon-next #cuentas-gratis .selected-platform-heading{
  width:100%!important;
  margin:0 0 12px!important;
  padding:10px 12px!important;
  border:1px solid rgba(219,183,119,.14)!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,rgba(14,15,17,.84),rgba(9,10,12,.70))!important;
  box-shadow:none!important;
}

html.nekon-next #cuentas-gratis .selected-platform-heading__icon{
  width:38px!important;
  height:38px!important;
  border-radius:10px!important;
  background:#fff!important;
  padding:4px!important;
}

html.nekon-next #cuentas-gratis .selected-platform-heading__icon img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}

html.nekon-next #cuentas-gratis .selected-platform-heading small{
  color:#cfb98f!important;
  font-size:.46rem!important;
  letter-spacing:.12em!important;
}

html.nekon-next #cuentas-gratis .selected-platform-heading h2{
  margin:2px 0 1px!important;
  font-size:.92rem!important;
}

html.nekon-next #cuentas-gratis .selected-platform-heading p{
  margin:0!important;
  color:#8e9299!important;
  font-size:.59rem!important;
}

/* ===== GRID: 3 TARJETAS POR FILA EN ESCRITORIO ===== */
html.nekon-next #cuentas-gratis .shared-access-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
  width:100%!important;
}

/* ===== TARJETA ===== */
html.nekon-next #cuentas-gratis .shared-access-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(217,174,107,.68)!important;
  border-radius:15px!important;
  background:#070808!important;
  box-shadow:0 12px 28px rgba(0,0,0,.23),inset 0 0 0 1px rgba(255,255,255,.016)!important;
  isolation:isolate!important;
}

html.nekon-next #cuentas-gratis .shared-access-card::before{
  content:""!important;
  position:absolute!important;
  inset:6px!important;
  border:1px solid rgba(191,145,81,.46)!important;
  border-radius:10px!important;
  pointer-events:none!important;
  z-index:4!important;
}

/* ===== CABECERA BLANCA / LOGO ===== */
html.nekon-next #cuentas-gratis .shared-access-card__brand{
  position:relative!important;
  height:110px!important;
  display:grid!important;
  place-items:center!important;
  padding:24px 14px 10px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfbfb 88%,#f3f3f3 100%)!important;
  overflow:hidden!important;
}

html.nekon-next #cuentas-gratis .shared-access-card__brand::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:12px!important;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.045))!important;
  pointer-events:none!important;
}

html.nekon-next #cuentas-gratis .shared-access-card__badge{
  position:absolute!important;
  top:11px!important;
  right:12px!important;
  z-index:2!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:22px!important;
  padding:0 9px!important;
  border:1px solid rgba(77,144,58,.68)!important;
  border-radius:999px!important;
  background:rgba(113,173,91,.10)!important;
  color:#4c913b!important;
  font-size:.42rem!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.025em!important;
  white-space:nowrap!important;
}

html.nekon-next #cuentas-gratis .shared-access-card__index{
  position:absolute!important;
  top:14px!important;
  left:13px!important;
  z-index:2!important;
  color:#a67a43!important;
  font-size:.38rem!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
}

html.nekon-next #cuentas-gratis .shared-access-card__logo{
  width:112px!important;
  height:68px!important;
  max-width:46%!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  background:transparent!important;
}

html.nekon-next #cuentas-gratis .shared-access-card__logo img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:68px!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
  border-radius:12px!important;
}

html.nekon-next #cuentas-gratis .shared-access-card__logo strong{
  color:#111!important;
  font-size:1.45rem!important;
  letter-spacing:-.045em!important;
}

/* ===== CUERPO COMPACTO ===== */
html.nekon-next #cuentas-gratis .shared-access-card__body{
  position:relative!important;
  z-index:1!important;
  padding:14px 14px 13px!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(230,184,115,.09),transparent 28%),
    radial-gradient(circle at 88% 16%,rgba(125,177,201,.07),transparent 26%),
    linear-gradient(180deg,#101112 0%,#080909 56%,#070808 100%)!important;
  color:#fff!important;
}

html.nekon-next #cuentas-gratis .shared-access-card__heading{
  text-align:center!important;
  min-width:0!important;
}

html.nekon-next #cuentas-gratis .shared-access-card__heading small{
  display:inline-block!important;
  padding-bottom:3px!important;
  border-bottom:1px solid rgba(100,186,199,.48)!important;
  color:#74c8d6!important;
  font-size:.44rem!important;
  font-weight:850!important;
  letter-spacing:.065em!important;
  line-height:1.2!important;
}

html.nekon-next #cuentas-gratis .shared-access-card__heading h2{
  margin:6px 0 3px!important;
  color:#fff!important;
  font-family:inherit!important;
  font-size:1.06rem!important;
  font-weight:760!important;
  line-height:1.08!important;
  letter-spacing:-.018em!important;
  overflow-wrap:anywhere!important;
}

html.nekon-next #cuentas-gratis .shared-access-card__heading p{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  margin:0 auto!important;
  max-width:100%!important;
  color:#cabfcd!important;
  font-size:.58rem!important;
  line-height:1.32!important;
  min-height:1.55em!important;
}

/* ===== CREDENCIALES: APILADAS DENTRO DE CADA TARJETA ===== */
html.nekon-next #cuentas-gratis .shared-access-card__credentials{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  margin-top:12px!important;
}

html.nekon-next #cuentas-gratis .shared-credential{
  min-width:0!important;
  min-height:47px!important;
  display:grid!important;
  grid-template-columns:21px minmax(0,1fr) 17px!important;
  align-items:center!important;
  gap:7px!important;
  padding:7px 9px!important;
  border:1px solid rgba(189,199,209,.44)!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,rgba(17,25,37,.93),rgba(17,18,22,.90))!important;
  color:#fff!important;
  text-align:left!important;
  cursor:pointer!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.022)!important;
}

html.nekon-next #cuentas-gratis .shared-credential:hover{
  border-color:rgba(128,201,214,.70)!important;
  transform:translateY(-1px)!important;
}

html.nekon-next #cuentas-gratis .shared-credential__icon{
  width:21px!important;
  height:21px!important;
  display:grid!important;
  place-items:center!important;
  color:#86c7d1!important;
}

html.nekon-next #cuentas-gratis .shared-credential__icon svg{
  width:17px!important;
  height:17px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

html.nekon-next #cuentas-gratis .shared-credential__copy{
  min-width:0!important;
  display:grid!important;
  gap:1px!important;
}

html.nekon-next #cuentas-gratis .shared-credential__copy small{
  color:#abd7df!important;
  font-size:.40rem!important;
  font-weight:800!important;
  letter-spacing:.03em!important;
}

html.nekon-next #cuentas-gratis .shared-credential__copy strong{
  min-width:0!important;
  color:#fff!important;
  font-size:.63rem!important;
  line-height:1.2!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

html.nekon-next #cuentas-gratis .shared-credential__copyicon{
  color:#89909b!important;
  font-style:normal!important;
  font-size:.75rem!important;
  text-align:center!important;
}

html.nekon-next #cuentas-gratis .shared-access-card__soon{
  margin-top:11px!important;
  padding:9px!important;
  border:1px dashed rgba(255,255,255,.15)!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#9aa0a7!important;
  text-align:center!important;
  font-size:.58rem!important;
}

/* Elimina por completo el rectángulo negro/morado del pie */
html.nekon-next #cuentas-gratis .shared-access-card__body footer{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:11px 0 0!important;
  padding:8px 0 0!important;
  border:0!important;
  border-top:1px solid rgba(213,173,108,.44)!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#d8bf98!important;
  font-size:.49rem!important;
  font-weight:500!important;
  line-height:1.25!important;
  text-align:center!important;
  white-space:normal!important;
}

/* TABLET */
@media (max-width:980px){
  html.nekon-next #cuentas-gratis .benefits-browser,
  html.nekon-next #cuentas-gratis .streaming-platform-shell{
    width:min(100%,760px)!important;
  }
  html.nekon-next #cuentas-gratis .shared-access-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
}

/* TELÉFONO */
@media (max-width:680px){
  html.nekon-next #cuentas-gratis .page-title{
    margin-bottom:14px!important;
  }

  html.nekon-next #cuentas-gratis .benefits-browser,
  html.nekon-next #cuentas-gratis .streaming-platform-shell{
    width:100%!important;
  }

  html.nekon-next #cuentas-gratis .streaming-platform-shell{
    margin-bottom:9px!important;
  }

  html.nekon-next #cuentas-gratis .streaming-platform-tabs{
    padding:5px!important;
    gap:5px!important;
    border-radius:12px!important;
  }

  html.nekon-next #cuentas-gratis .streaming-platform-tabs button{
    min-width:101px!important;
    min-height:40px!important;
    padding:4px 7px!important;
  }

  html.nekon-next #cuentas-gratis .streaming-platform-tabs img,
  html.nekon-next #cuentas-gratis .streaming-platform-tabs button>span{
    width:25px!important;
    height:25px!important;
  }

  html.nekon-next #cuentas-gratis .streaming-platform-tabs strong{
    font-size:.56rem!important;
  }

  html.nekon-next #cuentas-gratis .selected-platform-heading{
    padding:8px 9px!important;
    margin-bottom:9px!important;
    border-radius:11px!important;
  }

  html.nekon-next #cuentas-gratis .selected-platform-heading__icon{
    width:33px!important;
    height:33px!important;
  }

  html.nekon-next #cuentas-gratis .selected-platform-heading h2{
    font-size:.78rem!important;
  }

  html.nekon-next #cuentas-gratis .selected-platform-heading p{
    font-size:.53rem!important;
  }

  html.nekon-next #cuentas-gratis .shared-access-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  html.nekon-next #cuentas-gratis .shared-access-card{
    max-width:430px!important;
    margin-inline:auto!important;
    border-radius:13px!important;
  }

  html.nekon-next #cuentas-gratis .shared-access-card::before{
    inset:5px!important;
    border-radius:8px!important;
  }

  html.nekon-next #cuentas-gratis .shared-access-card__brand{
    height:94px!important;
    padding:22px 12px 8px!important;
  }

  html.nekon-next #cuentas-gratis .shared-access-card__badge{
    top:9px!important;
    right:10px!important;
    min-height:20px!important;
    padding:0 8px!important;
    font-size:.37rem!important;
  }

  html.nekon-next #cuentas-gratis .shared-access-card__index{
    top:12px!important;
    left:11px!important;
    font-size:.33rem!important;
  }

  html.nekon-next #cuentas-gratis .shared-access-card__logo{
    width:96px!important;
    height:58px!important;
    max-width:44%!important;
  }

  html.nekon-next #cuentas-gratis .shared-access-card__logo img{
    max-height:58px!important;
    border-radius:10px!important;
  }

  html.nekon-next #cuentas-gratis .shared-access-card__body{
    padding:11px 12px 11px!important;
  }

  html.nekon-next #cuentas-gratis .shared-access-card__heading small{
    font-size:.40rem!important;
  }

  html.nekon-next #cuentas-gratis .shared-access-card__heading h2{
    margin-top:5px!important;
    font-size:.94rem!important;
  }

  html.nekon-next #cuentas-gratis .shared-access-card__heading p{
    font-size:.54rem!important;
    line-height:1.28!important;
  }

  html.nekon-next #cuentas-gratis .shared-access-card__credentials{
    gap:6px!important;
    margin-top:9px!important;
  }

  html.nekon-next #cuentas-gratis .shared-credential{
    min-height:43px!important;
    grid-template-columns:19px minmax(0,1fr) 15px!important;
    gap:6px!important;
    padding:6px 8px!important;
    border-radius:9px!important;
  }

  html.nekon-next #cuentas-gratis .shared-credential__icon{
    width:19px!important;
    height:19px!important;
  }

  html.nekon-next #cuentas-gratis .shared-credential__icon svg{
    width:15px!important;
    height:15px!important;
  }

  html.nekon-next #cuentas-gratis .shared-credential__copy small{
    font-size:.37rem!important;
  }

  html.nekon-next #cuentas-gratis .shared-credential__copy strong{
    font-size:.59rem!important;
  }

  html.nekon-next #cuentas-gratis .shared-credential__copyicon{
    font-size:.69rem!important;
  }

  html.nekon-next #cuentas-gratis .shared-access-card__body footer{
    margin-top:8px!important;
    padding-top:7px!important;
    font-size:.45rem!important;
  }
}

@media (max-width:380px){
  html.nekon-next #cuentas-gratis .shared-access-card{
    max-width:100%!important;
  }

  html.nekon-next #cuentas-gratis .shared-access-card__brand{
    height:88px!important;
  }

  html.nekon-next #cuentas-gratis .shared-access-card__logo{
    width:88px!important;
    height:52px!important;
  }

  html.nekon-next #cuentas-gratis .shared-access-card__logo img{
    max-height:52px!important;
  }

  html.nekon-next #cuentas-gratis .shared-access-card__heading h2{
    font-size:.88rem!important;
  }

  html.nekon-next #cuentas-gratis .shared-access-card__heading p{
    font-size:.50rem!important;
  }

  html.nekon-next #cuentas-gratis .shared-credential{
    min-height:41px!important;
  }

  html.nekon-next #cuentas-gratis .shared-credential__copy strong{
    font-size:.56rem!important;
  }
}


/* =========================================================
   Nekon HUB · Cuentas Compartidas v27.97
   Ajustes finales:
   - bloque general un poco más grande en escritorio
   - selector de plataformas más cómodo y legible
   - plataforma activa con texto SIEMPRE visible
   - nombres contenidos dentro de cada botón en móvil
   - tarjetas ligeramente más amplias sin perder 3 por fila
   ========================================================= */

html.nekon-next #cuentas-gratis .benefits-browser,
html.nekon-next #cuentas-gratis .streaming-platform-shell{
  width:min(100%,1180px)!important;
}

html.nekon-next #cuentas-gratis .streaming-platform-tabs{
  width:100%!important;
  box-sizing:border-box!important;
  padding:7px!important;
  gap:8px!important;
  border-radius:16px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scroll-snap-type:x proximity!important;
}

html.nekon-next #cuentas-gratis .streaming-platform-tabs button{
  flex:0 0 auto!important;
  width:max-content!important;
  min-width:128px!important;
  max-width:none!important;
  min-height:48px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  padding:7px 11px!important;
  gap:9px!important;
  color:#f1f1f3!important;
  white-space:nowrap!important;
  scroll-snap-align:start!important;
}

html.nekon-next #cuentas-gratis .streaming-platform-tabs button strong{
  display:block!important;
  min-width:0!important;
  max-width:none!important;
  color:inherit!important;
  font-size:.69rem!important;
  font-weight:850!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

html.nekon-next #cuentas-gratis .streaming-platform-tabs button img,
html.nekon-next #cuentas-gratis .streaming-platform-tabs button>span{
  flex:0 0 32px!important;
  width:32px!important;
  height:32px!important;
  border-radius:9px!important;
}

/* Seleccionada: contraste alto para que nunca vuelva a quedar texto negro */
html.nekon-next #cuentas-gratis .streaming-platform-tabs button.is-active{
  border-color:rgba(235,195,116,.88)!important;
  background:
    linear-gradient(135deg,rgba(121,72,37,.78),rgba(57,39,36,.92))!important;
  color:#fff7e9!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,232,181,.15),
    0 0 0 1px rgba(224,180,96,.12),
    0 8px 22px rgba(0,0,0,.18),
    0 0 18px rgba(218,166,82,.10)!important;
}

html.nekon-next #cuentas-gratis .streaming-platform-tabs button.is-active strong{
  color:#fff7e9!important;
  text-shadow:0 1px 1px rgba(0,0,0,.55)!important;
}

html.nekon-next #cuentas-gratis .streaming-platform-tabs button.is-active img,
html.nekon-next #cuentas-gratis .streaming-platform-tabs button.is-active>span{
  box-shadow:0 0 0 2px rgba(255,223,161,.32)!important;
}

/* Un poco más de presencia a las 3 tarjetas sin hacerlas enormes */
html.nekon-next #cuentas-gratis .shared-access-grid{
  gap:16px!important;
}

html.nekon-next #cuentas-gratis .shared-access-card__brand{
  height:120px!important;
  padding:25px 15px 11px!important;
}

html.nekon-next #cuentas-gratis .shared-access-card__logo{
  width:122px!important;
  height:74px!important;
  max-width:48%!important;
}

html.nekon-next #cuentas-gratis .shared-access-card__logo img{
  max-height:74px!important;
}

html.nekon-next #cuentas-gratis .shared-access-card__body{
  padding:16px 15px 14px!important;
}

html.nekon-next #cuentas-gratis .shared-access-card__heading h2{
  font-size:1.12rem!important;
}

html.nekon-next #cuentas-gratis .shared-access-card__heading p{
  font-size:.61rem!important;
}

html.nekon-next #cuentas-gratis .shared-credential{
  min-height:50px!important;
  padding:8px 10px!important;
}

html.nekon-next #cuentas-gratis .shared-credential__copy strong{
  font-size:.66rem!important;
}

/* Tablet: conserva dos columnas y un selector cómodo */
@media (min-width:681px) and (max-width:980px){
  html.nekon-next #cuentas-gratis .benefits-browser,
  html.nekon-next #cuentas-gratis .streaming-platform-shell{
    width:min(100%,820px)!important;
  }

  html.nekon-next #cuentas-gratis .streaming-platform-tabs button{
    min-width:122px!important;
    min-height:46px!important;
  }

  html.nekon-next #cuentas-gratis .streaming-platform-tabs button strong{
    font-size:.65rem!important;
  }
}

/* Móvil: ningún nombre puede salirse del cuadrito.
   Cada botón crece lo necesario y el carrusel se desplaza horizontalmente. */
@media (max-width:680px){
  html.nekon-next #cuentas-gratis .streaming-platform-shell{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  html.nekon-next #cuentas-gratis .streaming-platform-tabs{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    padding:6px!important;
    gap:6px!important;
    margin:0 auto 10px!important;
    border-radius:13px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-padding-inline:6px!important;
  }

  html.nekon-next #cuentas-gratis .streaming-platform-tabs button{
    flex:0 0 auto!important;
    width:max-content!important;
    min-width:112px!important;
    max-width:none!important;
    min-height:44px!important;
    padding:5px 9px!important;
    gap:7px!important;
    border-radius:10px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  html.nekon-next #cuentas-gratis .streaming-platform-tabs button img,
  html.nekon-next #cuentas-gratis .streaming-platform-tabs button>span{
    flex:0 0 27px!important;
    width:27px!important;
    height:27px!important;
    border-radius:8px!important;
  }

  html.nekon-next #cuentas-gratis .streaming-platform-tabs button strong{
    display:block!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    color:inherit!important;
    font-size:.58rem!important;
    font-weight:850!important;
    line-height:1.08!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  html.nekon-next #cuentas-gratis .streaming-platform-tabs button.is-active,
  html.nekon-next #cuentas-gratis .streaming-platform-tabs button.is-active strong{
    color:#fff7e9!important;
  }

  /* Le damos un poco más de tamaño a la tarjeta, manteniendo buen encaje */
  html.nekon-next #cuentas-gratis .shared-access-card{
    width:100%!important;
    max-width:455px!important;
  }

  html.nekon-next #cuentas-gratis .shared-access-card__brand{
    height:101px!important;
    padding:23px 12px 9px!important;
  }

  html.nekon-next #cuentas-gratis .shared-access-card__logo{
    width:103px!important;
    height:62px!important;
  }

  html.nekon-next #cuentas-gratis .shared-access-card__logo img{
    max-height:62px!important;
  }

  html.nekon-next #cuentas-gratis .shared-access-card__body{
    padding:12px 13px 12px!important;
  }

  html.nekon-next #cuentas-gratis .shared-access-card__heading h2{
    font-size:.99rem!important;
  }

  html.nekon-next #cuentas-gratis .shared-access-card__heading p{
    font-size:.56rem!important;
  }

  html.nekon-next #cuentas-gratis .shared-credential{
    min-height:45px!important;
  }

  html.nekon-next #cuentas-gratis .shared-credential__copy strong{
    font-size:.61rem!important;
  }
}

/* Pantallas muy estrechas: se conserva el contenido dentro del viewport */
@media (max-width:380px){
  html.nekon-next #cuentas-gratis .streaming-platform-tabs button{
    min-width:108px!important;
    min-height:42px!important;
    padding-inline:8px!important;
  }

  html.nekon-next #cuentas-gratis .streaming-platform-tabs button strong{
    font-size:.55rem!important;
  }
}


/* =========================================================
   Nekon HUB · Cuentas Compartidas v27.97
   Imagen individual por cuenta a sangrado completo.
   - Si el administrador cargó una foto para esa cuenta, ocupa
     TODO el bloque visual superior con recorte proporcional.
   - Si no existe foto individual, el logo general de la
     plataforma conserva su presentación centrada/contain.
   - Misma regla en escritorio, tablet y app móvil.
   ========================================================= */
html.nekon-next #cuentas-gratis .shared-access-card__brand{
  isolation:isolate!important;
}

html.nekon-next #cuentas-gratis .shared-access-card__logo--account-image{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  display:block!important;
  overflow:hidden!important;
  background:#0b0b0c!important;
}

html.nekon-next #cuentas-gratis .shared-access-card__logo--account-image img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  border:0!important;
  border-radius:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:none!important;
  transform:none!important;
}

/* Protege la lectura de ACCESO 01 / ACCESO COMPARTIDO sobre fotos claras u oscuras. */
html.nekon-next #cuentas-gratis .shared-access-card__logo--account-image ~ .shared-access-card__badge,
html.nekon-next #cuentas-gratis .shared-access-card__logo--account-image ~ .shared-access-card__index{
  z-index:3!important;
}

html.nekon-next #cuentas-gratis .shared-access-card__brand:has(.shared-access-card__logo--account-image)::after{
  z-index:1!important;
  height:100%!important;
  background:linear-gradient(180deg,rgba(0,0,0,.16) 0%,rgba(0,0,0,.02) 38%,rgba(0,0,0,.12) 100%)!important;
}

html.nekon-next #cuentas-gratis .shared-access-card__brand:has(.shared-access-card__logo--account-image) .shared-access-card__index{
  padding:4px 7px!important;
  border-radius:999px!important;
  background:rgba(7,8,9,.54)!important;
  color:#ffe2ad!important;
  text-shadow:0 1px 2px rgba(0,0,0,.72)!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
}

html.nekon-next #cuentas-gratis .shared-access-card__brand:has(.shared-access-card__logo--account-image) .shared-access-card__badge{
  background:rgba(245,255,241,.88)!important;
  box-shadow:0 4px 12px rgba(0,0,0,.12)!important;
  backdrop-filter:blur(4px)!important;
  -webkit-backdrop-filter:blur(4px)!important;
}

/* Fallback sin :has() para WebView antiguos: la foto igual ocupa todo el bloque. */
html.nekon-next #cuentas-gratis .shared-access-card__brand > .shared-access-card__logo--account-image{
  pointer-events:none!important;
}

@media (max-width:680px){
  html.nekon-next #cuentas-gratis .shared-access-card__logo--account-image,
  html.nekon-next #cuentas-gratis .shared-access-card__logo--account-image img{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    border-radius:0!important;
  }
}

@media (max-width:380px){
  html.nekon-next #cuentas-gratis .shared-access-card__logo--account-image,
  html.nekon-next #cuentas-gratis .shared-access-card__logo--account-image img{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
  }
}