/* KOVRA PC — punto de entrada para Inicio y Acceso.
   La composición final replica la referencia visual aprobada.
   desktop-pc-exact.css está completamente aislado a >=1025px. */
@import url("./desktop-pc-exact.css?v=1");
@import url("./desktop-pc-login-approved-visual.css?v=1");
@import url("./desktop-pc-login-final-polish.css?v=1");

@keyframes kovraLoginSafeReveal { to { visibility:visible; } }

/* Evita que el navegador pinte el shell antiguo antes de que acceso.js
   construya el login PC aprobado. Solo aplica a la pantalla de login. */
@media (min-width:1025px){
  html body.auth-premium-page:not(.kovra-pc-login-live):has(#loginForm) > main.auth-gateway-shell{
    visibility:hidden;
    animation:kovraLoginSafeReveal 0s 1.5s forwards;
  }
  html body.auth-premium-page:not(.kovra-pc-login-live):has(#loginForm){
    background:#020605!important;
  }
}

@media (min-width:1025px){
  body.auth-premium-page:not(:has(.auth-register-shell)) .auth-benefits{
    overflow:visible!important;
  }

  /* Blindaje final: la tarjeta derecha de PC muestra únicamente
     los elementos reales que aparecen en el mockup aprobado. */
  body.auth-premium-page:not(:has(.auth-register-shell)) .auth-main-card > *{
    display:none!important;
  }
  body.auth-premium-page:not(:has(.auth-register-shell)) .auth-main-card > .auth-card-title{
    display:block!important;
  }
  body.auth-premium-page:not(:has(.auth-register-shell)) .auth-main-card > #loginForm{
    display:block!important;
  }
  body.auth-premium-page:not(:has(.auth-register-shell)) .auth-main-card > .auth-trust-line{
    display:flex!important;
  }
  body.auth-premium-page:not(:has(.auth-register-shell)) .auth-main-card > .auth-mode-tabs{
    display:flex!important;
  }
  body.auth-premium-page:not(:has(.auth-register-shell)) .auth-main-card > .confirmation-notice:not([hidden]){
    display:flex!important;
  }
  body.auth-premium-page:not(:has(.auth-register-shell)) .auth-main-card > .legacy-access.visible{
    display:flex!important;
  }

  /* AJUSTE FINAL APROBADO — idéntico al render local validado */
  body.auth-premium-page:not(:has(.auth-register-shell)) .auth-gateway-shell::before{
    left:22%!important;
    top:12%!important;
    width:41%!important;
    height:78%!important;
    background:radial-gradient(ellipse at 55% 68%,rgba(31,210,74,.13),transparent 53%)!important;
    filter:blur(24px)!important;
  }

  body.auth-premium-page:not(:has(.auth-register-shell)) .auth-gateway-shell::after{
    left:21.5%!important;
    top:3.5%!important;
    width:43%!important;
    height:92%!important;
    background:url("../assets/images/kovra-login-visual.webp") center bottom/contain no-repeat!important;
    filter:drop-shadow(0 28px 42px rgba(0,0,0,.42))!important;
    mix-blend-mode:screen!important;
    opacity:.97!important;
    -webkit-mask-image:radial-gradient(ellipse 72% 94% at 52% 54%,#000 0 54%,rgba(0,0,0,.92) 66%,rgba(0,0,0,.54) 78%,rgba(0,0,0,.10) 92%,transparent 100%)!important;
    mask-image:radial-gradient(ellipse 72% 94% at 52% 54%,#000 0 54%,rgba(0,0,0,.92) 66%,rgba(0,0,0,.54) 78%,rgba(0,0,0,.10) 92%,transparent 100%)!important;
  }

  body.auth-premium-page:not(:has(.auth-register-shell)) .auth-benefits{
    top:40.5%!important;
  }

  body.auth-premium-page:not(:has(.auth-register-shell)) .auth-feature{
    min-height:61px!important;
  }

  body.auth-premium-page:not(:has(.auth-register-shell)) .auth-feature:nth-child(n+6){
    display:none!important;
  }
  body.auth-premium-page:not(:has(.auth-register-shell)) .auth-feature:nth-child(5){
    display:grid!important;
  }
  body.auth-premium-page:not(:has(.auth-register-shell)) .auth-feature:nth-child(5) p{
    font-size:0!important;
  }
  body.auth-premium-page:not(:has(.auth-register-shell)) .auth-feature:nth-child(5) p strong{
    display:none!important;
  }
  body.auth-premium-page:not(:has(.auth-register-shell)) .auth-feature:nth-child(5) p::before{
    content:"KOVRA Negocio"!important;
    display:block!important;
    margin:0 0 2px!important;
    color:#f0f3f1!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:720!important;
  }
  body.auth-premium-page:not(:has(.auth-register-shell)) .auth-feature:nth-child(5) p::after{
    content:"Gestiona ventas, créditos comerciales, pagos y saldos con KOVRA Negocio."!important;
    display:block!important;
    color:#a6afa9!important;
    font-size:11px!important;
    line-height:1.4!important;
    font-weight:400!important;
  }

  body.auth-premium-page:not(:has(.auth-register-shell)) .auth-mode-tabs{
    bottom:3.4%!important;
  }

  /* =======================================================
     ANALÍTICA PC — AJUSTE DE ENCAJE FINAL
     Solo posiciona el conjunto completo. No cambia su contenido.
     ======================================================= */
  html body.auth-premium-page.kovra-pc-login-live .kovra-pc-login-root .kovra-pc-left .kovra-pc-analytics-wrap{
    left:40.5%!important;
    right:1.5%!important;
    top:4.5%!important;
    bottom:2%!important;
    overflow:visible!important;
    transform:perspective(1800px) rotateY(-1.8deg) rotateZ(-1.15deg) scale(.955)!important;
    transform-origin:58% 58%!important;
  }

  html body.auth-premium-page.kovra-pc-login-live .kovra-pc-login-root .kovra-pc-left .kovra-analytics-dashboard{
    left:0!important;
    right:0!important;
    width:100%!important;
    bottom:2%!important;
    height:68%!important;
    transform:none!important;
    transform-origin:center!important;
  }

  html body.auth-premium-page.kovra-pc-login-live .kovra-pc-login-root .kovra-pc-left .kovra-pc-analytics-wrap::after{
    inset:-2%!important;
    background:
      linear-gradient(90deg,rgba(2,7,5,.48) 0%,rgba(2,7,5,.10) 5%,rgba(2,7,5,0) 15%,rgba(2,7,5,0) 94%,rgba(2,7,5,.07) 100%),
      linear-gradient(180deg,rgba(2,7,5,.20) 0%,rgba(2,7,5,0) 10%,rgba(2,7,5,0) 86%,rgba(2,7,5,.10) 95%,rgba(2,7,5,.24) 100%)!important;
  }

  /* Estándar visual de autenticación PC: logo verde real y tipografía legible. */
  html body.auth-premium-page.kovra-pc-login-live .kovra-pc-login-root .kovra-pc-left .kovra-pc-logo{
    filter:brightness(1.08) contrast(1.02)!important;
  }
  html body.auth-premium-page.kovra-pc-login-live .kovra-pc-login-root .kovra-pc-copy>p{
    font-size:clamp(12px,1vw,15px)!important;
  }
  html body.auth-premium-page.kovra-pc-login-live .kovra-pc-login-root .kovra-pc-benefit strong{
    font-size:clamp(12px,.92vw,14px)!important;
  }
  html body.auth-premium-page.kovra-pc-login-live .kovra-pc-login-root .kovra-pc-benefit small{
    font-size:clamp(12px,.78vw,12px)!important;
  }
  html body.auth-premium-page.kovra-pc-login-live .kovra-pc-login-root .kovra-pc-remember,
  html body.auth-premium-page.kovra-pc-login-live .kovra-pc-login-root #forgotPasswordButton,
  html body.auth-premium-page.kovra-pc-login-live .kovra-pc-login-root .kovra-pc-trust,
  html body.auth-premium-page.kovra-pc-login-live .kovra-pc-login-root .kovra-pc-register,
  html body.auth-premium-page.kovra-pc-login-live .kovra-pc-login-root #registerButton,
  html body.auth-premium-page.kovra-pc-login-live .kovra-pc-login-root .kovra-pc-oauth-button{
    font-size:12px!important;
  }
  html body.auth-premium-page.kovra-pc-login-live .kovra-pc-login-root .kovra-pc-oauth-divider em,
  html body.auth-premium-page.kovra-pc-login-live .kovra-pc-login-root .confirmation-notice small,
  html body.auth-premium-page.kovra-pc-login-live .kovra-pc-login-root .legacy-access span,
  html body.auth-premium-page.kovra-pc-login-live .kovra-pc-login-root .legacy-access small{
    font-size:12px!important;
    line-height:1.35!important;
  }
}

@media (min-width:1025px) and (max-width:1220px){
  html body.auth-premium-page.kovra-pc-login-live .kovra-pc-login-root .kovra-pc-left .kovra-pc-analytics-wrap{
    left:43%!important;
    right:1%!important;
    top:5%!important;
    bottom:2%!important;
    transform:perspective(1650px) rotateY(-1.5deg) rotateZ(-1deg) scale(.94)!important;
  }

  html body.auth-premium-page.kovra-pc-login-live .kovra-pc-left .kovra-analytics-dashboard{
    height:67%!important;
  }
}