/*
 * envoltorio.css — Los colores son los de ui_estilos.html (--canvas, --ink, --ink-2), no unos
 * nuevos: mientras Google carga, lo que se ve es este fondo, y tiene que ser el de FirstGod.
 */
:root{color-scheme:light dark}

html,body{margin:0;height:100%}
body{
  background:#F2F2EF;color:#0B0B0C;
  font-family:system-ui,-apple-system,"SF Pro Text","Segoe UI",sans-serif;
}

/* El marco ocupa la pantalla entera: FirstGod pone sus propios márgenes de seguridad. */
.marco{display:block;width:100%;height:100%;border:0}
.marco[hidden]{display:none}

.aviso{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-height:100%;padding:1.5rem;box-sizing:border-box;text-align:center;
}
.aviso[hidden]{display:none}
.aviso-logo{display:block;border-radius:.75rem;margin-bottom:1rem}
.aviso-titulo{font-size:1.25rem;margin:0 0 .5rem}
.aviso-texto{margin:0;max-width:22rem;color:#5B5B60;line-height:1.45}

@media (prefers-color-scheme: dark){
  body{background:#0A0A0B;color:#F4F4F5}
  .aviso-texto{color:#A0A0A8}
}