/* ============================================================
   Loader de carga (solo index.html)
   Overlay fondo tinta + logo Shio que se dibuja con una máscara
   de trazo (efecto firma). Lo controla assets/js/loader.js con GSAP.
   ============================================================ */

body.is-loading {
  overflow: hidden;
}

.loader {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #283139; /* tinta de marca */
}

.loader__logo {
  width: min(46vw, 280px);
  height: auto;
  will-change: transform, opacity;
}