/* Blocco introduttivo sotto l'H1 e CTA con telefono/nota (perimetro B, 20/09/2026). Token: REGOLE/Guida_Web_Design.md */
.intro-cta{max-width:760px;margin:14px 0 22px;padding:16px 20px;border-left:3px solid var(--copper);background:rgba(184,115,51,.06);border-radius:0 12px 12px 0}
.approf-section > .container > .intro-cta{margin:28px 0 6px}
.intro-cta p{margin:0 0 8px;font-size:.98rem;line-height:1.65}
.intro-cta p:last-child{margin-bottom:0}
.intro-cta-links{font-weight:600;color:var(--navy)}
.intro-cta-links a{color:var(--navy);text-decoration:underline;text-decoration-color:var(--copper);text-underline-offset:3px}
.intro-cta-links a:hover{color:var(--copper)}
.pagehero.has-photo .intro-cta,.pagehero .intro-cta{background:rgba(255,255,255,.12);border-left-color:var(--copper);color:#fff}
.pagehero .intro-cta-links,.pagehero .intro-cta-links a{color:#fff}
.pagehero .intro-cta-links a:hover{color:var(--copper)}
.cta-side{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex:0 0 auto;max-width:360px}
.cta-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.cta-actions .btn.ghost{margin-left:0;color:#fff;border:1.5px solid rgba(255,255,255,.6);background:transparent}
.cta-actions .btn.ghost:hover{background:rgba(255,255,255,.12)}
.cta-note{margin:0;font-size:.82rem;line-height:1.5;color:rgba(255,255,255,.82);text-align:right}
.cta-note.hero-note{text-align:left;max-width:640px;margin-top:14px}
@media (max-width:760px){
  .cta-side{align-items:stretch;max-width:none;width:100%}
  .cta-actions{justify-content:stretch}
  .cta-actions .btn{flex:1 1 100%;text-align:center}
  .cta-note{text-align:left}
}