/* KOVRA — adaptación vertical de la zona superior del inicio de sesión.
   Solo escala logo, lema, pestañas y formulario cuando el teléfono gana altura. */

@media (min-height:820px) and (max-width:620px){
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-brand{
    margin:0 0 6px !important;
  }

  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-brand .kovra-logo-login{
    width:clamp(178px,43vw,208px) !important;
    margin:0 auto 2px !important;
  }

  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-hero-line{
    margin:0 !important;
    font-size:15.2px !important;
    line-height:1.08 !important;
    font-weight:650 !important;
  }

  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-hero-line strong::after{
    width:48px !important;
    margin:3px auto 0 !important;
  }

  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-main-card{
    padding:11px 12px 9px !important;
    border-radius:19px !important;
  }

  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-mode-tabs{
    margin-bottom:9px !important;
  }

  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-tab{
    min-height:42px !important;
    padding:6px 4px 7px !important;
    font-size:12.4px !important;
    line-height:1.08 !important;
    gap:6px !important;
  }

  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-tab svg{
    width:18px !important;
    height:18px !important;
    flex-basis:18px !important;
  }

  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-main-card .field{
    margin-bottom:7px !important;
  }

  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-main-card .field > span{
    margin-bottom:4px !important;
    font-size:13.2px !important;
    line-height:1.1 !important;
    font-weight:780 !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:44px !important;
    grid-template-columns:39px minmax(0,1fr) auto !important;
    border-radius:11px !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:44px !important;
    font-size:16px !important;
  }

  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-input-icon{
    width:38px !important;
    height:38px !important;
  }

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

  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .password-field > button{
    font-size:12px !important;
    padding-inline:10px !important;
  }

  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-forgot-link{
    margin:2px 1px 7px auto !important;
    font-size:12.4px !important;
    line-height:1.12 !important;
    font-weight:780 !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:44px !important;
    font-size:14.2px !important;
  }

  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-trust-line{
    margin-top:7px !important;
    padding-top:7px !important;
    font-size:12px !important;
    line-height:1.15 !important;
  }

  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-trust-line svg{
    width:15px !important;
    height:15px !important;
  }
}

@media (min-height:980px) and (max-width:620px){
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-brand{
    margin-bottom:8px !important;
  }

  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-brand .kovra-logo-login{
    width:clamp(188px,44vw,220px) !important;
  }

  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-hero-line{
    font-size:16.2px !important;
  }

  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-main-card{
    padding:12px 13px 10px !important;
  }

  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-tab{
    min-height:44px !important;
    font-size:13.1px !important;
  }

  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-tab svg{
    width:19px !important;
    height:19px !important;
    flex-basis:19px !important;
  }

  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-main-card .field > span{
    font-size:13.8px !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:46px !important;
    grid-template-columns:41px 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:46px !important;
  }

  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-input-icon{
    width:40px !important;
    height:40px !important;
  }

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

  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-forgot-link{
    font-size:12.8px !important;
    margin-bottom:8px !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:46px !important;
    font-size:14.7px !important;
  }

  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-trust-line{
    font-size:12px !important;
  }
}

/* =========================================================
   TOQUE VERDE DEL LOGIN
   ========================================================= */

body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-main-card{
  background:
    radial-gradient(circle at 50% 0%,rgba(83,241,127,.055),transparent 48%),
    linear-gradient(160deg,rgba(17,31,21,.965),rgba(6,11,8,.985)) !important;
  border-color:rgba(83,241,127,.13) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 0 26px rgba(83,241,127,.018),
    0 14px 30px rgba(0,0,0,.27) !important;
}

/* El aviso ya no aparece en el login; ahora se confirma antes del registro. */
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-disclaimer{
  display:none !important;
  animation:none !important;
}

/* =========================================================
   BLOQUE FINAL — ¿POR QUÉ NECESITO KOVRA?
   ========================================================= */

/* Recuperar acceso siempre debe ser una opción navegable del portal. */
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) a.auth-tab[href="./recuperar-clave.html"]{
  pointer-events:auto !important;
  opacity:1 !important;
  cursor:pointer !important;
  filter:none !important;
}

/* La pregunta reemplaza el antiguo mensaje comercial con una presencia breve y llamativa. */
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-benefits-head{
  position:relative !important;
  padding:8px 8px 10px !important;
  border-bottom:1px solid rgba(83,241,127,.14) !important;
  background:radial-gradient(circle at 50% 0%,rgba(83,241,127,.07),transparent 72%) !important;
}

body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-benefits-head::before{
  content:"15 RAZONES REALES";
  display:block;
  width:max-content;
  margin:0 auto 5px;
  padding:3px 8px;
  border:1px solid rgba(83,241,127,.18);
  border-radius:999px;
  background:rgba(83,241,127,.035);
  color:rgba(132,255,166,.88);
  font-size:12px;
  line-height:1;
  font-weight:900;
  letter-spacing:.13em;
}

body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-benefits-head::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-1px;
  width:96px;
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,var(--auth-green,#53f17f),transparent);
  box-shadow:0 0 10px rgba(83,241,127,.28);
}

body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-benefits h2{
  font-size:0 !important;
  line-height:1.06 !important;
}

body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-benefits h2::before{
  content:"¿Por qué necesito" !important;
  color:#f1f7f3 !important;
  font-size:clamp(18px,4.8vw,21px) !important;
  font-weight:900 !important;
  letter-spacing:-.025em !important;
  text-shadow:0 2px 10px rgba(0,0,0,.4) !important;
}

body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-benefits h2::after{
  content:" KOVRA?" !important;
  color:var(--auth-green,#53f17f) !important;
  font-size:clamp(18px,4.8vw,21px) !important;
  font-weight:950 !important;
  letter-spacing:-.025em !important;
  text-shadow:0 0 16px rgba(83,241,127,.18) !important;
}

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

/* Tres capacidades reales adicionales: seguridad de cuenta, comprobantes verificables y archivos Cloud. */
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{
  display:block !important;
  padding:3px 0 !important;
  margin:0 !important;
  min-width:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#d3ddd6 !important;
  font-size:12px !important;
  line-height:1.18 !important;
  font-weight:650 !important;
  white-space:normal !important;
}

body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-feature-list::before{
  content:"✦  Protege tu cuenta con verificación en dos pasos y control de sesiones." !important;
  order:13;
}

body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-feature-list::after{
  content:"✓  Verifica comprobantes mediante QR y folio KOVRA." !important;
  order:14;
}

body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-benefits-body::after{
  content:"▣  Conserva documentos y archivos de tu operación respaldados en KOVRA Cloud.";
  display:block !important;
  margin:3px 0 0 !important;
  padding:3px 0 !important;
  color:#d3ddd6 !important;
  font-size:12px !important;
  line-height:1.18 !important;
  font-weight:650 !important;
}

@media(min-height:820px) and (max-width:620px){
  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{
    font-size:11.2px !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-head{
    padding-top:5px !important;
    padding-bottom:7px !important;
  }
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-benefits-head::before{
    margin-bottom:4px;
    font-size:12px;
  }
  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:15.7px !important;
  }
  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{
    font-size:12px !important;
    line-height:1.14 !important;
    padding:2px 0 !important;
  }
}