/* KOVRA — cierre visual del bloque comercial del acceso.
   Mantiene las 12 capacidades como filas individuales con icono y corrige el título en todos los tamaños. */

body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)){
  overflow-y:auto !important;
}

body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-gateway-shell{
  height:auto !important;
  min-height:100svh !important;
  max-height:none !important;
  grid-template-rows:auto auto auto auto !important;
  align-content:start !important;
  overflow:visible !important;
  gap:4px !important;
}

body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-benefits{
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:9px 10px 8px !important;
  justify-content:flex-start !important;
}

body.auth-premium-page .auth-gateway-shell .auth-benefits .auth-benefits-head{
  position:relative !important;
  z-index:1 !important;
  overflow:visible !important;
  margin:0 0 7px !important;
  padding:2px 2px 7px !important;
}

body.auth-premium-page .auth-gateway-shell .auth-benefits h2{
  display:block !important;
  width:100% !important;
  min-height:0 !important;
  overflow:visible !important;
  white-space:normal !important;
  text-align:center !important;
  line-height:1.08 !important;
}

body.auth-premium-page .auth-gateway-shell .auth-benefits h2::before,
body.auth-premium-page .auth-gateway-shell .auth-benefits h2::after{
  font-size:clamp(16.5px,4.35vw,19px) !important;
  line-height:1.08 !important;
}

/* Las cuatro capacidades nuevas dejan de generarse como bloques gordos. */
body.auth-premium-page .auth-gateway-shell .auth-benefits .auth-feature-list::before,
body.auth-premium-page .auth-gateway-shell .auth-benefits .auth-feature-list::after{
  display:none !important;
  content:none !important;
}

/* Las 12 capacidades usan exactamente el mismo patrón visual. */
body.auth-premium-page .auth-gateway-shell .auth-benefits .auth-feature-list{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:3px 8px !important;
  align-content:start !important;
}

body.auth-premium-page .auth-gateway-shell .auth-benefits .auth-feature{
  display:grid !important;
  grid-template-columns:21px minmax(0,1fr) !important;
  gap:5px !important;
  padding:3px 0 !important;
  margin:0 !important;
  align-items:start !important;
  min-width:0 !important;
  border:0 !important;
  background:transparent !important;
}

body.auth-premium-page .auth-gateway-shell .auth-benefits .auth-feature-icon{
  width:20px !important;
  height:20px !important;
  border-radius:7px !important;
  margin:0 !important;
}

body.auth-premium-page .auth-gateway-shell .auth-benefits .auth-feature-icon svg{
  width:12px !important;
  height:12px !important;
}

body.auth-premium-page .auth-gateway-shell .auth-benefits .auth-feature p,
body.auth-premium-page .auth-gateway-shell .auth-benefits .auth-feature p strong{
  margin:0 !important;
  font-family:inherit !important;
  font-size:12px !important;
  line-height:1.18 !important;
  font-weight:650 !important;
}

body.auth-premium-page .auth-gateway-shell .auth-benefits .auth-feature p{
  color:#d3ddd6 !important;
}
body.auth-premium-page .auth-gateway-shell .auth-benefits .auth-feature p strong{
  color:var(--auth-green,#53f17f) !important;
}

/* La analítica permanece fuera: aquí solo se vende KOVRA mediante capacidades reales. */
body.auth-premium-page .auth-gateway-shell .auth-benefits .auth-product-visual{
  display: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;
    justify-content:flex-start !important;
    padding-top:10px !important;
    padding-bottom:9px !important;
  }
  body.auth-premium-page .auth-gateway-shell .auth-benefits .auth-feature-list{
    gap:4px 8px !important;
  }
}

@media(max-height:760px) and (max-width:620px){
  body.auth-premium-page .auth-gateway-shell .auth-benefits{
    padding:7px 8px 6px !important;
  }
  body.auth-premium-page .auth-gateway-shell .auth-benefits .auth-benefits-head{
    margin-bottom:5px !important;
    padding-bottom:5px !important;
  }
  body.auth-premium-page .auth-gateway-shell .auth-benefits h2::before,
  body.auth-premium-page .auth-gateway-shell .auth-benefits h2::after{
    font-size:15.5px !important;
  }
  body.auth-premium-page .auth-gateway-shell .auth-benefits .auth-feature{
    padding:2px 0 !important;
  }
  body.auth-premium-page .auth-gateway-shell .auth-benefits .auth-feature p,
  body.auth-premium-page .auth-gateway-shell .auth-benefits .auth-feature p strong{
    font-size:12px !important;
    line-height:1.15 !important;
  }
}

@media(max-height:690px) and (max-width:620px){
  body.auth-premium-page .auth-gateway-shell .auth-benefits h2::before,
  body.auth-premium-page .auth-gateway-shell .auth-benefits h2::after{
    font-size:14.8px !important;
  }
  body.auth-premium-page .auth-gateway-shell .auth-benefits .auth-feature p,
  body.auth-premium-page .auth-gateway-shell .auth-benefits .auth-feature p strong{
    font-size:12px !important;
  }
}

/* =========================================================
   AJUSTE POR ALTURA DE DISPOSITIVO + CONTROLES DEL LOGIN
   ========================================================= */

/* Pestañas superiores con más presencia. */
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-main-card{
  padding:9px 10px 7px !important;
}
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-mode-tabs{
  margin-bottom:7px !important;
}
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-tab{
  min-height:38px !important;
  padding:5px 3px 6px !important;
  font-size:12px !important;
  line-height:1.05 !important;
  gap:5px !important;
}
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-tab svg{
  width:16px !important;
  height:16px !important;
  flex-basis:16px !important;
}

/* Etiquetas e iconos del formulario más legibles. */
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-main-card .field{
  margin-bottom:6px !important;
}
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-main-card .field > span{
  margin-bottom:3px !important;
  font-size:12.6px !important;
  line-height:1.1 !important;
  font-weight:760 !important;
}
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-input-shell,
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-main-card .password-field{
  min-height:41px !important;
  grid-template-columns:36px minmax(0,1fr) auto !important;
  border-radius:10px !important;
}
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-input-shell input,
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-main-card .password-field input{
  height:41px !important;
  font-size:16px !important;
}
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-input-icon{
  width:35px !important;
  height:35px !important;
}
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-input-icon svg{
  width:18px !important;
  height:18px !important;
}
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .password-field > button{
  font-size:12px !important;
  padding-inline:9px !important;
}
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-forgot-link{
  margin:1px 1px 6px auto !important;
  font-size:12px !important;
  line-height:1.12 !important;
  font-weight:760 !important;
}
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-primary-button,
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-main-card .login-button{
  min-height:42px !important;
  font-size:13.6px !important;
}
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-trust-line{
  margin-top:6px !important;
  padding-top:6px !important;
  font-size:12px !important;
}

/* El título comercial siempre parte desde arriba del cuadro, nunca escondido. */
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-benefits{
  justify-content:flex-start !important;
}
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-benefits-head{
  flex:0 0 auto !important;
  margin-top:0 !important;
}

/* En pantallas altas se utiliza aproximadamente parte de ese espacio negro sobrante. */
@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:clamp(350px,44svh,465px) !important;
    padding:14px 13px 13px !important;
  }
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-feature-list{
    row-gap:7px !important;
  }
}

@media(min-height:980px) and (max-width:620px){
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-benefits{
    min-height:clamp(410px,45svh,500px) !important;
  }
}

/* Teléfonos bajitos: el aumento se conserva, pero más compacto para no provocar scroll. */
@media(max-height:760px) and (max-width:620px){
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-main-card{
    padding:7px 8px 5px !important;
  }
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-tab{
    min-height:34px !important;
    font-size:12px !important;
  }
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-tab svg{
    width:15px !important;
    height:15px !important;
    flex-basis:15px !important;
  }
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-main-card .field > span{
    font-size:12px !important;
  }
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-input-shell,
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-main-card .password-field{
    min-height:38px !important;
    grid-template-columns:33px minmax(0,1fr) auto !important;
  }
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-input-shell input,
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-main-card .password-field input{
    height:38px !important;
  }
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-input-icon{
    width:32px !important;
    height:32px !important;
  }
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-input-icon svg{
    width:17px !important;
    height:17px !important;
  }
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-forgot-link{
    font-size:12px !important;
    margin-bottom:5px !important;
  }
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-primary-button,
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-main-card .login-button{
    min-height:39px !important;
    font-size:13px !important;
  }
}

/* =========================================================
   CONTENIDO ADAPTATIVO EN PANTALLAS ALTAS + PLACEHOLDER LIMPIO
   ========================================================= */

/* Se conserva el ejemplo dentro del campo, pero más pequeño y discreto que el texto real. */
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) #loginIdentifier::placeholder{
  color:#839087 !important;
  opacity:.72 !important;
  font-size:12px !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
}

/* Cuando el teléfono gana altura, crece también el contenido del cuadro, no solo la caja. */
@media(min-height:820px) and (max-width:620px){
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-benefits{
    display:flex !important;
    flex-direction:column !important;
  }
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-benefits-body{
    flex:1 1 auto !important;
    display:flex !important;
    flex-direction:column !important;
    min-height:0 !important;
  }
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-feature-list{
    flex:1 1 auto !important;
    height:100% !important;
    align-content:space-evenly !important;
    row-gap:8px !important;
    column-gap:10px !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{
    font-size:20px !important;
  }
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-feature{
    grid-template-columns:24px minmax(0,1fr) !important;
    gap:6px !important;
    padding:4px 0 !important;
  }
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-feature-icon{
    width:23px !important;
    height:23px !important;
  }
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-feature-icon svg{
    width:13.5px !important;
    height:13.5px !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.23 !important;
  }
}

@media(min-height:980px) and (max-width:620px){
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-benefits{
    padding:17px 15px 16px !important;
  }
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-feature-list{
    row-gap:10px !important;
    column-gap:11px !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{
    font-size:21px !important;
  }
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-feature{
    grid-template-columns:25px minmax(0,1fr) !important;
    padding:5px 0 !important;
  }
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-feature-icon{
    width:24px !important;
    height:24px !important;
  }
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-feature-icon svg{
    width:14px !important;
    height:14px !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:12.1px !important;
    line-height:1.25 !important;
  }
}