:l'area cliccabile coincideva col solo line-height del testo (~15px),sotto il minimo di 24px raccomandato per i target touch (WCAG 2.5.8 / Lighthouse target-size). Non tocca le righe di icone social (dirette in .aside-body,niente
di wrapping) né il form Mailchimp,già dimensionati diversamente. */address.aside-body a,.aside-body>div>a{display:inline-block;padding:5px 0;}.text-accent{color:var(--color-accent)!important;}a.text-accent:focus,a.text-accent:hover{color:var(--color-link-hover)!important;}/* ===== end Landing header/footer ===== */.thumbnail-modern-control:hover{background:none!important;}@media (min-width:992px){html[dir=rtl] .thumbnail-modern-control:after{left:-50px;right:0px;}html[dir=rtl] .thumbnail-modern-control:hover:after{background:var(--bs-primary);right:-530px;}}/* ===== Spacing utilities — estensione della scala Bootstrap ===== La scala di Bootstrap 4 si ferma a *-5 (3rem). py-6 = 6rem,cioè l'equivalente di py-24 di Tailwind (24 × 0.25rem). Serve un'utility custom perché non esiste uno step nativo oltre py-5. Segue la naming convention di Bootstrap,quindi è riutilizzabile da qualsiasi blocco. */.py-6{padding-top:6rem!important;padding-bottom:6rem!important;}.pt-6{padding-top:6rem!important;}/* mt-14/pb-14:stessa nomenclatura di Tailwind (14 = 3.5rem),per replicare fedelmente lo spazio del mockup attorno al pulsante "Request consultation" — mt-14 sul wrapper del pulsante e pb-14 sulla sezione danno lo stesso respiro (56px) sopra e sotto il pulsante,invece del padding uniforme e piu' grande di py-6. */.mt-14{margin-top:3.5rem!important;}.pb-14{padding-bottom:3.5rem!important;}/* Meno spazio morto su mobile:le utility sopra danno lo stacco verticale tra le sezioni di tutta la pagina. Ai valori desktop (96/96/56px) su schermi piccoli il contenuto utile si riduce troppo rispetto allo spazio vuoto — dimezzati (circa) qui,.mt-14 esclusa perche' non spazia tra sezioni ma tra un titolo e un bottone dentro la stessa sezione (cta-final). .py-5 non c'e':e' nativa di Bootstrap,quindi per lei stesso mobile-first di Bootstrap basta usare py-3 nel markup e py-md-5 per il valore desktop (aggiunta al subset in custom-bootstrap.min.css),invece di un override qui. */@media (max-width:767px){.py-6{padding-top:3rem!important;padding-bottom:3rem!important;}.pt-6{padding-top:3rem!important;}.pb-14{padding-bottom:2rem!important;}}/* ---- CARD GRID (griglie di card che vanno a capo:feature-list,persona-cards) ---- .row.spacing-30 non va usato per griglie che possono andare a capo su piu' righe:sulla pagina .spacing-30 riceve DUE regole in conflitto dal bundle CSS combinato — home-redesign.min.css ("row-gap:1.875rem") e style_pagebuilder.min.css (un trick con transform/margin negativo pensato per l'editor Novi,non per il front-end) — che si sommano invece di sostituirsi,raddoppiando lo spazio verticale tra le righe (~60px invece di 30px) e sfalsando lo spazio sopra la prima riga. Questa classe applica solo row-gap,in isolamento,per uno spazio verticale uguale a quello orizzontale (dato dal gutter nativo delle colonne Bootstrap). */.wipy-card-grid{row-gap:1.875rem;}@media (max-width:767px){.wipy-card-grid{row-gap:1rem;}}/* Un'altra regola generica del template nel bundle CSS combinato,"p+.row",assegna margin-top:75px a qualunque .row preceduto da un
fratello (spaziatura pensata per paragrafo+riga in un blocco di testo generico). Quando la griglia segue direttamente l'eyebrow/sottotitolo di sezione (es. "Beyond the standard jetcard service") questo la stacca dal titolo con uno spazio molto piu' grande di quello usato altrove (es. sopra la tabella comparativa,che non e' un .row e non la riceve). .row.wipy-card-grid (due classi) batte "p+.row" per specificita' senza bisogno di!important,restando comunque sovrascrivibile da un mt-* esplicito quando serve. */.row.wipy-card-grid{margin-top:0;}/* ===== end Spacing utilities ===== *//* ===== FAQ accordion (blocco pagebuilder faq-accordion) ===== Queste regole DEVONO stare qui e non in un