/* viperptt.com · auth.css — ajustes de las pantallas de entrar / registro / recuperar. */
.vp-auth__form .vp-input-group>.vp-ico{width:1.1em;height:1.1em}
.vp-auth__form a{font-weight:600}
.vp-auth__box .vp-help[data-disp-msg].is-ok{color:var(--vp-ok);font-weight:600}
.vp-auth__box .vp-help[data-disp-msg].is-bad{color:var(--vp-danger);font-weight:600}
.vp-auth__box [data-err]{margin:0}
.vp-auth__box .vp-check a{text-decoration:underline}

/* ── Registro compacto (2026-10-26) ─────────────────────────────────────────
   Los campos van de dos en dos para que en una pantalla de escritorio quepa SIN desplazarse (antes sobraban 190–520 px).
   En un teléfono se apilan, como siempre. «Género» y la casilla de términos comparten renglón. */
.vp-reg{--g:12px 16px;margin-top:14px}
.vp-reg .vp-help{font-size:.76rem;line-height:1.3}
.vp-reg .vp-field{align-content:start}
@media (min-width:560px){
  .vp-auth__box:has(.vp-reg){max-width:640px}
  .vp-reg{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vp-reg .vp-reg__ancho{grid-column:1/-1}
  .vp-reg .vp-reg__acepto{align-self:end;padding-bottom:11px;line-height:1.3}
  .vp-reg .vp-field{align-content:start}
}
@media (min-width:901px) and (max-height:760px){
  .vp-auth__main{padding-top:10px;padding-bottom:12px}
  .vp-auth__box:has(.vp-reg){padding:4px 0}
  .vp-auth__box:has(.vp-reg) h1{font-size:1.55rem;margin-bottom:2px}
  .vp-auth__box:has(.vp-reg) > p{margin:0}
  .vp-reg{--g:9px 16px;margin-top:10px!important}
  .vp-reg .vp-field{gap:4px}
  .vp-reg .vp-field>label{font-size:.8rem}
  .vp-reg .vp-input,.vp-reg .vp-select{min-height:40px;padding-top:7px;padding-bottom:7px}
  .vp-reg .vp-btn--lg{min-height:46px}
  .vp-reg .vp-help{font-size:.72rem}
  .vp-auth__box:has(.vp-reg) ~ *,.vp-auth__box:has(.vp-reg) .vp-center{margin-top:10px!important}
}
/* En un teléfono: UN campo por renglón (2026-10-27, lo pidió el dueño mirando el registro en su celular: dos campos lado a lado se leían apretados). */
@media (max-width:559px){
  .vp-reg{grid-template-columns:minmax(0,1fr);--g:12px 0}
  .vp-reg>.vp-field,.vp-reg>.vp-reg__acepto,.vp-reg>.vp-reg__ancho{grid-column:1/-1}
  .vp-reg .vp-input,.vp-reg .vp-select{min-height:46px}
  .vp-reg .vp-help{font-size:.74rem}
}