@font-face{font-family:Bitter;src:url(/fuentes/Bitter.ttf);font-weight:100 900;font-display:swap}
@font-face{font-family:Atkinson;src:url(/fuentes/AtkinsonNext.ttf);font-weight:200 800;font-display:swap}
:root{--tierra:#2A1C12;--crema:#F3E9D2;--ocre:#E0A93F;--suave:#CDBFA6}
*{box-sizing:border-box}
html{background:var(--tierra);color:var(--crema);font:1.125rem/1.65 Atkinson,system-ui,sans-serif}
body{margin:0 auto;max-width:42rem;padding:clamp(2rem,8vw,5rem) 1.5rem}
h1,h2{font-family:Bitter,Georgia,serif;line-height:1.15;font-weight:800}
h1{font-size:clamp(2.6rem,9vw,4.2rem);margin:0}
h2{font-size:1.35rem;margin:2.5rem 0 .5rem}
a{color:var(--ocre);text-underline-offset:.18em}
.nombre{font-family:Bitter,Georgia,serif;font-weight:800;text-decoration:none;color:var(--crema)}
.linea{height:6px;background:var(--ocre);margin:1.5rem -1.5rem 2rem}
.lema{font-size:1.3rem;color:var(--crema)}
footer{margin-top:4rem;color:var(--suave);font-size:.95rem}