@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Playfair+Display:wght@400;700&display=swap");
:root{--gold:#C9A84C;--gold-light:#E8C96A;--silver:#B8C4CC;--black:#0A0A0A;--charcoal:#1A1A1A;--white:#FAFAFA}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--black);color:var(--white);font-family:'Montserrat',sans-serif;line-height:1.7}
a{color:inherit}
header{border-bottom:1px solid rgba(201,168,76,.25);background:rgba(10,10,10,.95);position:sticky;top:0;z-index:10}
.bar{max-width:1100px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.bar img{width:64px;height:64px;border-radius:50%;object-fit:cover;display:block}
.bar nav{display:flex;gap:22px;flex-wrap:wrap}
.bar nav a{font-size:11px;letter-spacing:2px;text-transform:uppercase;text-decoration:none;color:var(--silver)}
.bar nav a:hover,.bar nav a.on{color:var(--gold)}
main{max-width:760px;margin:0 auto;padding:56px 24px 40px}
h1{font-family:'Playfair Display',serif;font-size:clamp(30px,5vw,44px);line-height:1.2;margin-bottom:14px}
h2{font-family:'Playfair Display',serif;font-size:26px;margin:0 0 8px}
.meta{color:var(--silver);font-size:13px;margin-bottom:24px}
.aviso{border:1px solid rgba(201,168,76,.35);background:rgba(201,168,76,.06);padding:12px 16px;font-size:13px;color:var(--silver);margin:0 0 32px}
p{margin-bottom:18px;color:#e6e2dc}
.item{display:flex;gap:24px;align-items:flex-start;margin:40px 0;flex-wrap:wrap}
.item img{width:220px;max-width:100%;aspect-ratio:4/5;object-fit:cover;border:1px solid rgba(201,168,76,.3)}
.item div{flex:1;min-width:220px}
.btn{display:inline-block;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--black);padding:12px 26px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none}
.lista{display:grid;gap:24px}
.post{display:flex;gap:20px;border:1px solid rgba(201,168,76,.2);background:var(--charcoal);text-decoration:none;flex-wrap:wrap}
.post:hover{border-color:var(--gold)}
.post img{width:180px;max-width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.post div{flex:1;min-width:220px;padding:20px}
.post p{margin:8px 0 0;font-size:14px;color:var(--silver)}
footer{border-top:1px solid rgba(201,168,76,.2);text-align:center;padding:28px 24px;font-size:12px;color:var(--silver)}
@media(max-width:600px){.bar nav{gap:14px}}