body{margin:0;font-family:Arial,sans-serif;color:#333;background:#f5f5f5}
header{background:url('images/Torre-dellOrso-2.webp') center/cover;height:60vh;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center}
nav{position:sticky;top:0;background:#0a4c6a;padding:1rem;display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}
nav a{color:#fff;text-decoration:none;font-weight:bold}
section{max-width:1100px;margin:auto;padding:3rem 1rem}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.card{background:#fff;padding:1rem;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.15)}
footer{background:#0a4c6a;color:#fff;text-align:center;padding:1rem}
.btn{display:inline-block;background:#f39c12;color:#fff;padding:.8rem 1.4rem;border-radius:6px;text-decoration:none}
iframe{width:100%;height:350px;border:0}

.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.gallery img{width:100%;height:220px;object-fit:cover;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.2);transition:.3s}.gallery img:hover{transform:scale(1.03)}

.gallery-section{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:20px;
    margin-bottom:50px;
}

.gallery-section a{
    display:block;
    overflow:hidden;
    border-radius:12px;
    box-shadow:0 4px 12px rgba(0,0,0,.15);
}

.gallery-section img{
    width:100%;
    height:220px;
    object-fit:cover;
    display:block;
    transition:transform .3s ease;
}

.gallery-section img:hover{
    transform:scale(1.05);
}

.gallery h3{
    margin:40px 0 20px;
    text-align:center;
    font-size:28px;