/* Angoli squircle su tutto il sito (4 novembre 2026): bottoni, riquadri, immagini, campi.
   corner-shape: squircle fa la curva morbida; dove il browser non la conosce resta un normale angolo arrotondato. */
:root{--sq-s:12px;--sq-m:20px;--sq-l:34px;--sq-xl:38px}

/* Piccoli: etichette, campi, pulsanti di scelta, icone */
.tag li,.chi-tag li,.st-chips button,.au-pillole span,.l-voce i,.ex-filtri button,.ex-comandi input,.ex-tabella select,
.campo input,.campo textarea,.se-campi input,.se-campi textarea,.mi-prova input,.ex-sx textarea,.s-passo button,
.lingua,.lingua a,.altri img,.au-lista i,.me-griglia li,.ex-tabella th:first-child{border-radius:var(--sq-s);corner-shape:squircle}
.linea li::before{border-radius:5px;corner-shape:squircle}

/* Bottoni e voci cliccabili */
.salta,.btn-oro,.btn-filo,.nav-cta,.foglio-cta,.griglia-menu a,.piede-social a,.altri a,.nav-apri{border-radius:var(--sq-m);corner-shape:squircle}

/* Riquadri e pannelli */
.prodotto{border-radius:var(--sq-l);corner-shape:squircle}
.nav-isola{border-radius:var(--sq-xl);corner-shape:squircle}
.pannello-dentro,.servizi-guscio,.schede article,.griglia>div,.faq details,.modulo,.au-pannello,.s-foglio,.sc-foglio,
.se-risultato,.ex-app,.avviso-bozza,.piede-dati,.toro-posto,.art-tabella,.art-breve,.art-nota{border-radius:var(--sq-l);corner-shape:squircle}
.servizi-guscio{border-radius:var(--sq-l)}
.serv,.serv a,.serv-velo{border-radius:calc(var(--sq-l) - 8px);corner-shape:squircle;overflow:hidden}
.serv-freccia{border-radius:var(--sq-s);corner-shape:squircle}

/* Immagini e schermate */
.eroe-foto img,.schermata-foto img,.prodotto-foto img,.chi-foto,.v1-quadro,.crop,.portfolio-foto img{border-radius:var(--sq-l);corner-shape:squircle}
.v1-quadro{overflow:hidden}
.prodotto-foto,.eroe-foto,.schermata-foto{border-radius:var(--sq-l);corner-shape:squircle}

/* Chi siamo: la griglia a quattro colonne diventa un riquadro unico dagli angoli morbidi */
.chi-griglia{border:1px solid rgba(255,255,255,.2);border-radius:var(--sq-l);corner-shape:squircle;overflow:hidden}
.chi-griglia>*{margin-right:-1px;margin-bottom:-1px}
.chi-griglia+.chi-griglia{border-top:1px solid rgba(255,255,255,.2);margin-top:14px}
.chi-social a{border-radius:var(--sq-s);corner-shape:squircle}

/* Blocchi che restavano ad angolo vivo nelle pagine servizio e nella home */
.fiducia,.colonne-metodo,.mi-dati,.ex-barra,.me-giorni,.me-griglia{border-radius:var(--sq-l);corner-shape:squircle}
.me-griglia,.colonne-metodo{overflow:hidden}

/* Il pulsante «filo» aveva solo la riga sotto: con l'angolo morbido la riga si piegava. Ora e' un pulsante a contorno intero, della stessa altezza di quello pieno. */
.btn-filo{padding:0 24px;border:1px solid currentColor}

/* A risoluzione normale un filo da 1 px su una curva si spezza e sembra «sgranato»: sui contorni ben visibili lo spessore e' di 2 px. */
.btn-filo{border-width:2px}
.serv a{border-width:2px}
.lingua a{border-width:2px;border-radius:10px}
.st-chips button,.s-passo button,.ex-filtri button{border-width:2px}

/* Dove un riquadro ritaglia un'immagine (overflow nascosto) il bordo della curva puo' sembrare a gradini: la maschera forza un ritaglio con bordo morbido. */
.serv a,.v1-quadro,.chi-griglia,.me-griglia,.colonne-metodo{-webkit-mask-image:linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000)}
.serv img{will-change:auto}