@font-face{font-family:"Manrope";src:url(fonts/manrope-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Manrope";src:url(fonts/manrope-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url(fonts/instrument-serif-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}

:root{
  --paper:#f4f2ee; --ink:#151515; --ink-2:#45433f; --muted:#85817a; --line:#d9d5cd;
  --serif:"Instrument Serif",Georgia,serif; --sans:"Manrope",system-ui,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0}
body{
  min-height:100vh; min-height:100svh; display:flex; flex-direction:column;
  background:var(--paper); color:var(--ink); font-family:var(--sans); font-weight:500;
  -webkit-font-smoothing:antialiased;
}
.wrap{
  flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; padding:56px 16px 32px; max-width:560px; margin:0 auto; width:100%;
}
.escudo{width:150px; height:auto; mix-blend-mode:multiply; margin-bottom:40px}
.eyebrow{
  margin:0; font-size:12px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:var(--muted);
}
h1{
  font-family:var(--serif); font-weight:400; font-size:clamp(44px,9vw,72px);
  line-height:.95; letter-spacing:-.01em; margin:16px 0 20px;
}
.lead{margin:0 0 34px; font-size:17px; line-height:1.6; color:var(--ink-2); max-width:42ch}
.btn{
  display:inline-block; background:var(--ink); color:var(--paper); text-decoration:none;
  font-size:15px; font-weight:600; letter-spacing:.02em; padding:16px 28px; border-radius:2px;
}
.btn:hover{background:#2c2b29}
.btn:focus-visible{outline:2px solid var(--ink); outline-offset:3px}
.pie{
  border-top:1px solid var(--line); padding:20px 16px; text-align:center;
  font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted);
}