/* KOVRA — cierre visual del bloque ¿Por qué necesito KOVRA? */
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-benefits{
  height:auto !important;
  min-height:0 !important;
  border-color:rgba(83,241,127,.09) !important;
  background:linear-gradient(160deg,rgba(13,22,17,.94),rgba(7,12,9,.97)) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.18) !important;
}

body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-benefits-head{
  margin:0 0 6px !important;
  padding:4px 3px 7px !important;
  border-bottom:1px solid rgba(255,255,255,.055) !important;
  background:transparent !important;
}

/* Quita el sello "15 RAZONES REALES" y el brillo inferior añadido anteriormente. */
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-benefits-head::before,
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-benefits-head::after{
  content:none !important;
  display:none !important;
}

body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-benefits-badge,
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-benefits-head p{
  display:none !important;
}

/* El título es texto real, limpio y sin doble pseudo-título. */
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-benefits h2{
  display:block !important;
  margin:0 !important;
  font-size:clamp(18px,4.7vw,21px) !important;
  line-height:1.08 !important;
  font-weight:900 !important;
  letter-spacing:-.025em !important;
  color:#edf4ef !important;
  text-align:center !important;
  text-shadow:none !important;
}

body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-benefits h2::before,
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-benefits h2::after{
  content:none !important;
  display:none !important;
}

body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-benefits h2 strong{
  color:var(--auth-green,#53f17f) !important;
  font:inherit !important;
  font-weight:950 !important;
  text-shadow:0 0 12px rgba(83,241,127,.10) !important;
}

/* Las razones usan exactamente la misma cuadrícula y el mismo componente. */
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-feature-list{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:5px 12px !important;
  align-content:start !important;
}

/* Anula razones que antes se generaban como pseudo-elementos. */
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-feature-list::before,
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-feature-list::after,
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-benefits-body::after{
  content:none !important;
  display:none !important;
}

body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-feature{
  display:grid !important;
  grid-template-columns:21px minmax(0,1fr) !important;
  gap:6px !important;
  align-items:start !important;
  min-width:0 !important;
  margin:0 !important;
  padding:4px 1px !important;
  border:0 !important;
  background:transparent !important;
}

body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-feature-icon{
  width:20px !important;
  height:20px !important;
  margin:0 !important;
  border:1px solid rgba(83,241,127,.08) !important;
  border-radius:7px !important;
  background:rgba(83,241,127,.035) !important;
  color:rgba(83,241,127,.72) !important;
  box-shadow:none !important;
}

body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-feature-icon svg{
  width:12px !important;
  height:12px !important;
  opacity:.88 !important;
}

body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-feature p,
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-feature p strong{
  margin:0 !important;
  font-family:inherit !important;
  font-size:12px !important;
  line-height:1.2 !important;
}

body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-feature p{
  color:#c9d2cc !important;
  font-weight:620 !important;
}

/* El énfasis sigue existiendo, pero ya no pinta toda la lista de verde. */
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-feature p strong{
  color:#eef3ef !important;
  font-weight:780 !important;
  text-shadow:none !important;
}

@media(min-height:820px) and (max-width:620px){
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-benefits{
    height:auto !important;
    min-height:0 !important;
    padding:11px 12px 10px !important;
  }
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-feature-list{
    gap:5px 12px !important;
  }
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-feature p,
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-feature p strong{
    font-size:12px !important;
    line-height:1.2 !important;
  }
}

@media(max-height:760px) and (max-width:620px){
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-benefits{
    height:auto !important;
    min-height:0 !important;
    padding:7px 8px 6px !important;
  }
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-benefits-head{
    margin-bottom:4px !important;
    padding:2px 2px 5px !important;
  }
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-benefits h2{
    font-size:15.7px !important;
  }
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-feature-list{
    gap:2px 8px !important;
  }
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-feature{
    padding:2px 0 !important;
  }
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-feature p,
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-feature p strong{
    font-size:12px !important;
    line-height:1.15 !important;
  }
}

/* =========================================================
   AJUSTE DE ACCESO — 6 RAZONES VISIBLES + ICONOS MÁS VIVOS
   ========================================================= */

/* En acceso se muestran 6 razones al inicio: 3 filas x 2 columnas. */
body.auth-premium-page:has(.access-shell.auth-gateway-shell) .auth-feature-list:not(.auth-benefits-expanded) > .auth-feature:nth-child(n+7){
  display:none !important;
}

/* Los iconos ya se distinguen a simple vista sin convertirse en bloques pesados. */
body.auth-premium-page:has(.access-shell.auth-gateway-shell) .auth-benefits .auth-feature{
  grid-template-columns:33px minmax(0,1fr) !important;
  gap:8px !important;
  align-items:center !important;
  padding:5px 1px !important;
}

body.auth-premium-page:has(.access-shell.auth-gateway-shell) .auth-benefits .auth-feature-icon{
  width:30px !important;
  height:30px !important;
  border:1px solid rgba(83,241,127,.24) !important;
  border-radius:9px !important;
  background:
    radial-gradient(circle at 35% 25%,rgba(83,241,127,.15),transparent 58%),
    rgba(83,241,127,.065) !important;
  color:#67f58f !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.018),
    0 0 12px rgba(83,241,127,.075) !important;
}

body.auth-premium-page:has(.access-shell.auth-gateway-shell) .auth-benefits .auth-feature-icon svg{
  width:19px !important;
  height:19px !important;
  opacity:1 !important;
  filter:drop-shadow(0 0 4px rgba(83,241,127,.18));
}

/* Botón discreto para desplegar las razones restantes hacia abajo. */
body.auth-premium-page:has(.access-shell.auth-gateway-shell) .auth-benefits-more{
  width:100%;
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:8px 0 0;
  padding:7px 12px;
  border:1px solid rgba(83,241,127,.15);
  border-radius:10px;
  background:rgba(83,241,127,.045);
  color:#cfe0d4;
  font-family:inherit;
  font-size:12px;
  font-weight:780;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}

body.auth-premium-page:has(.access-shell.auth-gateway-shell) .auth-benefits-more:active{
  background:rgba(83,241,127,.07);
}

body.auth-premium-page:has(.access-shell.auth-gateway-shell) .auth-benefits-more-chevron{
  color:#53f17f;
  font-size:15px;
  line-height:1;
  transition:transform .16s ease;
}

body.auth-premium-page:has(.access-shell.auth-gateway-shell) .auth-benefits-more.expanded .auth-benefits-more-chevron{
  transform:rotate(180deg);
}

@media(max-width:420px){
  body.auth-premium-page:has(.access-shell.auth-gateway-shell) .auth-benefits .auth-feature{
    grid-template-columns:31px minmax(0,1fr) !important;
    gap:7px !important;
  }

  body.auth-premium-page:has(.access-shell.auth-gateway-shell) .auth-benefits .auth-feature-icon{
    width:29px !important;
    height:29px !important;
  }

  body.auth-premium-page:has(.access-shell.auth-gateway-shell) .auth-benefits .auth-feature-icon svg{
    width:18px !important;
    height:18px !important;
  }
}