/* Tipografía, colores y reglas generales. */
:root {
  --navy:#061b45;
  --green:#47652b;
  --sage:#79955f;
  --bg:#c3cfdb;
  --card:#e0e6ed;
  --line:#a7b6c6;
  --white:#fff;
  --wrap:1180px;
  color-scheme:light;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--navy);
  background:var(--bg)
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
}
body {
  margin:0;
  line-height:1.65
}
a {
  color:inherit
}
img {
  max-width:100%;
  display:block
}
button {
  font:inherit
}
h1,h2,h3,p {
  margin-top:0
}
h1,h2,h3 {
  line-height:1.15;
  letter-spacing:-.025em
}
h1 {
  font-size:clamp(2.5rem,4.3vw,4.6rem);
  font-weight:720
}
h2 {
  font-size:clamp(1.8rem,2.7vw,2.6rem)
}
h3 {
  font-size:1.25rem
}
p {
  font-size:1rem
}
a,button {
  touch-action:manipulation
}
a:focus-visible,button:focus-visible {
  outline:3px solid #af6c00;
  outline-offset:5px
}
.wrap {
  width:min(var(--wrap),calc(100% - 64px));
  margin-inline:auto
}
.skip {
  position:fixed;
  top:-100px;
  left:16px;
  background:#fff;
  padding:14px;
  z-index:100
}
.skip:focus {
  top:16px
}