/* Yalemo — pantallas de acceso (de diseno/yalemo/pantallas/iniciar-sesion.html y registro.html) */
body{min-height:100vh}
.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}
.auth__lado{position:relative;display:flex;flex-direction:column;padding:var(--y-s-10) var(--y-s-12);background:var(--y-cobalto-50);overflow:hidden}
.auth__lado .marca img{height:36px}
.auth__mensaje{margin:auto 0;max-width:30rem}
.auth__mensaje h2{font-size:var(--y-t-h1);line-height:1.1}
.auth__mensaje p{margin-top:var(--y-s-4)}
.auth__robot{width:380px;margin:var(--y-s-8) 0 0 -24px}
.auth__nota{font-size:var(--y-t-small);color:var(--y-tinta-2)}
.auth__form{display:flex;align-items:center;justify-content:center;padding:var(--y-s-10) var(--y-s-6);background:#fff}
.auth__caja{width:100%;max-width:420px}
.auth__caja h1{margin-bottom:var(--y-s-2)}
.auth__caja>.muted{margin-bottom:var(--y-s-8)}
.auth__fila{display:flex;justify-content:space-between;align-items:center;gap:var(--y-s-3);margin:-4px 0 var(--y-s-4)}
.auth__fila a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;font-size:.9375rem}
.auth__alt{margin-top:var(--y-s-6);text-align:center;color:var(--y-tinta-2)}
.auth__alt a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;padding:0 4px}
.auth__movil{display:none}
.atras{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-bottom:var(--y-s-6);color:var(--y-tinta-2);font-weight:500;text-decoration:none}
.atras svg{width:20px;height:20px}
@media (max-width:959px){
  .auth{grid-template-columns:1fr}
  .auth__lado{display:none}
  .auth__form{align-items:flex-start;padding:0 var(--y-s-5) var(--y-s-10)}
  .auth__movil{display:flex;align-items:center;justify-content:space-between;height:64px;margin-bottom:var(--y-s-2)}
  .auth__movil .marca img{height:32px}
  .auth__hola{display:flex;align-items:center;gap:var(--y-s-3);margin-bottom:var(--y-s-5);padding:var(--y-s-3) var(--y-s-4) var(--y-s-3) 0;background:var(--y-cobalto-50);border-radius:var(--y-r-lg)}
  .auth__hola img{width:84px;height:76px;object-fit:cover;object-position:50% 10%;flex:none}
  .auth__hola p{font-weight:600;font-size:.9375rem;line-height:1.4}
  .atras{display:none}
  .auth__fila{flex-direction:column;align-items:flex-start;gap:0;margin-top:-8px}
}
@media (min-width:960px){.auth__hola{display:none}}
/* v2.3: en móvil el logo horizontal de las pantallas de acceso salía aplastado a 36×36 (regla de paginas.css para el símbolo) */
@media (max-width:600px){ .auth__movil .marca img{width:116px;height:32px} .auth__movil .marca{min-height:44px;display:inline-flex;align-items:center} }