/* ==========================================================================
   SuperEasyWeb — pagine/faq.css (rilancio 28/09/2026)
   Hero corto, tre gruppi di fisarmonica (titolo a sinistra su desktop, sopra su telefono).
   Niente bolle o avvisi, niente colonna laterale.
   ========================================================================== */

/* hero interno corto: display ridotto (≤ 96 px) */
.hero-interna { min-height: clamp(400px, 54vh, 560px); }
.hero-interna .t-hero { font-size: clamp(48px, 7vw, 96px); max-width: 14ch; }
.hero-interna > .pillola { align-self: flex-start; }
@media (max-width: 767px) { .hero-interna { min-height: 0; } .hero-interna .hero__azioni { margin-bottom: 40px; } }
@media (min-width: 768px) {
  .hero-interna .linguetta--bd { max-width: min(40ch, 44%); }
  .hero-interna .hero__azioni { max-width: 54%; }
}

/* ancore: la domanda aperta da un link non finisce sotto la nav fissa */
.gruppo, .fisarmonica__voce { scroll-margin-top: calc(var(--nav-h) + 36px); }

/* h3 che avvolge il bottone della fisarmonica: nessuno stile proprio */
.fisarmonica__h { margin: 0; font: inherit; }
.fisarmonica__h .fisarmonica__testa { width: 100%; }

/* gruppo: una colonna su telefono, titolo + domande affiancati da 900 */
.gruppo { display: grid; gap: 20px; }
@media (min-width: 900px) {
  .gruppo { grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: clamp(28px, 4vw, 64px); align-items: start; }
}

/* ultima tile */
.cta-finale { padding-block: clamp(40px, 6vw, 88px); }
.prezzo-voluto { white-space: nowrap; font-weight: 700; }