/* Pantalla de arranque (UX 2026-10-02 #10): se ve mientras carga el JS; React la reemplaza al pintar #root.
   Archivo aparte (no <style> en línea) para respetar la CSP: style-src 'self'. */
.ria-splash {
  position: fixed;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  background: #fafafa;
  color: #5b6a66;
  font:
    500 15px / 1.4 system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
}
.ria-splash img {
  width: 72px;
  height: 72px;
  border-radius: 20px;
  animation: ria-splash-pulse 1.4s ease-in-out infinite;
}
@keyframes ria-splash-pulse {
  50% {
    transform: scale(0.94);
    opacity: 0.8;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ria-splash img {
    animation: none;
  }
}
@media (prefers-color-scheme: dark) {
  .ria-splash {
    background: #111413;
    color: #adb5b2;
  }
}