/* Estilos críticos pre-React (antes vivían inline en index.html — M4.2). */
html,
body,
#root {
  margin: 0;
  padding: 0;
  background-color: #FAFBFF !important;
  color: #0F172A;
  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
  height: 100%;
  width: 100%;
}

/* Embebido en PWA shell: mismo fondo claro que el loading de sub-apps. */
html.waio-embedded,
html.waio-embedded body,
html.waio-embedded #root {
  background-color: #FAFBFF !important;
}

.initial-load {
  opacity: 1;
  transition: opacity 0.1s ease-in;
}