/* CROMATIX — LAYOUT. Wide margins, asymmetric logo placement
   (manual §Ubicación: logo top-left in web, never centered). */
:root{
  --page-max:1440px;
  --content-max:1180px;
  --prose-max:720px;
  --gutter:clamp(20px,5vw,80px); /* @kind spacing */
  --grid-columns:12; /* @kind other */
  --grid-gap:24px;
  --header-h:84px;
  --header-h-compact:64px;

  /* Logo clear space = the isotipo module (manual p.17) */
  --logo-clear:0.34em;      /* relative to logo height */
  --logo-h-header:38px;     /* ≥ 65px minimum applies to print/marketing use */
  --logo-h-min:65px;        /* digital minimum, no tagline */
  --logo-h-min-tagline:80px;/* digital minimum, with tagline */
  --isotipo-h-min:65px;
  --wordmark-h-min:25px;
}