:root { --caramel:#c47f48; --pinkpop:#ff66a1; --dark:#222; --light:#fff; }
*{box-sizing:border-box} body{font-family:Arial,Helvetica,sans-serif;margin:0;background:var(--light);color:var(--dark);line-height:1.6}
header{background:var(--caramel);color:var(--light);padding:1rem}
header .wrap{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:1rem}
nav a{color:#fff;margin-right:.75rem;text-decoration:none}
main{max-width:1100px;margin:2rem auto;padding:0 1rem}
footer{margin-top:3rem;background:#111;color:#aaa;padding:1.5rem;font-size:.9rem}
.grid-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;padding:1rem 0;text-align:center}
.box{border-radius:16px;padding:1.5rem;color:#fff;font-weight:600;transition:transform .2s ease,box-shadow .2s ease;min-height:170px}
.box:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,.15)}
.news{background:#c47f48}.gossip{background:#ff66a1}.motori{background:#0078d7}.tecnologia{background:#4cd964}
.box a{color:inherit;text-decoration:none;display:block;height:100%}
.article{background:#fff;padding:1.25rem;border:1px solid #eee;border-radius:12px}
.article h1{color:#111;margin-top:0}.meta{color:#666;font-size:.9rem;margin-bottom:.75rem}
figure img{max-width:100%;height:auto;display:block;border-radius:10px}