/* KOVRA — ajuste fino de proporción, compactación y mensaje comercial.
   Solo presentación del portal externo. */

/* Un poco más estrecho y vertical, sin invadir el área segura. */
.auth-gateway-shell{
  width:min(calc(100% - 44px),438px) !important;
  padding-top:max(env(safe-area-inset-top),3px) !important;
  padding-bottom:max(env(safe-area-inset-bottom),8px) !important;
}
.auth-register-shell{
  width:min(calc(100% - 44px),438px) !important;
  padding-top:max(env(safe-area-inset-top),3px) !important;
}

/* La puerta ahora acompaña el ancho real de los cuadros y no deja una “falda” más estrecha abajo. */
body.auth-premium-page::before{
  width:min(calc(100vw - 34px),448px) !important;
  border-radius:50% 50% 0 0 / 20% 20% 0 0 !important;
}
body.auth-premium-page::after{
  width:min(calc(100vw - 44px),438px) !important;
  border-radius:50% 50% 0 0 / 19% 19% 0 0 !important;
}

/* Logo un poco más arriba y sin el punto/luz decorativo que consumía altura. */
.auth-brand{
  margin:0 0 4px !important;
}
.auth-brand .kovra-logo-login{
  width:clamp(158px,41vw,202px) !important;
  margin:0 auto 1px !important;
}
.auth-logo-ornament{
  display:none !important;
}
.auth-hero-line{
  margin-top:0 !important;
  font-size:13.5px !important;
  line-height:1.05 !important;
}
.auth-hero-line strong::after{
  width:48px !important;
  margin:2px auto 0 !important;
}

/* Se gana altura útil sin hacer que el formulario se vea apretado. */
.auth-main-card{
  padding-top:8px !important;
  padding-bottom:7px !important;
}
.auth-mode-tabs{
  margin-bottom:6px !important;
}
.auth-main-card .field{
  margin-bottom:5px !important;
}
.auth-forgot-link{
  margin-bottom:5px !important;
}
.auth-trust-line{
  margin-top:6px !important;
  padding-top:6px !important;
}

/* Encabezado comercial limpio: solo visible en la pantalla de iniciar sesión. */
.auth-benefits{
  margin-top:6px !important;
  padding:9px 9px 8px !important;
}
.auth-benefits-head{
  display:block !important;
  margin:0 0 6px !important;
  padding:0 0 6px 8px !important;
  border-left:2px solid rgba(83,241,127,.52) !important;
  border-bottom:1px solid rgba(255,255,255,.05) !important;
}
.auth-benefits-badge{
  display:none !important;
}
.auth-benefits h2{
  margin:0 !important;
  font-size:13.2px !important;
  line-height:1.13 !important;
  letter-spacing:-.012em !important;
}
.auth-benefits-head p{
  display:none !important;
}
.auth-benefits-body{
  grid-template-columns:34% minmax(0,1fr) !important;
  gap:7px !important;
}

/* Crear cuenta y Recuperar acceso no muestran el bloque comercial ni su cierre. */
body:has(.auth-register-card) .auth-benefits,
body:has(.auth-register-card) .auth-footer-trust,
body:has(.auth-register-card) .auth-disclaimer,
body:has(.recovery-card) .auth-benefits,
body:has(.recovery-card) .auth-footer-trust,
body:has(.recovery-card) .auth-disclaimer{
  display:none !important;
}

/* Visual de cartera: se elimina por completo el círculo y la decoración de nube/monedas.
   Queda una analítica realista con línea ascendente + barras. */
.auth-product-visual{
  min-height:148px !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-right:1px solid rgba(255,255,255,.045) !important;
}
.auth-cloud,
.auth-sync-lines,
.auth-coins,
.auth-platform,
.auth-donut{
  display:none !important;
}
.auth-mini-dashboard{
  position:relative !important;
  left:auto !important;
  bottom:auto !important;
  width:104px !important;
  height:112px !important;
  padding:9px 8px 7px !important;
  transform:none !important;
  border-radius:9px !important;
  background:linear-gradient(145deg,#16211a,#080e0a) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.34),0 0 12px rgba(83,241,127,.045) !important;
}
.auth-mini-dashboard small{
  margin-bottom:5px !important;
  color:#d7e0da !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:.02em !important;
}
.auth-mini-dashboard svg{
  width:100% !important;
  height:55px !important;
  margin-bottom:4px !important;
}
.auth-mini-dashboard .chart-grid{
  stroke:rgba(255,255,255,.075) !important;
  stroke-width:.7 !important;
}
.auth-mini-dashboard .chart-line{
  stroke-width:2.2 !important;
  filter:drop-shadow(0 0 3px rgba(83,241,127,.24)) !important;
}
.auth-mini-bars{
  display:block !important;
  height:20px !important;
  margin:0 !important;
}
.auth-lines{
  height:20px !important;
  display:flex !important;
  align-items:flex-end !important;
  gap:3px !important;
  overflow:hidden !important;
}
.auth-lines i{
  flex:1 1 0 !important;
  width:auto !important;
  min-width:0 !important;
  border-radius:2px 2px 0 0 !important;
  background:linear-gradient(180deg,rgba(83,241,127,.85),rgba(83,241,127,.18)) !important;
}
.auth-lines i:nth-child(1){height:34% !important;}
.auth-lines i:nth-child(2){height:62% !important;}
.auth-lines i:nth-child(3){height:92% !important;}

/* Lista más enfocada: KOVRA Intelligent se mantiene como argumento fuerte del producto. */
.auth-feature{
  grid-template-columns:23px minmax(0,1fr) !important;
  gap:5px !important;
  padding:4px 0 !important;
}
.auth-feature-icon{
  width:21px !important;
  height:21px !important;
}
.auth-feature p{
  font-size:12px !important;
  line-height:1.2 !important;
}

/* El aviso queda como bloque premium independiente únicamente en iniciar sesión. */
.auth-footer-trust{
  display:none !important;
}
.auth-disclaimer{
  position:relative;
  width:min(100%,340px) !important;
  margin:5px auto 0 !important;
  padding:15px 10px 7px !important;
  border:1px solid rgba(83,241,127,.10) !important;
  border-radius:10px !important;
  background:linear-gradient(180deg,rgba(83,241,127,.025),rgba(0,0,0,.16)) !important;
  color:#98a39c !important;
  font-size:12px !important;
  line-height:1.28 !important;
  letter-spacing:.008em !important;
}
.auth-disclaimer::before{
  content:"INFORMACIÓN DE KOVRA";
  position:absolute;
  top:5px;
  left:50%;
  transform:translateX(-50%);
  color:rgba(83,241,127,.78);
  font-size:12px;
  font-weight:850;
  letter-spacing:.12em;
  white-space:nowrap;
}
.auth-disclaimer strong{
  margin-bottom:1px !important;
  color:#e2ebe5 !important;
  font-size:12px !important;
  font-weight:820 !important;
}

@media(max-width:430px){
  .auth-gateway-shell,
  .auth-register-shell{
    width:calc(100% - 42px) !important;
  }
  body.auth-premium-page::before{
    width:calc(100vw - 32px) !important;
  }
  body.auth-premium-page::after{
    width:calc(100vw - 42px) !important;
  }
}

@media(max-width:365px){
  .auth-gateway-shell,
  .auth-register-shell{
    width:calc(100% - 34px) !important;
  }
  body.auth-premium-page::before{
    width:calc(100vw - 26px) !important;
  }
  body.auth-premium-page::after{
    width:calc(100vw - 34px) !important;
  }
  .auth-benefits-body{
    grid-template-columns:35% minmax(0,1fr) !important;
  }
  .auth-feature p{font-size:12px !important;}
  .auth-mini-dashboard{width:96px !important;}
}

@media(max-height:760px) and (max-width:620px){
  .auth-brand .kovra-logo-login{
    width:150px !important;
  }
  .auth-benefits{
    margin-top:5px !important;
    padding-top:8px !important;
  }
  .auth-disclaimer{
    margin-top:4px !important;
  }
}

/* =========================================================
   AJUSTE FINAL: contenido escrito, sin analítica y sin puerta
   ========================================================= */

/* El efecto de puerta desaparece en TODAS las pantallas externas. */
body.auth-premium-page::before,
body.auth-premium-page::after{
  display:none !important;
  content:none !important;
}
body.auth-premium-page{
  background:
    radial-gradient(circle at 50% -8%,rgba(83,241,127,.075),transparent 34%),
    linear-gradient(180deg,#07120b 0%,#030805 100%) !important;
}

/* Solo en iniciar sesión: la zona comercial ocupa de forma natural el espacio disponible. */
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-gateway-shell{
  grid-template-rows:auto auto minmax(0,1fr) auto !important;
  align-content:stretch !important;
}
body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-benefits{
  min-height:0 !important;
  height:100% !important;
  margin:0 !important;
  padding:12px 12px 10px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  border-radius:17px !important;
  background:
    radial-gradient(circle at 50% 0%,rgba(83,241,127,.055),transparent 45%),
    linear-gradient(160deg,rgba(18,31,22,.96),rgba(6,11,8,.98)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 14px 30px rgba(0,0,0,.28) !important;
}

/* Se elimina COMPLETAMENTE la analítica: queda únicamente información escrita. */
body.auth-premium-page .auth-gateway-shell .auth-benefits .auth-product-visual{
  display:none !important;
  width:0 !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}
body.auth-premium-page .auth-gateway-shell .auth-benefits .auth-benefits-body{
  display:block !important;
}

/* Título premium: KOVRA en blanco y la promesa en verde, con presencia de título real. */
body.auth-premium-page .auth-gateway-shell .auth-benefits .auth-benefits-head{
  margin:0 0 9px !important;
  padding:0 2px 9px !important;
  border-left:0 !important;
  border-bottom:1px solid rgba(83,241,127,.16) !important;
  text-align:center !important;
}
body.auth-premium-page .auth-gateway-shell .auth-benefits h2{
  margin:0 !important;
  font-size:0 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-wrap:balance;
}
body.auth-premium-page .auth-gateway-shell .auth-benefits h2::before{
  content:"KOVRA";
  display:inline;
  color:#f3f7f4;
  font-size:clamp(18px,2.55vh,22px);
  font-weight:950;
  letter-spacing:.035em;
  text-shadow:0 1px 0 rgba(255,255,255,.22),0 3px 8px rgba(0,0,0,.6),0 0 18px rgba(83,241,127,.10);
}
body.auth-premium-page .auth-gateway-shell .auth-benefits h2::after{
  content:" es la plataforma que impulsa tu negocio.";
  display:inline;
  color:var(--auth-green,#53f17f);
  font-size:clamp(18px,2.55vh,22px);
  font-weight:900;
  letter-spacing:-.025em;
  text-shadow:0 1px 0 rgba(255,255,255,.06),0 3px 9px rgba(0,0,0,.55),0 0 16px rgba(83,241,127,.17);
}

/* Las 8 capacidades existentes ganan tamaño y aire. */
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:5px 9px !important;
  align-content:center !important;
}
body.auth-premium-page .auth-gateway-shell .auth-benefits .auth-feature{
  grid-template-columns:22px minmax(0,1fr) !important;
  gap:6px !important;
  padding:5px 0 !important;
  align-items:start !important;
}
body.auth-premium-page .auth-gateway-shell .auth-benefits .auth-feature-icon{
  width:21px !important;
  height:21px !important;
  border-radius:7px !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;
  color:#d6dfd9 !important;
  font-size:clamp(12px,1.43vh,12px) !important;
  line-height:1.23 !important;
  font-weight:650 !important;
  font-family:inherit !important;
}
body.auth-premium-page .auth-gateway-shell .auth-benefits .auth-feature p strong{
  color:var(--auth-green,#53f17f) !important;
}

/* Completa las 12 capacidades reales sin volver a introducir gráficos ni datos de clientes. */
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:block;
  white-space:pre-line;
  padding:6px 7px;
  border:1px solid rgba(83,241,127,.10);
  border-radius:9px;
  background:rgba(83,241,127,.025);
  color:#d6dfd9;
  font-size:clamp(10.5px,1.43vh,12px);
  line-height:1.28;
  font-weight:650;
}
body.auth-premium-page .auth-gateway-shell .auth-benefits .auth-feature-list::before{
  content:"✓ Certificados de liquidación para cerrar préstamos con respaldo.\A✓ Promesas de pago y recordatorios para dar seguimiento.";
}
body.auth-premium-page .auth-gateway-shell .auth-benefits .auth-feature-list::after{
  content:"✓ Historial de cierres y trazabilidad de la operación.\A✓ Exportaciones completas para trabajar tu información.";
}

/* Advertencia: una sola tipografía y un solo tamaño, compacta y profesional. */
body.auth-premium-page .auth-gateway-shell .auth-disclaimer,
body.auth-premium-page .auth-gateway-shell .auth-disclaimer strong{
  font-family:inherit !important;
  font-size:12px !important;
  line-height:1.22 !important;
  font-weight:650 !important;
  letter-spacing:.005em !important;
}
body.auth-premium-page .auth-gateway-shell .auth-disclaimer{
  width:100% !important;
  margin:0 !important;
  padding:7px 9px !important;
  border:1px solid rgba(255,193,92,.18) !important;
  border-radius:9px !important;
  background:rgba(255,193,92,.035) !important;
  color:#c5ccc7 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
}
body.auth-premium-page .auth-gateway-shell .auth-disclaimer::before{
  display:none !important;
  content:none !important;
}
body.auth-premium-page .auth-gateway-shell .auth-disclaimer strong{
  display:inline !important;
  margin:0 !important;
  color:#e3e8e5 !important;
}

/* Pantallas altas: el cuadro crece para usar el espacio y evitar el vacío inferior. */
@media(min-height:820px) and (max-width:620px){
  body.auth-premium-page:has(.auth-gateway-shell > .auth-main-card:not(.recovery-card)) .auth-benefits{
    justify-content:space-evenly !important;
    padding-top:16px !important;
    padding-bottom:14px !important;
  }
  body.auth-premium-page .auth-gateway-shell .auth-benefits .auth-feature-list{
    gap:7px 10px !important;
  }
}

/* Pantallas bajas: conserva legibilidad y evita scroll innecesario. */
@media(max-height:760px) and (max-width:620px){
  body.auth-premium-page .auth-gateway-shell .auth-benefits{
    padding:8px 9px 7px !important;
  }
  body.auth-premium-page .auth-gateway-shell .auth-benefits .auth-benefits-head{
    margin-bottom:6px !important;
    padding-bottom:6px !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:16.5px !important;
  }
  body.auth-premium-page .auth-gateway-shell .auth-benefits .auth-feature{
    padding:3px 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,
  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{
    font-size:12px !important;
    line-height:1.18 !important;
  }
  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{
    padding:4px 5px !important;
  }
}