/* SAPE MED — palette di divisione (PANTONE 660 C / 659 C).
   Scoped al contenuto della pagina: la cornice del sito (testata, footer) resta sull'identità SAPE. */
main{
  --med-660:#2E74B7;              /* Blu intermedio — PANTONE 660 C */
  --med-659:#8CA1CD;              /* Blu chiaro    — PANTONE 659 C */
  --med-deep:#1F5892;             /* 660 scurito: serve per il testo piccolo su fondo chiaro */
  --accent:var(--med-660);
  --accent-ink:var(--med-deep);
  --accent-soft:color-mix(in oklch,var(--med-660) 14%,transparent);
  --accent-line:color-mix(in oklch,var(--med-660) 42%,transparent);
}
/* su fondo blu il testo scuro non tiene il contrasto: passa a bianco */
main .btn-primary{color:#fff}
main .tag.active{color:#fff}
main .on-ink .eyebrow{color:var(--med-659)}
main .on-ink .glow{background:radial-gradient(circle,color-mix(in oklch,var(--med-659) 72%,transparent),transparent 70%);opacity:.5}

/* firma di divisione */
/* Hero: clip d area + firma di divisione SAPE MED affiancate */
.med-hero-marks{display:flex;align-items:center;gap:clamp(13px,2vw,22px);margin:0 0 20px;flex-wrap:wrap}
.med-hero-marks .page-clip{margin:0}
/* firma di divisione in testa all'hero, sopra al breadcrumb */
.med-signature{display:inline-flex;align-items:center;background:#fff;border-radius:16px;
  padding:clamp(16px,2.2vw,24px) clamp(22px,3vw,34px);line-height:0;margin:0 0 clamp(22px,3vw,32px);
  box-shadow:0 10px 30px color-mix(in oklch,#000 30%,transparent)}
.med-signature img{display:block;width:clamp(230px,30vw,392px);height:auto}
@media (max-width:600px){.med-hero-marks{gap:11px;margin-bottom:16px}
  .med-signature{padding:14px 18px;border-radius:14px}.med-signature img{width:min(230px,72vw)}}

.svc{padding-block:clamp(40px,6vw,72px);scroll-margin-top:80px}.svc+.svc{border-top:1px solid var(--border)}
.svc ul.list{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}
@media(max-width:560px){.svc ul.list{grid-template-columns:1fr}}
.svc ul.list li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--fg)}
.svc ul.list li::before{content:"";flex:none;width:16px;height:16px;margin-top:3px;border-radius:4px;background:var(--accent-soft);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F5892' stroke-width='3'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");background-size:11px;background-position:center;background-repeat:no-repeat}