/* ════════════════════════════════════════════
   DOVE SIAMO IN ITALIA — Scope .oasi-c-italia · sez. verde
   ════════════════════════════════════════════ */
.oasi-c-italia *, .oasi-c-italia *::before, .oasi-c-italia *::after { box-sizing: border-box; margin: 0; padding: 0; }
.oasi-c-italia {
  --_t: var(--oasi-font-title, 'Fraunces', Georgia, serif);
  --_b: var(--oasi-font-body, 'Mulish', system-ui, sans-serif);
  --_cont: var(--oasi-container, 1200px); --_text: 900px;
  --_ink: var(--oasi-text, #17202e); --_mut: var(--oasi-text-muted, #52607a);
  --_ope: var(--oasi-sez-opere, #2f7d52); --_oped: var(--oasi-sez-opere-700, #226040);
  --_alt: var(--oasi-surface-alt, #eef2f7); --_bd: var(--oasi-border, rgba(20,40,70,.1));
  --_dur: var(--oasi-dur, .4s); --_ease: var(--oasi-ease, cubic-bezier(.2,.7,.2,1));
}
.oasi-c-italia .oasi-wrap  { max-width: var(--_cont); margin-inline: auto; padding-inline: clamp(1.25rem, 5vw, 3rem); }
.oasi-c-italia .oasi-wrapt { max-width: var(--_text); margin-inline: auto; padding-inline: clamp(1.25rem, 5vw, 3rem); }
.oasi-c-italia .oi-intro { padding-block: clamp(2.5rem, 5vw, 3.5rem) clamp(.5rem, 1vw, 1rem); }
.oasi-c-italia .oi-intro p { font-family: var(--_t); font-size: clamp(1.25rem, 2.3vw, 1.6rem); font-weight: 400; line-height: 1.5; color: var(--_ink); max-width: 32ch; text-wrap: pretty; }
.oasi-c-italia .oi-intro b { color: var(--_oped); font-weight: 600; }
.oasi-c-italia .oi-sedi { padding-block: clamp(1.5rem, 3vw, 2.5rem) clamp(3rem, 6vw, 5rem); }
.oasi-c-italia .oi-sede { display: grid; grid-template-columns: 360px 1fr; gap: clamp(1.5rem, 4vw, 3rem); padding-block: clamp(2rem, 4vw, 3rem); border-top: 1px solid var(--_bd); }
.oasi-c-italia .oi-sede:first-child { border-top: 0; }
.oasi-c-italia .oi-card { align-self: start; background: color-mix(in srgb, var(--_ope) 6%, #fff); border: 1px solid color-mix(in srgb, var(--_ope) 22%, transparent); border-radius: var(--oasi-radius-xl, 18px); padding: clamp(1.4rem, 2.5vw, 1.9rem); }
.oasi-c-italia .oi-card__badge { display: inline-block; font-family: var(--_b); font-size: .7rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--_oped); background: color-mix(in srgb, var(--_ope) 14%, transparent); padding: .25em .7em; border-radius: var(--oasi-radius-pill, 999px); margin-bottom: .8rem; }
.oasi-c-italia .oi-card__name { font-family: var(--_t); font-size: 1.5rem; font-weight: 600; line-height: 1.12; color: var(--_ink); margin-bottom: 1rem; }
.oasi-c-italia .oi-info { display: flex; flex-direction: column; gap: .7rem; }
.oasi-c-italia .oi-info__row { display: flex; gap: .6rem; font-family: var(--_b); font-size: .92rem; color: var(--_ink); line-height: 1.45; }
.oasi-c-italia .oi-info__row svg { flex-shrink: 0; margin-top: 2px; color: var(--_oped); }
.oasi-c-italia .oi-info__row a { color: var(--_ink); text-decoration: none; transition: color var(--_dur) var(--_ease); }
.oasi-c-italia .oi-info__row a:hover { color: var(--_oped); }
.oasi-c-italia .oi-sede__body { align-self: center; }
.oasi-c-italia .oi-sede__body h2 { font-family: var(--_t); font-size: clamp(1.4rem, 2.4vw, 1.8rem); font-weight: 600; line-height: 1.18; color: var(--_ink); margin-bottom: .7rem; }
.oasi-c-italia .oi-sede__body p { font-family: var(--_b); font-size: 1.02rem; line-height: 1.7; color: var(--_mut); max-width: 58ch; }
.oasi-c-italia .oi-sede__body p + p { margin-top: .7rem; }
.oasi-c-italia .oi-cta { background: var(--_alt); padding-block: clamp(3rem, 6vw, 4.5rem); text-align: center; }
.oasi-c-italia .oi-cta h2 { font-family: var(--_t); font-size: clamp(1.6rem, 3vw, 2.2rem); font-weight: 600; color: var(--_ink); margin-bottom: .5rem; }
.oasi-c-italia .oi-cta p { font-family: var(--_b); color: var(--_mut); margin: 0 auto 1.4rem; max-width: 46ch; }
.oasi-c-italia .oi-cta a { display: inline-flex; align-items: center; gap: .5em; padding: .85em 1.9em; background: var(--_ope); color: #fff; font-family: var(--_b); font-weight: 800; font-size: .9rem; border-radius: var(--oasi-radius-pill, 999px); text-decoration: none; transition: background var(--_dur) var(--_ease), transform var(--_dur) var(--_ease); }
.oasi-c-italia .oi-cta a svg { transition: transform var(--_dur) var(--_ease); }
.oasi-c-italia .oi-cta a:hover { background: var(--_oped); transform: translateY(-2px); }
.oasi-c-italia .oi-cta a:hover svg { transform: translateX(3px); }
.oasi-c-italia .oi-cta a:focus-visible { outline: 3px solid var(--_ope); outline-offset: 3px; }
@media (max-width: 820px) { .oasi-c-italia .oi-sede { grid-template-columns: 1fr; gap: 1.2rem; } }
@media (prefers-reduced-motion: reduce) { .oasi-c-italia * { transition: none !important; } }
.oasi-c-italia .oi-sede__media{position:relative;margin:0 0 1rem;border-radius:var(--oasi-radius-lg,16px);overflow:hidden;aspect-ratio:16/9;background:#e6ecf3}
.oasi-c-italia .oi-sede__media img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;display:block;margin:0}

/* Sottotitolo ed elenchi nelle schede sede */
.oasi-c-italia .oi-sede__h3{
  font-family:var(--_t);font-size:1.08rem;font-weight:600;
  color:var(--_ink);margin:1.4rem 0 .5rem;
}
.oasi-c-italia .oi-sede__list{
  margin:0 0 1rem;padding-left:1.15rem;
  font-family:var(--_b);font-size:1rem;line-height:1.7;color:var(--_mut);
  max-width:58ch;
}
.oasi-c-italia .oi-sede__list li{margin-bottom:.35rem}
.oasi-c-italia .oi-sede__list li::marker{color:var(--_ope)}