/* DEF-9471: lo que se ve mientras baja la aplicación (red lenta). Archivo propio y no <style> en index.html: la CSP del
   sitio (public/_headers) es style-src 'self' y bloquearía el estilo en línea. React reemplaza #root al montar. */
.carga-inicial {
  min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px;
  padding: 24px 16px; background: #F4F7F9; color: #5B6776;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; font-size: 16px; line-height: 1.45;
}
.carga-inicial img { width: 120px; height: auto; }
.carga-inicial__barra { width: 160px; height: 4px; border-radius: 2px; background: #DCE3EA; overflow: hidden; }
.carga-inicial__barra::after {
  content: ""; display: block; width: 40%; height: 100%; background: #4FB3C8;
  animation: carga-inicial 1.2s ease-in-out infinite;
}
@keyframes carga-inicial { from { transform: translateX(-100%); } to { transform: translateX(250%); } }
@media (prefers-reduced-motion: reduce) { .carga-inicial__barra::after { animation: none; width: 100%; } }