/* TriPago | pagine di pagamento dei clienti (una per attività): una scheda al centro con il modulo di Stripe. Il contenuto non cambia, solo l'aspetto. */
.tp-pagamento .site-main, .tp-pagamento main { background: var(--paper-2); }
.pagamento { padding-block: clamp(2.5rem, 2rem + 4vw, 5rem); }
.pagamento__card { max-width: 40rem; margin-inline: auto; padding: clamp(1.5rem, 1rem + 3vw, 3rem); background: var(--field); border-radius: var(--r-lg); display: grid; gap: var(--sp-3); justify-items: center; text-align: center; }
.pagamento__card > * { margin: 0; max-width: 100%; }
.pagamento h1 { font-size: clamp(1.75rem, 1.3rem + 2vw, 2.75rem); overflow-wrap: anywhere; }
.pagamento h2 { font-size: 1.25rem; letter-spacing: 0; color: var(--ok); }
.pagamento h3 { max-width: 32rem; font-size: 1rem; font-weight: 500; line-height: 1.5; letter-spacing: 0; color: var(--ink-2); }
.pagamento stripe-buy-button { display: block; width: 100%; min-height: 8rem; }
.pagamento__logo img { width: 200px; height: auto; margin-inline: auto; }
.pagamento__grazie img { width: min(260px, 70vw); height: auto; margin-inline: auto; border-radius: var(--r-md); }