:root{ --vino:#6d2e2f; --crema:#fff7ef; --oro:#ff8c2a; --grigio:#333; --bg:#faf6f2; }
*{ box-sizing:border-box; } body{ margin:0; font-family: ui-sans-serif,system-ui,Segoe UI,Roboto,Arial; color:var(--grigio); background:#fff; }
.container{ width:min(1100px,92%); margin:0 auto; }
.site-header{ position:sticky; top:0; background:#fff; border-bottom:1px solid #eee; z-index:10;}
.brand{ font-weight:900; font-size:20px; color:var(--vino); text-decoration:none; padding:12px 0; display:inline-block;} .brand span{ color:var(--oro); }
.main-nav{ display:flex; gap:10px; padding:8px 0 12px; } .main-nav a{ text-decoration:none; color:#333; padding:6px 10px; border-radius:10px; } .main-nav a:hover{ background:var(--crema); }
.site-main{ padding:24px 0; } .grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px; }
.card{ background:#fff; border:1px solid #eee; border-radius:16px; padding:14px; } .card:hover{ border-color:var(--oro); transform:translateY(-2px); transition:.2s; }
.hero{ background:var(--crema); border:1px solid #eee; border-radius:16px; padding:18px; } .btn{ background:var(--oro); color:#fff; text-decoration:none; padding:10px 14px; border-radius:12px; display:inline-block; }
.maintenance{ display:grid; place-items:center; min-height:100vh; background:var(--bg); } .maintenance .card{ text-align:center; max-width:540px; }
.article h1{ color:var(--vino); } .meta{ color:#777; font-size:13px; } img.cover{ width:100%; border-radius:14px; }