/* Pantalla de carga con el logotipo FIAT (contrato del portal §8.2).
   Copia de los estilos de C:\Users\Usuario\Documents\animaciones\fiat\preloader.html con el selector
   #carga en lugar de html/body. La marca es de terceros: NO se tocan colores, medidas ni el SVG.
   La capa la crea js/carga-fiat.js; si el script no corre (sin JS o sin GSAP) no existe y nada tapa
   la página. */

#carga{
  /* Colores del manual de marca FIAT (los mismos que usa la vitrina fiat-showroom):
     negro de marca 5395 CP #18131F → lienzo #0C0910; crema 7527 CP #EDEDE3. */
  --w: 46vw;                                  /* ancho del logotipo; 1714×1225 */
  --bg:#FFFFFF; --mono:#000000;
  color-scheme: light;
  position:fixed; inset:0; z-index:9999;
  margin:0; padding:0;
  background:var(--bg);
  display:grid; place-items:center; overflow:hidden;
  -webkit-font-smoothing:antialiased;
}
#carga[data-tema="oscuro"]{
  --bg:#0C0910; --mono:#EDEDE3;
  color-scheme: dark;
}
#carga[data-layout="vertical"]{ --w: 76vw; }
#carga *{ box-sizing:border-box; }

/* ---------- la marca ---------- */
#carga #escena{ width:var(--w); aspect-ratio: 1714 / 1225; }
#carga #logo{ display:block; width:100%; height:100%; max-width:none; overflow:visible; }
#carga .letra{ fill:var(--mono); will-change:transform; }
#carga #bandera, #carga #destello{ opacity:0; }