/* Página de bienvenida de ride-uba.com: el logo y un botón para entrar a la plataforma.
   Es independiente del resto (no carga prototipo.css ni app.css). El fondo es el azul noche del logo. */
:root { --noche: #010220; --cian: #5FD8F5; --azul: #3753B3; }
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--noche); }
body { font-family: 'Barlow', system-ui, -apple-system, 'Segoe UI', sans-serif; color: #EDEDE8; }

.bienvenida {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 36px;
  padding: 32px 20px calc(48px + env(safe-area-inset-bottom));
}
.bienvenida-logo { display: block; width: min(440px, 78vw); }
.bienvenida-logo img { display: block; width: 100%; height: auto; }

.bienvenida-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 30px;
  border-radius: 10px;
  background: var(--azul);
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .02em;
  text-decoration: none;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--cian) 35%, transparent), 0 8px 24px rgba(55, 83, 179, .35);
  transition: background .15s, box-shadow .15s, transform .15s;
}
.bienvenida-btn:hover { background: #4562c6; box-shadow: 0 0 0 1px var(--cian), 0 10px 28px rgba(55, 83, 179, .5); }
.bienvenida-btn:active { transform: translateY(1px); }
.bienvenida-btn:focus-visible { outline: 2px solid var(--cian); outline-offset: 3px; }

@media (prefers-reduced-motion: reduce) { .bienvenida-btn { transition: none; } }