/* GUIDO IO. · stili delle pagine pubbliche (prenota, amico). Lo stile comune è in stile.css. */
.passo-modulo{border:0;padding:0;margin:0;display:grid;gap:18px;min-width:0}
.etichetta-passo{font-weight:800;font-size:20px;letter-spacing:-.01em;padding:0;margin:0 0 4px}
.aiuto-servizio{margin:0}
.voci{margin-top:8px}
.voci .voce-conto span:last-child{white-space:nowrap;padding-left:12px}
#riassunto p{margin:0 0 4px}
#riassunto b{color:var(--bianco)}
#fatto{outline:none}
.codice-grande{font-weight:900;font-size:clamp(34px,7vw,56px);letter-spacing:-.02em;color:var(--arancio);margin:18px 0 8px}
.foto-marco-box{margin:0}

/* Le immagini delle pagine del sito (il buono regalo e porta un amico): gia' disegnate col marchio
   dentro, quindi non serve altro che farle respirare. */
.figura-pagina{margin:34px 0 0}
.figura-pagina img{display:block;width:100%;height:auto;border-radius:var(--r)}

/* bollino: il testo resta dentro il cerchio anche sui telefoni stretti */
.bollino{padding:16px}
.bollino .a,.bollino .c{line-height:1.15;max-width:100%}
@media (max-width:700px){.bollino{width:136px}.bollino .a{font-size:9.5px}.bollino .b{font-size:36px}.bollino .c{font-size:9px}}

@media (max-width:860px){.riquadro-logo{display:none}}
.totale .cifra{white-space:nowrap}
.nobr{white-space:nowrap}

/* accesso con Google nell'area clienti */
.google-blocco{margin:28px 0 8px}
.btn-google{background:#fff;color:#1f1f1f;border-color:#dadce0;font-weight:700}
.btn-google:hover{border-color:#fff;background:#f2f2f2}
.g-lettera{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#1f1f1f;color:#fff;font-weight:900;font-size:13px}
#g-bottone{min-height:44px;margin:4px 0}
.separatore{display:flex;align-items:center;gap:12px;color:var(--grigio);font-size:13px;margin:22px 0 6px}
.separatore::before,.separatore::after{content:"";flex:1;height:1px;background:var(--bordo)}

/* pagina /link: elenco di pulsanti a tutta larghezza, da telefono */
.link-lista{display:flex;flex-direction:column;gap:12px}
.link-lista .btn{width:100%;justify-content:center;text-align:center}