/*
 * Pantalla de ingreso y selección de sucursal.
 * Layout centrado, sin chrome de aplicación: quien está acá todavía no eligió
 * nada, así que mostrarle el shell es ruido.
 */

.acceso { min-height: 100vh; display: grid; place-items: center; padding: var(--sp-5); }

.acceso__panel {
  width: 100%; max-width: 380px;
  background: var(--surface); border: 1px solid var(--line);
  border-radius: var(--r-lg); padding: var(--sp-6); box-shadow: var(--sh-2);
}

.acceso__marca { display: grid; gap: var(--sp-1); margin-bottom: var(--sp-5); }
.acceso__logo { font-size: var(--t-21); font-weight: 800; letter-spacing: -.03em; }
.acceso__logo span { color: var(--signal); }
.acceso__bajada { font-size: var(--t-12); color: var(--muted); }
.acceso__ayuda { font-size: var(--t-13); color: var(--muted); margin: 0 0 var(--sp-4); line-height: 1.5; }
.acceso__formulario { display: grid; gap: var(--sp-4); }

.lista-sucursales { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--sp-2); }
.lista-sucursales .btn { width: 100%; justify-content: space-between; padding: var(--sp-3) 14px; }