/* =========================================================
   /prezzi-coach · solo impaginazione della pagina (prefisso prc-)
   Componenti, colori, font e ombre stanno in css/site.css.
   ========================================================= */

/* ---------- hero: la fascia è l'immagine, un filo di luce dietro ---------- */
.hero--tool .hero-stage .light{left:-12%;right:-12%;top:-14%;bottom:-14%}

/* ---------- testata di sezione: titolo a sinistra, testo a destra ---------- */
.prc-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px clamp(32px,4vw,72px);align-items:end;margin-bottom:clamp(36px,4vw,64px)}
.prc-head>.h2{grid-column:1/7;min-width:0}
.prc-head>.body-lg,.prc-head-side{grid-column:7/13;min-width:0}
.prc-head-side .tlinks{margin-top:18px}

/* ---------- tabella delle fasce ---------- */
.prc-f{font-weight:500;color:var(--text-3)}
.bands-row .prc-f{font-size:.8em}
.prc-cap{margin-top:22px;max-width:62em}

/* ---------- giorno 30: esempio e ricontrollo, fianco a fianco ---------- */
.prc-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,72px);margin-top:clamp(48px,5vw,72px)}
.prc-note{padding-top:22px;border-top:1px solid var(--line)}
.prc-note .h4{margin-bottom:10px}
.prc-note .small{max-width:34em}

/* ---------- crediti AI + porta un coach ---------- */
.prc-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,6vw,112px);align-items:start}
.prc-cell{min-width:0}
.prc-cell>*+*{margin-top:18px}
.prc-cell .h3{max-width:17em}
.prc-pack{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;padding:6px 0 4px}
.prc-pack>.num{font:600 clamp(64px,7vw,104px)/.9 var(--f-head);letter-spacing:-.05em;color:var(--text)}
.prc-pack>span{font-size:17px;color:var(--text-2)}
.prc-pack>span b{color:var(--text)}
.prc-cell .bands--mini{margin-top:26px}
.prc-cell .bands--mini .bands-row{padding-left:16px}

/* ---------- domande: titolo fermo a sinistra ---------- */
.prc-duo{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(32px,4vw,72px);align-items:start}
.prc-duo-head{grid-column:1/6;min-width:0}
.prc-duo-head>*+*{margin-top:20px}
.prc-duo>.faq{grid-column:6/13;min-width:0;border-top:1px solid var(--line)}
@media (min-width:1024px){ .prc-duo-head{position:sticky;top:calc(var(--head) + 40px)} }

@media (max-width:1023px){
  .prc-head,.prc-duo{grid-template-columns:1fr}
  .prc-head>.h2,.prc-head>.body-lg,.prc-head-side,.prc-duo-head,.prc-duo>.faq{grid-column:1/-1}
  .prc-pair{grid-template-columns:1fr;gap:64px}
}
@media (max-width:719px){
  .prc-notes{grid-template-columns:1fr;gap:28px}
}

/* ---------- rifiniture (giro 2) ---------- */
.prc-head>.body-lg,.prc-head-side .body-lg{margin-top:0}
.prc-cell .bands--mini .bands-row>span{font-size:16px;color:var(--text)}
.prc-cell .bands--mini .prc-f{font-size:inherit}
@media (min-width:1024px){
  /* la colonna del testo un po' più larga: il titolo sta in tre righe, non in quattro */
  .hero--tool .hero-in{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
}
.prc-u{font-size:14px;font-weight:500;letter-spacing:0;color:var(--text-2)}