/* ==========================================================
   BASE — reset minimo, tipografia global, contenedor y accesibilidad
   ========================================================== */

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}

body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:'Montserrat', sans-serif;
  font-weight:400;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
body.nav-open{overflow:hidden;}

h1,h2,h3,.serif{
  font-family:'Libre Baskerville', Georgia, serif;
  font-weight:700;
  color:var(--navy);
  line-height:1.22;
  margin:0;
}

a{color:inherit;}
img{max-width:100%; display:block;}

/* El atributo hidden debe ganarle a cualquier display de componente. Es como
   se oculta la nota del formulario desde que dejo de haber style= en linea. */
[hidden]{display:none !important;}

a:focus-visible, button:focus-visible, .nav-link:focus-visible, [tabindex]:focus-visible{
  outline:2px solid var(--brass);
  outline-offset:3px;
}

.wrap{
  max-width:1120px;
  margin:0 auto;
  padding:0 32px;
}
.sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}