:root{
  
  --perla:#F6F5FC; --perla-2:#ECEAF6;
  --tinta:#1F2A44; --tinta-2:#5A6382;
  --noche:#141B33; --noche-2:#1F2A44;
  --hueso:#F3F1FC; --hueso-2:#B7BDD6;
  --marino:#1F2A44;
  --linea:rgba(31,42,68,.12);
  --sombra:0 1px 2px rgba(31,42,68,.04),0 8px 24px rgba(110,86,207,.08);
  
  --letra:Inter,"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI Variable","Segoe UI",system-ui,sans-serif;
  --mono:var(--letra);
}

.nav .marca,.pie .marca{display:inline-flex;align-items:center;gap:.6rem;font-size:1.02rem;font-weight:700;font-stretch:100%;letter-spacing:-.01em;text-transform:none}
.nav .marca svg,.pie .marca svg{width:34px;height:34px;flex:none}
.pie .marca{font-size:1.1rem}

.boton{border-radius:999px;font-weight:650;letter-spacing:-.005em}
.boton-nav{padding-inline:1.1rem}

.antetitulo,.ejemplo,.sello small,.firma,.pista,.pie h2,.marca-ejemplo{font-family:var(--letra);text-transform:none;letter-spacing:.01em}
.pie h2{font-size:.82rem;font-weight:700;letter-spacing:.02em;color:var(--tinta-2)}
.sello small{font-size:.8rem}

.pie{grid-template-columns:1.4fr 1fr}
@media (max-width:899px){.pie{grid-template-columns:1fr 1fr}}

h1,h2{font-weight:780;letter-spacing:-.03em;font-stretch:100%}