/* SF Stile 0.1.6 — animazioni e rifiniture comuni (stile v9). Usa le variabili globali di Elementor (--sf-*). */
@keyframes sf-tick{to{transform:translateX(-50%)}}
@keyframes sf-grow{from{transform:scaleY(0)}}
@keyframes sf-up{from{opacity:0;transform:translateY(40px)}}
@keyframes sf-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes sf-panel{from{opacity:0;transform:translateY(14px)}}

html.sf-js{scroll-behavior:smooth}
/* sfondo del sito: stessa texture, 300 KB invece di 2 MB */
body.elementor-kit-10{background-image:url("https://simonefersini.it/wp-content/uploads/2026/10/texture-deck.webp");background-size:2560px 1440px}

/* ---------- focus visibile, uguale ovunque ---------- */
.sf-foglio :focus-visible,.elementor-location-header :focus-visible,.elementor-location-footer :focus-visible{outline:2px solid var(--sf-ambra,#E8A33D);outline-offset:3px;border-radius:4px}

/* ---------- pulsanti: forma e colori sono nelle classi globali; qui solo il movimento ---------- */
.sf-btn,.sf-btn-scuro,.sf-btn-wa,.sf-btn-contorno{transition:background-color .25s,color .25s,border-color .25s,transform .25s var(--sf-curva,cubic-bezier(.2,.7,.2,1))}
.sf-btn:hover,.sf-btn:focus-visible{transform:translateY(-2px)}
.sf-btn:active{transform:none}
.sf-link a{transition:color .2s}
.sf-link{display:inline-block;width:fit-content;align-self:flex-start;border-bottom:2px solid var(--sf-arancione,#D3542B);padding-bottom:2px}
.sf-link a{color:inherit;text-decoration:none}
.sf-link:hover a{color:var(--sf-arancione,#D3542B)}
.sf-chip{transition:border-color .25s,background-color .25s,color .25s,transform .25s var(--sf-curva,cubic-bezier(.2,.7,.2,1))}
.sf-chip:hover{transform:translateY(-2px)}
.sf-via{cursor:pointer}
.sf-via a{color:inherit}

/* ---------- campi dei moduli ---------- */
.sf-f-input,.sf-f-area,.e-form-input-base,.e-form-textarea-base{transition:border-color .25s,box-shadow .25s}
.e-form-input-base:focus,.e-form-textarea-base:focus{border-color:var(--sf-arancione,#D3542B)!important;outline:none;box-shadow:0 0 0 3px rgba(211,84,43,.18)}

/* ---------- entrate allo scroll ---------- */
.sf-js .sf-rv{opacity:0;transform:translateY(24px);transition:opacity .8s var(--sf-curva,cubic-bezier(.2,.7,.2,1)),transform .8s var(--sf-curva,cubic-bezier(.2,.7,.2,1))}
.sf-js .sf-rv.is-in{opacity:1;transform:none}

/* ---------- capitoli: quadrato che ruota, linea che si disegna ---------- */
.sf-js .sf-capitolo-quadro{transform:rotate(45deg) scale(0);transition:transform .9s .1s var(--sf-curva,cubic-bezier(.2,.7,.2,1))}
.sf-js .sf-capitolo-linea{transform:scaleX(0);transform-origin:0 50%;transition:transform 1.4s .25s var(--sf-curva,cubic-bezier(.2,.7,.2,1))}
.sf-js .sf-capitolo.is-in .sf-capitolo-quadro{transform:none}
.sf-js .sf-capitolo.is-in .sf-capitolo-linea{transform:scaleX(1)}

/* ---------- titoli: il quadratino finale compare con il titolo ---------- */
.sf-js .sf-h2::after{transform:scale(0);transition:transform .6s .55s cubic-bezier(.3,1.6,.5,1)}
.sf-js .sf-h2.is-in::after{transform:scale(1)}
.sf-js .sf-punto-h1{transform:scale(0);transform-origin:0 100%;transition:transform .6s .7s cubic-bezier(.3,1.6,.5,1)}
.sf-js .sf-punto-h1.is-in{transform:scale(1)}

/* ---------- il punto del titolo H1 sta in riga con l'ultima parola ---------- */
h1:has(+ .sf-punto-h1){display:inline}
.sf-punto-h1{display:inline-block;min-width:0;padding:0;width:.15em;height:.15em;margin-inline-start:.06em;background-color:var(--sf-arancione,#D3542B)}

/* ---------- apertura: blocco arancione e cornice sfalsata che crescono ---------- */
.sf-hero-blocco{transform-origin:bottom;animation:sf-grow 1.1s .2s var(--sf-curva,cubic-bezier(.2,.7,.2,1)) both}
.sf-hero-cornice{transform-origin:bottom;animation:sf-grow 1.1s .05s var(--sf-curva,cubic-bezier(.2,.7,.2,1)) both}
.sf-h2 em,.sf-lead em,.sf-h1c em{font-style:normal;color:var(--sf-arancione,#D3542B)}

/* ---------- apertura: etichette che salgono ---------- */
.sf-pillola{animation:sf-up .9s .9s var(--sf-curva,cubic-bezier(.2,.7,.2,1)) both}
.sf-pillola ~ .sf-pillola{animation-delay:1.05s}

/* ---------- servizi (Home): avanzamento automatico ---------- */
.sf-svc-tab,.sfx-tab{position:relative}
.sf-svc-tab[aria-selected="true"]::after,.sfx-tab[aria-selected="true"]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--sf-arancione,#D3542B);transform-origin:0 50%;animation:sf-bar var(--sf-dur,6s) linear forwards}
.sf-svc-menu.is-paused .sf-svc-tab[aria-selected="true"]::after,.sfx-menu.is-paused .sfx-tab[aria-selected="true"]::after{animation-play-state:paused}
.sf-svc-menu.is-stopped .sf-svc-tab[aria-selected="true"]::after,.sfx-menu.is-stopped .sfx-tab[aria-selected="true"]::after{animation:none;transform:scaleX(1)}
.sfx-panel.on,.e-tabs-content-area-base > .e-con:not([hidden]):not([style*="display: none"]){animation:sf-panel .5s var(--sf-curva,cubic-bezier(.2,.7,.2,1)) both}

/* ---------- il metodo: la linea si riempie, le fasi si accendono ---------- */
.sf-steps{position:relative;--sf-p:0}
.sf-steps::before{content:"";position:absolute;left:22px;right:22px;top:22px;height:1.5px;background:var(--sf-linea-scura,rgba(255,255,255,.16));pointer-events:none}
.sf-steps::after{content:"";position:absolute;left:22px;right:22px;top:22px;height:1.5px;background:var(--sf-arancione,#D3542B);transform:scaleX(var(--sf-p,0));transform-origin:0 50%;pointer-events:none}
.sf-steps > *{position:relative}
.sf-step-n{position:relative;z-index:1;transition:background-color .4s,transform .4s var(--sf-curva,cubic-bezier(.2,.7,.2,1))}
.sf-step-ghost{transition:color .6s}
.sf-steps > .is-reached .sf-step-n{background-color:var(--sf-arancione,#D3542B);transform:scale(1.08)}
.sf-steps > .is-reached .sf-step-ghost{color:rgba(211,84,43,.16)}
@media (max-width:760px){
  .sf-steps::before,.sf-steps::after{left:22px;right:auto;top:22px;bottom:22px;width:1.5px;height:auto}
  .sf-steps::after{transform:scaleY(var(--sf-p,0));transform-origin:50% 0}
}

/* ---------- barra di lettura e header ---------- */
.sf-read{position:fixed;top:0;left:0;height:3px;width:100%;background:var(--sf-arancione,#D3542B);transform-origin:0 50%;transform:scaleX(0);z-index:9999;pointer-events:none}
.sf-head{position:sticky;top:0;z-index:60;transition:transform .35s var(--sf-curva,cubic-bezier(.2,.7,.2,1)),box-shadow .3s}
.sf-head.is-scrolled{box-shadow:0 1px 0 var(--sf-linea-chiara,rgba(24,24,24,.14))}
.sf-head.is-hidden{transform:translateY(-100%)}

/* ---------- servizi gestiti da WordPress (SF Contenuti): schede che si sollevano ---------- */
.sfx-riga,.sfx-panel{transition:background-color .35s var(--sf-curva,cubic-bezier(.2,.7,.2,1)),transform .35s var(--sf-curva,cubic-bezier(.2,.7,.2,1))}

/* ---------- collegamenti gestiti da WordPress (SF Contenuti) dentro i testi dell'impaginazione ---------- */
.elementor-location-footer a,.elementor-location-header a,.sf-foglio .e-paragraph-base a:not(.sf-btn){color:inherit;text-decoration:none}
.elementor-location-footer .e-paragraph-base a{transition:color .2s}
.elementor-location-footer .e-paragraph-base a:hover{color:var(--sf-accento,#FF634D)}
.sfx-social a{display:inline-block;border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 30%,transparent);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:border-color .25s,color .25s}
.sfx-social a:hover{border-color:var(--sf-accento,#FF634D);color:var(--sf-accento,#FF634D)}

/* ---------- contrasto: sui fondi scuri i testi piccoli arancioni passano al corallo (AA), sui chiari restano l'arancione scurito ---------- */
.sf-foglio-scuro .sf-kick,.sf-foglio-scuro .sf-num,.elementor-location-footer .sf-kick{color:var(--sf-accento,#FF634D)}
.sf-foglio-scuro .sf-capitolo-tot,.elementor-location-footer .sf-capitolo-tot{color:#c9c9c9}

/* ---------- chi preferisce meno movimento ---------- */
@media (prefers-reduced-motion:reduce){
  html.sf-js{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .sf-js .sf-rv{opacity:1!important;transform:none!important}
  .sf-js .sf-capitolo-quadro,.sf-js .sf-capitolo-linea,.sf-js .sf-h2::after,.sf-js .sf-punto-h1{transform:none!important}
  .sf-steps::after{transform:scaleX(1)}
  .sf-read{display:none}
}

/* Link dentro le etichette dei moduli (casella privacy): colore del sito, non il rosa predefinito */
.e-form-label-base a { color: var(--sf-arancione-aa, #C84A22); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; transition: color .25s; }
.e-form-label-base a:hover { color: var(--sf-arancione-hover, #A93C19); }


/* Carattere unico: gli elenchi dei plugin SF (casi, servizi, domande, legale) e i paragrafi «span» di Elementor ereditavano il carattere di sistema del tema invece di Poppins */
html body [class*="sfc-"], html body [class*="sfc-"] *, html body .sfx-tabs *, html body .sfx-righe *, html body .sfx-elenco *, html body .sfx-faq *, html body .sfx-chips *, html body .sfx-legale *, html body .sfx-panel *,
html body .elementor span.e-paragraph-base, html body .elementor p.e-paragraph-base, html body .elementor li, html body .elementor-location-footer *, html body .elementor-location-header * { font-family: var(--sf-font, 'Poppins', system-ui, sans-serif); }

/* ===== Indice dei capitoli a sinistra (mockup v9, solo Home e solo schermi larghi) ===== */
.sf-index{position:fixed;left:22px;top:50%;transform:translate(-140%,-50%);z-index:65;display:none;flex-direction:column;gap:4px;transition:transform .5s var(--sf-curva,cubic-bezier(.2,.7,.2,1)),color .4s;color:var(--sf-scuro,#181818)}
.sf-index.is-on{transform:translate(0,-50%)}
.sf-index.on-dark{color:#fff}
.sf-index a{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-size:12px;font-weight:700;letter-spacing:.08em;padding:4px 0;min-height:24px}
.sf-index b{width:24px;opacity:.35;font-weight:700;transition:opacity .3s,color .3s}
.sf-index span{opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .3s var(--sf-curva,cubic-bezier(.2,.7,.2,1));white-space:nowrap;text-transform:uppercase;font-size:11px;letter-spacing:.14em}
.sf-index a::before{content:"";width:6px;height:6px;background:currentColor;opacity:.35;transition:width .4s var(--sf-curva,cubic-bezier(.2,.7,.2,1)),background .3s,opacity .3s}
.sf-index a.is-on::before{width:22px;background:var(--sf-arancione,#D3542B);opacity:1}
.sf-index a.is-on b{opacity:1;color:var(--sf-arancione,#D3542B)}
.sf-index:hover span,.sf-index a:focus-visible span{opacity:.85;transform:none}
.sf-index a:focus-visible{outline:3px solid var(--sf-ambra,#E8A33D);outline-offset:3px}
@media (min-width:1380px){.sf-index{display:flex}}
@media (prefers-reduced-motion:reduce){.sf-index,.sf-index *{transition:none!important}}
@media print{.sf-index{display:none}}

/* ===== 0.4.0 — fedeltà al mockup: icone delle tre strade, modulo preventivo a due colonne ===== */
.sf-via .sf-via-ico{font-size:0!important;color:transparent!important;background-position:center!important;background-repeat:no-repeat!important;background-size:26px!important}
.sf-via:nth-child(1) .sf-via-ico{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E")!important}
.sf-via:nth-child(2) .sf-via-ico{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h7l5 5v13H7z'/%3E%3Cpath d='M14 3v5h5M10 13h6M10 17h6'/%3E%3C/svg%3E")!important}
.sf-via:nth-child(3) .sf-via-ico{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8.5 8.5 0 0 1-12.6 7.4L3 21l1.6-5.2A8.5 8.5 0 1 1 21 12z'/%3E%3Cpath d='M9.2 8.6c.3-.4.8-.4 1 0l.6 1.3c.1.3 0 .6-.2.8l-.4.4c.5 1 1.3 1.8 2.3 2.3l.4-.4c.2-.2.5-.3.8-.2l1.3.6c.4.2.4.7 0 1-.6.6-1.5.8-2.3.5a7 7 0 0 1-4-4c-.3-.8-.1-1.7.5-2.3z'/%3E%3C/svg%3E")!important;background-color:var(--sf-arancione,#D3542B)!important;border-color:var(--sf-arancione,#D3542B)!important}
.sf-via-riga{padding:20px 64px 20px 90px!important;background-repeat:no-repeat,no-repeat!important;background-position:22px center,right 22px center!important;background-size:52px 52px,22px 22px!important;min-height:92px;justify-content:center;transition:transform .3s}
.sf-via-riga:hover{transform:translateX(4px)}
.sf-via-riga:nth-child(1){background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2052%2052'%3E%3Ccircle%20cx='26'%20cy='26'%20r='25.2'%20fill='%23D3542B'/%3E%3Cg%20transform='translate(14%2014)'%20fill='none'%20stroke='%23fff'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='5'%20width='18'%20height='16'%20rx='2'/%3E%3Cpath%20d='M3%2010h18M8%203v4M16%203v4'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23D3542B'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%2012h16M14%206l6%206-6%206'/%3E%3C/svg%3E")!important}
.sf-via-riga:nth-child(2){background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2052%2052'%3E%3Ccircle%20cx='26'%20cy='26'%20r='25.2'%20fill='%23D3542B'/%3E%3Cg%20transform='translate(14%2014)'%20fill='none'%20stroke='%23fff'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M7%203h7l5%205v13H7z'/%3E%3Cpath%20d='M14%203v5h5M10%2013h6M10%2017h6'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23D3542B'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%2012h16M14%206l6%206-6%206'/%3E%3C/svg%3E")!important}
.sf-via-riga:nth-child(3){background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2052%2052'%3E%3Ccircle%20cx='26'%20cy='26'%20r='25.2'%20fill='%23D3542B'/%3E%3Cg%20transform='translate(14%2014)'%20fill='none'%20stroke='%23fff'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M21%2012a8.5%208.5%200%200%201-12.6%207.4L3%2021l1.6-5.2A8.5%208.5%200%201%201%2021%2012z'/%3E%3Cpath%20d='M9.2%208.6c.3-.4.8-.4%201%200l.6%201.3c.1.3%200%20.6-.2.8l-.4.4c.5%201%201.3%201.8%202.3%202.3l.4-.4c.2-.2.5-.3.8-.2l1.3.6c.4.2.4.7%200%201-.6.6-1.5.8-2.3.5a7%207%200%200%201-4-4c-.3-.8-.1-1.7.5-2.3z'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23D3542B'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%2012h16M14%206l6%206-6%206'/%3E%3C/svg%3E")!important}
@media(min-width:761px){
.sf-f-form:has(input[name=servizio_social]){display:grid!important;grid-template-columns:1fr 1fr;column-gap:16px;row-gap:10px;align-items:start}
.sf-f-form:has(input[name=servizio_social])>*{grid-column:1/-1}
.sf-f-form:has(input[name=servizio_social])>:nth-child(1){grid-column:1;grid-row:1}
.sf-f-form:has(input[name=servizio_social])>:nth-child(2){grid-column:1;grid-row:2}
.sf-f-form:has(input[name=servizio_social])>:nth-child(3){grid-column:2;grid-row:1}
.sf-f-form:has(input[name=servizio_social])>:nth-child(4){grid-column:2;grid-row:2}
.sf-f-form:has(input[name=servizio_social])>:nth-child(5){grid-column:1;grid-row:3}
.sf-f-form:has(input[name=servizio_social])>:nth-child(6){grid-column:1;grid-row:4}
.sf-f-form:has(input[name=servizio_social])>:nth-child(7){grid-column:2;grid-row:3}
.sf-f-form:has(input[name=servizio_social])>:nth-child(8){grid-column:2;grid-row:4}
.sf-f-form:has(input[name=servizio_social])>:nth-child(n+10):nth-child(-n+15){grid-column:auto}
}

@media(min-width:761px){.sf-f-form:has(input[name=servizio_social]) .sf-btn{justify-self:start}}

/* ===== 0.4.1 — telefono, tablet e schermi stretti ===== */
.sf-foglio{overflow-x:clip}
.sfx-chip,button.sfx-chip{max-width:100%;box-sizing:border-box;white-space:normal}
h1{overflow-wrap:break-word}
@media(max-width:1000px){
.elementor-location-header .e-image-link-base{flex:0 0 auto!important;display:block;width:104px;min-width:104px}
.elementor-location-header .e-image-base{width:104px!important;height:auto!important}
.elementor-location-header .elementor-widget-e-accordion a.e-paragraph-link-base,.elementor-location-header summary ~ * a.e-paragraph-link-base{display:flex;align-items:center;min-height:44px}
.elementor-location-header summary{min-height:44px}
.elementor-location-footer .e-image-link-base{display:inline-block;min-height:44px}
.sf-btn,a.sf-btn{min-height:44px}
a.sfx-go,a.sfc-link,.sf-link,.sfc-back a{display:inline-flex;align-items:center;min-height:44px}
.sf-f-check{width:24px!important;height:24px!important}
.sf-f-riga{min-height:44px;align-items:center}
}
@media(max-width:520px){.elementor-location-header a.sf-btn{display:none!important}}
@media(max-width:400px){body h1{font-size:clamp(26px,8.6vw,38px)!important}}

/* 0.4.2 — una sola texture, in WebP (62 KB invece di 2 × 292 KB in JPG): vale per il fondo del sito e per le sezioni scure */
.elementor .sf-foglio-scuro,.sf-foglio-scuro{background-image:url("https://simonefersini.it/wp-content/uploads/2026/10/texture-deck.webp")!important}
/* 0.4.3 — su telefono la texture è la versione leggera (19 KB) */
@media(max-width:767px){body.elementor-kit-10{background-image:url("https://simonefersini.it/wp-content/uploads/2026/10/texture-deck-m.webp")}.elementor .sf-foglio-scuro,.sf-foglio-scuro{background-image:url("https://simonefersini.it/wp-content/uploads/2026/10/texture-deck-m.webp")!important}}

/* ===== 0.4.5 — menu del telefono a tutta larghezza (come nel mockup), pagine senza scroll laterale ===== */
.elementor[data-elementor-type="wp-page"]{overflow-x:clip}
@media(max-width:1000px){
.elementor-location-header .elementor-element-4aaf4f97,.elementor-location-header .elementor-element-217c00a3,.elementor-location-header .elementor-element-8e96ebf{position:static!important}
.elementor-location-header .elementor-element-7351ef25{left:0!important;right:0!important;top:100%!important;width:auto!important;min-width:0!important;box-sizing:border-box;background:#fff;border-bottom:1px solid var(--sf-linea-chiara,rgba(24,24,24,.14));padding:12px 24px 28px!important;display:flex;flex-direction:column;align-items:flex-start;gap:0}
.elementor-location-header .elementor-element-7351ef25 a.e-paragraph-link-base{font-size:19px;font-weight:500;white-space:nowrap;min-height:48px;width:100%}
.sf-link a,span.sf-link a.e-paragraph-link-base{display:inline-flex;align-items:center;min-height:44px}
}

/* ===== 0.4.6 — aree di tocco: pulsante Menu (anche a 1024 px) e caselle di consenso ===== */
.elementor-location-header summary{min-height:44px}
.elementor input[type=checkbox]{min-width:24px;min-height:24px}

/* 0.4.7 — intestazione a 768–1100 px: lingua e pulsante su una riga */
.elementor-location-header a.sf-btn,.elementor-location-header .elementor-element-217c00a3 *{white-space:nowrap}
.elementor-location-header a.sf-btn{flex:0 0 auto!important;width:max-content!important;max-width:none!important;white-space:nowrap!important}
.elementor-location-header .elementor-element-217c00a3{flex-wrap:nowrap}
/* 0.4.8 */
.elementor-location-header a.sf-btn{min-height:44px!important;display:inline-flex;align-items:center}


/* ===== 0.5.0 ===== */
/* Larghezza piena: il tema (Hello) limitava il contenuto a 1140 px lasciando bordi bianchi ai lati. Ora sfondo e sezioni coprono tutta la larghezza; i testi restano nel loro contenitore centrato (1240 px). */
main.site-main:has(.sf-foglio){max-width:none!important;width:100%!important;margin-inline:0!important}

/* Nessuna parola spezzata a metà nei titoli: o va a capo tra le parole o scende di dimensione. */
main:has(.sf-foglio) :is(.e-heading-base,.sf-h1c,.sf-h2),.sfx-tab,.sfx-panel h3,.sfx-riga h2{word-break:normal;overflow-wrap:normal;hyphens:none}
@media(min-width:401px){main:has(.sf-foglio) .elementor h1.e-default-h1:not(.sf-h1c){font-size:clamp(34px,5.4vw,80px)}}

/* «Di cosa mi occupo» (Home): passaggio morbido tra le schede (dissolvenza incrociata lenta, curva ease-out, nessun salto di altezza) */
.sfx-tabs{--sf-morbida:cubic-bezier(.22,.61,.36,1)}
.sfx-tabs .sfx-area{display:grid;grid-template-columns:minmax(0,1fr)}.sfx-tabs .sfx-panel{min-width:0}
.sfx-tabs .sfx-panel{display:flex;grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(12px);animation:none!important;transition:opacity .75s var(--sf-morbida),transform .95s var(--sf-morbida),visibility 0s linear .75s}
.sfx-tabs .sfx-panel.on{opacity:1;visibility:visible;transform:none;transition-delay:.1s,.1s,0s}
.sfx-tabs .sfx-tab{transition:opacity .6s var(--sf-morbida),transform .6s var(--sf-morbida)}
.sfx-tabs .sfx-tab:hover,.sfx-tabs .sfx-tab[aria-selected=true]{transform:translateX(4px)}
.sfx-tabs .sfx-arr{transition:opacity .6s var(--sf-morbida),transform .8s var(--sf-morbida)}
.sfx-tabs .sfx-ico,.sfx-tabs .sfx-big,.sfx-tabs .sfx-count{transition:opacity .8s var(--sf-morbida)}
@media (prefers-reduced-motion:reduce){.sfx-tabs .sfx-panel,.sfx-tabs .sfx-panel.on,.sfx-tabs .sfx-tab,.sfx-tabs .sfx-arr{transition:none!important;transform:none!important}}

/* 0.5.1 — Foto di Simone (Chi sono IT/EN, «Chi incontri» di Prenota IT/EN): ritaglio pulito in un arco scuro con la texture del sito, bagliore arancione morbido e bordo sottile. Niente rettangolo arancione né cornice. (Variante B scelta; la variante A, solo bagliore senza forma, è descritta in diario.md.) */
.elementor-element-4402cf4f,.elementor-element-6656f563{background:radial-gradient(ellipse 62% 48% at 50% 42%,rgba(211,84,43,.42),rgba(211,84,43,0) 72%),#181818 url("https://simonefersini.it/wp-content/uploads/2026/10/texture-deck.webp") center/cover;border:1px solid rgba(211,84,43,.8);border-radius:999px 999px 28px 28px!important;overflow:hidden!important;padding-inline:8%!important}
@media(max-width:767px){.elementor-element-4402cf4f,.elementor-element-6656f563{background-image:radial-gradient(ellipse 62% 48% at 50% 42%,rgba(211,84,43,.42),rgba(211,84,43,0) 72%),url("https://simonefersini.it/wp-content/uploads/2026/10/texture-deck-m.webp")}}
.elementor-element-5b335f8f,.elementor-element-5905a51,.elementor-element-111afc49{display:none!important}
.elementor-element-6656f563{aspect-ratio:4/5;width:100%;max-width:460px;min-height:0!important;justify-self:center;align-items:flex-end!important}
.elementor-element-6656f563 > img.e-image-base{-webkit-mask-image:none;mask-image:none;height:92%;max-height:none;width:auto;max-width:100%}

/* 0.5.2: la freccia dei collegamenti dei casi compariva come testo «→» (WordPress converte la freccia dentro il CSS): codice CSS al suo posto, solo nelle pagine del sito nuovo */
.sf-foglio .sfc-link:after{content:" \2192"}

/* 0.5.4: «Parliamo della tua attività» — tutte e tre le icone sono un cerchio arancione (#D3542B) con il simbolo bianco al centro */
.sf-via .sf-via-ico{background-color:var(--sf-arancione,#D3542B)!important;border-color:var(--sf-arancione,#D3542B)!important}