/* base.css — reset, fuente y esqueleto comun. */
@font-face{
  font-family:'Montserrat';
  src:url('/assets/fonts/montserrat-var.woff2') format('woff2');
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--fondo);color:var(--tinta);
  font-family:var(--dz);font-weight:400;
  /* Publico de oficio, 50+, leyendo en el celular: cuerpo generoso. */
  font-size:clamp(17px,1.05vw + 14px,19px);line-height:1.65;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img,svg{max-width:100%;display:block}
a{color:inherit}

.env{width:var(--medida);margin-inline:auto}

/* La diagonal del isotipo como trama de fondo */
.trama{
  position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:repeating-linear-gradient(var(--diag),
    transparent 0 62px, color-mix(in srgb,var(--turquesa) 7%,transparent) 62px 63px);
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}