:root{--barro:#B5653B;--crema:#F7F1E6;--tinta:#2B2420;--oliva:#6F7A4A;--azul:#2F5D73;--arena:#E8DCC6}
*{box-sizing:border-box}body{margin:0;background:var(--crema);color:var(--tinta);font:18px/1.65 Georgia,"Source Serif 4",serif}
h1,h2,h3,.logo,nav{font-family:"Trebuchet MS","Work Sans",sans-serif}
a{color:var(--azul)}header{display:flex;justify-content:space-between;align-items:center;padding:18px 6vw;border-bottom:2px solid var(--arena);flex-wrap:wrap;gap:10px}
.logo{font-weight:700;font-size:24px;color:var(--barro);text-decoration:none}.logo span{color:var(--tinta)}
nav a{text-decoration:none;color:var(--tinta);font-size:15px}
.hero{padding:60px 6vw 40px;max-width:1100px}.hero h1{font-size:clamp(32px,5vw,54px);line-height:1.1;margin:0 0 14px}.hero p{font-size:20px;max-width:640px}
.btn{display:inline-block;background:var(--barro);color:#fff;padding:12px 22px;border-radius:999px;text-decoration:none;font-family:sans-serif}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;padding:10px 6vw 50px}
.card{background:#fff;border-radius:14px;padding:24px;border-top:6px solid var(--c,var(--barro));box-shadow:0 2px 10px #0001}
.card h3{margin:.3em 0}.card small{text-transform:uppercase;letter-spacing:.08em;color:var(--c);font-family:sans-serif;font-weight:700}
.news{background:var(--arena);padding:40px 6vw;text-align:center}footer{padding:24px 6vw;font-size:14px;color:#6b5f55}
article{max-width:720px;margin:0 auto;padding:40px 22px 60px}article h1{font-size:clamp(30px,4.5vw,44px);line-height:1.15}
.meta{color:#6b5f55;font-family:sans-serif;font-size:14px}.nota{background:#fff;border-left:5px solid var(--oliva);padding:14px 18px;border-radius:8px}
nav{display:flex;flex-wrap:wrap;gap:6px 18px}nav a{white-space:nowrap}