/* ViviCapoVaticano — Tema azzurro chiaro */
:root{
  --primary:#5da9dd;
  --text:#0f2a3a;
  --bg:#ffffff;
  --muted:#6b7c87;
  --sand:#f5efe0;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial}
a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:underline}

.container{width:95%;max-width:1100px;margin:0 auto}

.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e8eef2;z-index:50}
.header-wrap{display:flex;align-items:center;justify-content:space-between;padding:0.8rem 0}
.logo span{font-weight:800;letter-spacing:.2px}
.nav a{margin-left:1rem;font-weight:600}

.hero{
  background:linear-gradient(180deg,rgba(93,169,221,.2),rgba(255,255,255,0)),
             url('../img/cover_capo_vaticano.jpg') center/cover no-repeat;
  padding:6rem 0 4rem;color:#083049;text-shadow:0 1px 0 rgba(255,255,255,.4);
  border-bottom:1px solid #e8eef2;
}
.hero h1{font-size:2.2rem;margin:0 0 .5rem}
.hero p.lead{font-size:1.1rem;max-width:800px}

.section{padding:2.5rem 0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
@media (max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.grid{grid-template-columns:1fr}}

.card{background:#fff;border:1px solid #e8eef2;border-radius:16px;padding:1rem}
.card h3{margin-top:.2rem}

.badge{display:inline-block;background:var(--sand);border:1px solid #efe7d2;border-radius:999px;padding:.25rem .6rem;font-size:.85rem;margin-right:.3rem}

.map-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:16px;border:1px solid #e8eef2}
.map-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

.site-footer{background:#f9fbfd;border-top:1px solid #e8eef2;margin-top:2rem;padding:1.5rem 0;text-align:center;color:var(--muted)}