/* Gruppo Viscovo — mobile-first, semplice. Palette navy dei loghi. */
:root{
  --navy:#1f3a5f; --navy-scuro:#162a45; --oro:#b8893b;
  --testo:#1d2733; --muto:#5a6675; --bordo:#e3e7ec; --bg:#f5f7fa; --max:1120px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--testo);
  font-family:Georgia,"Times New Roman",serif;line-height:1.6;font-size:1.0625rem}
.wrap{max-width:var(--max);margin:0 auto;padding:0 18px}
a{color:var(--navy)}
a:hover{color:var(--navy-scuro)}
img{max-width:100%;height:auto}
:focus-visible{outline:3px solid var(--oro);outline-offset:2px}
.skip{position:absolute;left:8px;top:-48px;background:var(--navy);color:#fff;padding:10px 16px;border-radius:0 0 4px 4px;z-index:9}
.skip:focus{top:0}

/* header */
.site-header{background:var(--navy);color:#fff;text-align:center;padding:34px 0 28px}
.site-header h1{margin:0;font-size:clamp(2rem,6vw,3rem);letter-spacing:.04em}
.site-header .tagline{margin:.4em 0 0;color:#cdd8e6;font-style:italic;font-size:1.1rem}

/* griglia card */
.grid{display:grid;gap:20px;grid-template-columns:1fr;margin:28px 0}
.card{background:#fff;border:1px solid var(--bordo);border-top:4px solid var(--navy);
  border-radius:6px;padding:24px;box-shadow:0 2px 10px rgba(31,58,95,.06)}
.logo{display:flex;justify-content:center;align-items:center;min-height:118px;margin-bottom:6px}
.logo img{max-height:108px;width:auto}
.card h2{margin:.2em 0 0;color:var(--navy);font-size:1.4rem;text-align:center}
.ruolo{margin:.2em 0 1em;text-align:center;color:var(--muto);font-style:italic}
.servizi{margin:0 0 1.2em;padding-left:1.2em}
.servizi li{margin:.25em 0}
address{font-style:normal;color:var(--testo);line-height:1.7}
address strong{color:var(--navy)}

/* footer */
.site-footer{background:var(--navy-scuro);color:#cdd8e6;margin-top:30px}
.site-footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;
  padding-top:18px;padding-bottom:18px;font-size:.9rem}
.site-footer a{color:#fff}

/* desktop: 3 colonne */
@media (min-width:820px){
  .grid{grid-template-columns:repeat(3,1fr);align-items:start}
}