/* campanella.cloud — correzioni di impaginazione (25/10/2026). Solo layout: testi, colori e font restano quelli della pagina. */

/* Domande frequenti: la freccia non tocca più la fine della domanda. */
.accordion-button { gap: 1rem; }

/* Numeri di telefono mai spezzati a metà. */
a[href^="tel:"] { white-space: nowrap; }

/* Telefono: link del piè di pagina comodi per il dito. */
@media (max-width: 767px) {
  footer a { display: inline-block; padding-block: 0.35rem; }
}

/* Titoli: righe bilanciate, mai una parola sola sull'ultima riga (stesso testo, solo dove va a capo). */
h1, h2, h3 { text-wrap: balance; }

/* Hero sui portatili piccoli: i due bottoni andavano a capo su due righe ciascuno; ora restano su una riga
   (e se lo spazio non basta, il secondo scende sotto, intero). */
@media (min-width: 992px) {
  .hero-section .d-flex.gap-3 { flex-wrap: wrap; }
  .hero-section .d-flex.gap-3 > .btn { white-space: nowrap; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .hero-section .d-flex.gap-3 > .btn { padding-inline: 1.5rem !important; }
}

/* «Perché scegliere Campanella 3.0» su tablet: con due colonne la terza scheda restava sola a sinistra; ora è centrata. */
#vantaggi .row.g-4 { justify-content: center; }

/* Hero sui portatili da 13" (schermi bassi): titolo a 80px su quattro righe, i bottoni finivano sotto la piega.
   Titolo proporzionato all'altezza e alla larghezza dello schermo, meno spazio sopra: bottoni sempre visibili. */
@media (min-width: 992px) {
  .hero-section .hero-title { font-size: clamp(2.75rem, min(4.6vw, 8.2vh), 5rem); line-height: 1.12; }
}
@media (min-width: 992px) and (max-height: 920px) {
  .hero-section { padding-top: 112px; padding-bottom: 56px; }
}