/* MIRA GUIDE — desktop. Caricato con media="(min-width:900px)": sul telefono non blocca il rendering. */
@media (min-width:900px){
  :root{--gut:max(5vw,32px)}
  body{font-size:16.5px}

  .hdr{height:72px;gap:2.5rem}
  .brand{font-size:2.2rem}
  .hdr nav{display:flex;gap:2rem;font-size:.9rem}
  .hdr nav a{text-decoration:none}
  .hdr nav a:hover{text-decoration:underline}
  .hdr .tagline{display:block;font-size:.72rem;line-height:1.2;margin-left:1.5rem;color:var(--muted)}
  .hdr .menu{display:none}
  .hdr .hdr-cta{display:inline-flex}
  #nav{display:none!important}

  .hero{display:grid;grid-template-columns:minmax(380px,46%) 1fr;min-height:560px;align-items:stretch}
  .hero .copy{grid-column:1;grid-row:1;align-self:center;z-index:2;padding:4rem 3rem 3.5rem var(--gut);background:linear-gradient(90deg,var(--paper) 76%,rgba(251,248,242,0))}
  .hero h1{font-size:clamp(3rem,4.6vw,4.6rem)}
  .hero .lead{max-width:32rem}
  .hero .acts{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
  .hero .media{grid-column:2;grid-row:1;aspect-ratio:auto;height:100%}
  .hero .mano{position:absolute;left:1.5rem;top:16%;padding:1rem 1.2rem;max-width:12rem;transform:rotate(-6deg);z-index:3;font-size:1.55rem;color:#38504d;background:radial-gradient(ellipse at center,rgba(247,243,236,.92) 0%,rgba(247,243,236,.7) 55%,rgba(247,243,236,0) 78%)}
  .trust{display:flex;gap:2rem;margin-top:2.5rem}
  .trust li{max-width:13rem;align-items:flex-start}

  .situ{padding:1.5rem 0}
  .situ .grid{display:grid;grid-template-columns:1.15fr repeat(4,1fr);gap:1rem;padding-inline:var(--gut);align-items:center}
  .situ h2{font-size:2.1rem;padding:0}
  .situ .intro{padding:0;font-size:.86rem}
  .situ ul{display:contents}
  .situ li+li{border:0}
  .situ li{background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.9);border-radius:var(--r);box-shadow:0 2px 12px rgba(16,47,49,.04);transition:transform .2s,box-shadow .2s}
  .situ li:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
  .situ a{grid-template-columns:40px 1fr;grid-template-rows:auto auto;padding:1rem;gap:.6rem .8rem;align-items:start}
  .situ .bubble{grid-row:1}
  .situ .chev{grid-column:2;grid-row:1;justify-self:end}
  .situ .txt{grid-column:1/-1}
  .situ h3{font-size:1.12rem}

  .sec{padding:4.5rem var(--gut)}
  .sec h2{font-size:clamp(2.2rem,3.4vw,3.4rem)}
  .sec .cols{display:grid;grid-template-columns:1.15fr 2.6fr;gap:3rem;align-items:start}

  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:0}
  .steps li{padding-bottom:0;grid-template-columns:34px 1fr}
  .steps li:not(:last-child)::before{top:16px;left:44px;right:-2rem;bottom:auto;width:auto;height:1px}

  .cards{grid-template-columns:repeat(3,1fr);gap:1rem;margin:0}
  .card{grid-template-columns:1fr;align-items:stretch}
  .card .thumb{aspect-ratio:2/1}
  .card .body{padding:1rem}
  .card h3{font-size:1.22rem}

  .manifesto{display:grid;grid-template-columns:1.25fr .85fr auto;gap:3rem;align-items:center;padding:3.25rem var(--gut)}
  .manifesto h2{font-size:2rem}
  .manifesto .mano{margin:0;font-size:1.35rem}

  .ftr{grid-template-columns:.8fr 1.9fr 1fr 1fr;gap:2.5rem;padding:2.25rem var(--gut) 2rem;align-items:start}
  .ftr form{display:flex;flex-wrap:wrap;gap:.6rem}
  .ftr input{width:auto;flex:1;min-width:220px}
  .ftr .consent{flex-basis:100%}
  .ftr .fine{grid-column:1/-1}

  .phero{padding:3.5rem var(--gut) 3rem}
  .phero h1{font-size:clamp(2.8rem,4.4vw,4rem);max-width:22ch}
  .phero .phero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:3rem;align-items:center}
  .phero .phero-media{border-radius:var(--r);overflow:hidden}

  /* pagina guida: corpo, indice a sinistra, colonna laterale a destra */
  .guida{display:grid;grid-template-columns:220px minmax(0,1fr) 320px;gap:3rem;padding:3rem var(--gut) 0;align-items:start}
  .guida .art{padding:0;max-width:none;grid-column:2}
  .toc{grid-column:1;grid-row:1;position:sticky;top:92px;margin:0;border:0;background:transparent}
  .toc summary{display:none}
  .toc[open] ol,.toc ol{padding:0;display:grid;gap:.6rem}
  .toc ol{list-style:none;counter-reset:t}
  .toc li{font-size:.85rem;color:var(--muted)}
  .side{grid-column:3;grid-row:1;position:sticky;top:92px;display:grid;gap:1rem}
  .side .panel,.side .rel{margin:0;padding:1.25rem;border-radius:var(--r)}
  .side .rel{background:#fff;border:1px solid var(--line)}
  .notice,.meta{margin-inline:0}
  .guida .notice,.guida .meta{grid-column:2}

  .pathway{padding:3.5rem var(--gut)}
  .pathway ol{grid-template-columns:repeat(4,1fr);gap:1rem}
  .pathway li{grid-template-columns:1fr;gap:.6rem}

  .diag{padding:3.5rem var(--gut)}
  .diag .inner{max-width:44rem;margin:0 auto}
  .diag h2{font-size:2rem}
  .art{max-width:46rem}
  .art p,.art li{font-size:1.05rem}
}

@media (min-width:1400px){
  .hero h1{font-size:5rem}
  .guida{grid-template-columns:240px minmax(0,720px) 340px;justify-content:center}
}