/* Base común a toda la web */

:root {
  /* Unidad de diseño: 1 px del Figma.
     Desktop se diseñó en 1920 de ancho; mobile en 1080. */
  --u: calc(100vw / 1920);
}

@media (max-aspect-ratio: 1/1) {
  :root {
    --u: calc(100vw / 1080);
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  height: 100%;
}

body {
  background: #000;
  color: #000;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
}

img,
video {
  display: block;
}

/* --- ERROR DE CARGA (Figma "ERROR DE CARGA (DESKTOP)") ---------------------------------- */
/* Pantalla entera en blanco con el logo en el centro: 149,5 × 128 px del frame de 1920 × 1080. */
.carga {
  position: fixed;
  inset: 0;
  z-index: 9000;
  background: #fff;
  display: grid;
  place-items: center;
}
.carga[hidden] {
  display: none;
}
.carga > .carga-logo {
  width: calc(149.5 / 1920 * min(100vw, 100vh * 16 / 9));
}
/* SEPPA (3/11): "un poco más slow" que la primera prueba (1,4 s). PROPUESTA DE CLAUDE, SIN CONFIRMAR:
   ciclo de 2,4 s: apagado 0,24 s, se prende en 0,6 s, prendido 0,6 s, se apaga en 0,6 s, apagado 0,36 s. */
.carga-logo {
  display: block;
  pointer-events: none;
  animation: carga-titila 2.4s ease-in-out infinite;
}
@keyframes carga-titila {
  0%, 10% { opacity: 0; }
  35%, 60% { opacity: 1; }
  85%, 100% { opacity: 0; }
}
/* Encima de un video que no cargó: el mismo logo, centrado en el recuadro. */
.carga-logo--video {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(149.5px, 30%);
  transform: translate(-50%, -50%);
  display: none;
}
.is-cargando > .carga-logo--video {
  display: block;
}

/* Mazius Display (4/11): archivos que pasó SEPPA. La usa "Valentina Loyarte." en Sacrificio 4 y 8. */
@font-face {
  font-family: "Mazius Display";
  src: url("../media/fuentes/MaziusDisplay-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mazius Display";
  src: url("../media/fuentes/MaziusDisplay-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}