/* Pantalla de acceso: una sola columna, centrada, sin marco de aplicación. */
.pantalla-acceso { display: grid; place-items: center; min-height: 100dvh; padding: 24px 16px; }
.acceso { width: min(380px, 100%); text-align: center; }
.acceso-logo { width: 190px; height: auto; margin-bottom: 10px; }
.acceso-sub { margin: 0 0 24px; color: var(--texto-suave); font-size: 14px; }
.acceso form { display: flex; flex-direction: column; gap: 14px; text-align: left; }
.campo { display: flex; flex-direction: column; gap: 5px; }
.campo-etiqueta { font-size: 12.5px; font-weight: 650; color: var(--texto-suave); }
.entrada {
  width: 100%; min-height: 46px; padding: 0 12px; font: inherit; font-size: 16px;
  color: var(--tinta); background: var(--superficie);
  border: 1px solid var(--borde); border-radius: 10px;
}
.entrada:focus-visible { outline: 3px solid var(--foco); outline-offset: 1px; }
.acceso-boton { width: 100%; margin-top: 4px; }
.acceso-error {
  padding: 11px 13px; margin-bottom: 16px; border-radius: 10px; font-size: 14px;
  background: var(--mal-fondo); color: var(--mal); text-align: left;
}
.acceso-pie { margin-top: 22px; font-size: 12.5px; color: var(--texto-suave); }
.acceso-nota { margin-top: 10px; font-size: 13px; color: var(--texto-suave); text-align: left; line-height: 1.5; }