/* NITVIBES – Access UX Layout v1.5.0 */
/* Objetivo: reproducir el layout 2 columnas (brand + login) en desktop,
   y stack centrado en móvil, sin tocar el shortcode [nv_login].
   Scope: body.nv-auth-layout en /accede/.
*/

/* ---------- Base cards ---------- */
body.nv-auth-layout .nv-cardlike{
  background: var(--nv-card-bg, rgba(0,0,0,.35));
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

/* ---------- Desktop ≥ 960px: Grid 2 columnas ---------- */
@media (min-width: 960px){
  body.nv-auth-layout #nv_login,
  body.nv-auth-layout .nv_login,
  body.nv-auth-layout .nv-login{
    width: min(1100px, 92vw);
    margin: 0 auto;
  }

  body.nv-auth-layout #nv_login .wp-block-columns,
  body.nv-auth-layout .nv_login .wp-block-columns,
  body.nv-auth-layout .nv-login .wp-block-columns{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 28px !important;
    align-items: stretch;
  }

  /* Garantiza que las columnas no se impongan anchos fijos del theme */
  body.nv-auth-layout #nv_login .wp-block-column,
  body.nv-auth-layout .nv_login .wp-block-column,
  body.nv-auth-layout .nv-login .wp-block-column{
    width: auto !important;
    margin: 0 !important;
  }

  /* Card visual a los contenedores de cada columna */
  body.nv-auth-layout #nv_login .wp-block-column > .wp-block-group,
  body.nv-auth-layout #nv_login .wp-block-column > .card,
  body.nv-auth-layout #nv_login .wp-block-column > .nv-card,
  body.nv-auth-layout .nv_login .wp-block-column > .wp-block-group,
  body.nv-auth-layout .nv_login .wp-block-column > .card,
  body.nv-auth-layout .nv_login .wp-block-column > .nv-card,
  body.nv-auth-layout .nv-login .wp-block-column > .wp-block-group,
  body.nv-auth-layout .nv-login .wp-block-column > .card,
  body.nv-auth-layout .nv-login .wp-block-column > .nv-card{
    padding: 24px;
    border-radius: 16px;
    background: rgba(0,0,0,.35);
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 10px 30px rgba(0,0,0,.35);
  }

  /* Columna izquierda (brand): centrar todo, logo grande */
  body.nv-auth-layout #nv_login .wp-block-columns > .wp-block-column:first-child{
    text-align: center;
  }
  body.nv-auth-layout #nv_login .wp-block-columns > .wp-block-column:first-child img{
    display: block;
    width: min(260px, 46%);
    margin: 0 auto 16px;
    height: auto;
  }
  body.nv-auth-layout #nv_login .wp-block-columns > .wp-block-column:first-child h2,
  body.nv-auth-layout #nv_login .wp-block-columns > .wp-block-column:first-child h3{
    margin: 6px 0 10px;
  }
  body.nv-auth-layout #nv_login .wp-block-columns > .wp-block-column:first-child p{
    margin: 0;
    opacity: .9;
  }

  /* Columna derecha (form): inputs al 100% */
  body.nv-auth-layout #nv_login .wp-block-columns > .wp-block-column:last-child input[type="text"],
  body.nv-auth-layout #nv_login .wp-block-columns > .wp-block-column:last-child input[type="email"],
  body.nv-auth-layout #nv_login .wp-block-columns > .wp-block-column:last-child input[type="password"],
  body.nv-auth-layout #nv_login .wp-block-columns > .wp-block-column:last-child input[type="tel"],
  body.nv-auth-layout #nv_login .wp-block-columns > .wp-block-column:last-child select,
  body.nv-auth-layout #nv_login .wp-block-columns > .wp-block-column:last-child textarea{
    width: 100% !important;
    min-height: 44px;
    box-sizing: border-box;
  }
}

/* ---------- Mobile ≤ 959px: stack centrado ---------- */
@media (max-width: 959.98px){
  html, body{ overflow-x: hidden; }
  body.nv-auth-layout #nv_login,
  body.nv-auth-layout .nv_login,
  body.nv-auth-layout .nv-login{
    width: min(720px, 92vw);
    margin: 0 auto;
  }
  body.nv-auth-layout #nv_login .wp-block-columns,
  body.nv-auth-layout .nv_login .wp-block-columns,
  body.nv-auth-layout .nv-login .wp-block-columns{
    display: block !important;
  }
  body.nv-auth-layout #nv_login .wp-block-column,
  body.nv-auth-layout .nv_login .wp-block-column,
  body.nv-auth-layout .nv-login .wp-block-column{
    width: 100% !important;
    margin: 0 0 18px 0 !important;
  }
  body.nv-auth-layout #nv_login .wp-block-column > .wp-block-group,
  body.nv-auth-layout #nv_login .wp-block-column > .card,
  body.nv-auth-layout #nv_login .wp-block-column > .nv-card,
  body.nv-auth-layout .nv_login .wp-block-column > .wp-block-group,
  body.nv-auth-layout .nv_login .wp-block-column > .card,
  body.nv-auth-layout .nv_login .wp-block-column > .nv-card,
  body.nv-auth-layout .nv-login .wp-block-column > .wp-block-group,
  body.nv-auth-layout .nv-login .wp-block-column > .card,
  body.nv-auth-layout .nv-login .wp-block-column > .nv-card{
    padding: 18px;
    border-radius: 16px;
    background: rgba(0,0,0,.35);
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 10px 30px rgba(0,0,0,.35);
  }
  body.nv-auth-layout #nv_login .wp-block-columns > .wp-block-column:first-child{
    text-align: center;
  }
  body.nv-auth-layout #nv_login .wp-block-columns > .wp-block-column:first-child img{
    display: block;
    width: min(240px, 70vw);
    margin: 0 auto 12px;
    height: auto;
  }
  body.nv-auth-layout #nv_login input[type="text"],
  body.nv-auth-layout #nv_login input[type="email"],
  body.nv-auth-layout #nv_login input[type="password"],
  body.nv-auth-layout #nv_login input[type="tel"],
  body.nv-auth-layout #nv_login select,
  body.nv-auth-layout #nv_login textarea{
    width: 100% !important;
    min-height: 44px;
    box-sizing: border-box;
  }
}