/* UXD Come funziona 1.2 — presentation only, scoped to .slcf-v2 */
.slcf-v2{--ink:#0d0933;--violet:#381d92;--cream:#fffaf4;color:var(--ink);background:var(--cream);font-family:inherit;overflow:hidden}
.slcf-v2 *{box-sizing:border-box}.slcf-v2 h1,.slcf-v2 h2,.slcf-v2 h3,.slcf-v2 p{margin:0}.slcf-v2 a{text-decoration:none}
.slcf-v2 .slcf2-wrap{max-width:1130px;margin:auto;padding:0 24px}
.slcf2-hero{min-height:355px;background:#ffdf37 url('hero-desktop.png') center center/cover no-repeat;display:flex;align-items:center;position:relative}
.slcf2-hero-inner{width:min(1080px,calc(100% - 48px));margin:auto;padding:40px 0;position:relative;z-index:1;max-width:1080px}
.slcf2-hero-inner h1{font-size:clamp(43px,5.5vw,72px);letter-spacing:-.055em;line-height:1.03;max-width:460px;font-weight:900}
.slcf2-hero-inner p{font-size:18px;line-height:1.48;max-width:370px;margin-top:18px;font-weight:550}
.slcf2-eyebrow{display:block;color:var(--violet);font-size:11px;font-weight:900;letter-spacing:.1em;margin-bottom:14px}
.slcf2-intro{padding:42px 0 24px}.slcf2-intro h2,.slcf2-faq h2{font-size:clamp(26px,3vw,38px);font-weight:850;letter-spacing:-.045em;line-height:1.15}.slcf2-intro p{max-width:650px;margin-top:10px;color:#4a4761;font-size:15px}
.slcf2-steps{display:grid;gap:12px}.slcf2-step{min-height:140px;display:grid;grid-template-columns:62px 58px minmax(0,1fr) 245px;align-items:center;gap:20px;background:white;border:1px solid #e9e4ef;border-radius:18px;overflow:hidden;padding:0 0 0 24px;box-shadow:0 3px 15px rgba(21,12,70,.035)}
.slcf2-number{font-size:35px;font-weight:900;letter-spacing:-.055em}.slcf2-step-icon{width:55px;height:55px;border-radius:17px;display:grid;place-items:center;color:white}.slcf2-step-icon svg{width:28px;height:28px}.slcf2-violet{color:#381d92}.slcf2-step-icon.slcf2-violet{background:#381d92;color:#fff}.slcf2-blue{color:#2589d3}.slcf2-step-icon.slcf2-blue{background:#2589d3;color:#fff}.slcf2-amber{color:#f6a000}.slcf2-step-icon.slcf2-amber{background:#f6a000;color:#fff}.slcf2-pink{color:#ed4488}.slcf2-step-icon.slcf2-pink{background:#ed4488;color:#fff}
.slcf2-step-copy h3{font-size:21px;font-weight:850;letter-spacing:-.025em}.slcf2-step-copy p{font-size:14px;color:#55536b;line-height:1.5;margin-top:6px;max-width:485px}.slcf2-step-photo{height:140px;width:100%;background-image:url('hero-desktop.png');background-size:auto 300%;background-repeat:no-repeat;background-color:#f9d84d}.slcf2-photo-1{background-position:78% 33%}.slcf2-photo-2{background-position:95% 48%}.slcf2-photo-3{background-position:66% 65%}.slcf2-photo-4{background-position:90% 58%}
.slcf2-community{display:grid;grid-template-columns:1.15fr 1fr;min-height:260px;border-radius:20px;overflow:hidden;background:#f3e8ff;margin:24px 0}.slcf2-community-copy{padding:32px 36px;align-self:center}.slcf2-community h2{font-size:clamp(26px,3.1vw,37px);font-weight:900;line-height:1.12;letter-spacing:-.045em}.slcf2-community p{font-size:15px;margin-top:10px;color:#514668}.slcf2-community-photo{background:#ffcf00 url('hero-desktop.png') 78% 45%/auto 155% no-repeat}.slcf2-btn{display:inline-flex;align-items:center;gap:10px;background:#381d92;color:white!important;border-radius:12px;padding:13px 20px;margin-top:20px;font-weight:800;font-size:13px}.slcf2-btn svg{width:16px;height:16px}
.slcf2-details{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:10px 0 34px}.slcf2-details>div{background:#fff;border:1px solid #ebe6f2;border-radius:16px;padding:22px}.slcf2-details svg{color:#381d92;width:25px;height:25px}.slcf2-details h3{font-size:16px;margin-top:10px;font-weight:800}.slcf2-details p{font-size:13px;line-height:1.5;color:#55536b;margin-top:7px}
.slcf2-faq{display:grid;grid-template-columns:1fr 1.7fr;gap:38px;border-top:1px solid #e8e2ed;padding:30px 0 35px}.slcf2-faq details{border-bottom:1px solid #e8e2ed;padding:13px 0}.slcf2-faq summary{cursor:pointer;font-size:14px;font-weight:750}.slcf2-faq details p{font-size:13px;color:#56516b;line-height:1.6;margin-top:10px}.slcf2-credits{font-size:11px;color:#76718a;text-align:center;padding:0 0 28px}
/* remove inherited 1.1 presentation without touching functional site components */
.slcf-v2 .slcf2-hero-inner,.slcf-v2 .slcf2-wrap{max-width:1130px}
@media(max-width:800px){.slcf2-step{grid-template-columns:42px 50px 1fr 140px;gap:12px;padding-left:14px}.slcf2-step-photo{height:145px}.slcf2-step-copy h3{font-size:18px}.slcf2-step-copy p{font-size:12px}.slcf2-number{font-size:27px}.slcf2-step-icon{width:44px;height:44px}.slcf2-community-copy{padding:26px}.slcf2-details{gap:10px}}
@media(max-width:620px){.slcf2-hero{min-height:410px;align-items:flex-start;background-image:url('hero-mobile.png');background-position:center 42%}.slcf2-hero-inner{padding:30px 0}.slcf2-hero-inner h1{font-size:44px;max-width:270px}.slcf2-hero-inner p{font-size:14px;max-width:235px;margin-top:12px}.slcf-v2 .slcf2-wrap{padding:0 16px}.slcf2-intro{padding:30px 0 18px}.slcf2-step{grid-template-columns:40px 46px 1fr;min-height:115px;padding:14px;gap:10px}.slcf2-step-photo{display:none}.slcf2-step-icon{width:44px;height:44px;border-radius:13px}.slcf2-step-icon svg{width:22px;height:22px}.slcf2-step-copy h3{font-size:17px}.slcf2-step-copy p{font-size:12px;line-height:1.4}.slcf2-community{grid-template-columns:1fr;min-height:0}.slcf2-community-copy{padding:26px 22px}.slcf2-community-photo{height:160px;background-position:76% 47%;background-size:auto 230%}.slcf2-details{grid-template-columns:1fr;gap:10px;padding-bottom:24px}.slcf2-details>div{padding:16px}.slcf2-faq{grid-template-columns:1fr;gap:12px}.slcf2-credits{line-height:1.5}}

/* 1.2.1: WordPress constrained block layout integration. Only /come-funziona/. */
body.page-id-17 .wp-block-post-title,body.page-id-17 .entry-header .entry-title,body.page-id-17 .wp-block-query-title{display:none!important}
body.page-id-17 .wp-site-blocks > main,body.page-id-17 main.wp-block-group,body.page-id-17 .wp-block-post-content,body.page-id-17 .entry-content.wp-block-post-content{max-width:none!important;width:100%!important;margin-inline:0!important;padding-inline:0!important}
body.page-id-17 .wp-block-post-content > .slcf-v2,body.page-id-17 .is-layout-constrained > .slcf-v2,body.page-id-17 .has-global-padding > .slcf-v2{max-width:none!important;width:100%!important;margin:0!important}
body.page-id-17 .wp-block-post-content{margin-block-start:0!important}
body.page-id-17 .slcf-v2{width:100%;max-width:none;overflow:clip}
body.page-id-17 .slcf-v2 .slcf2-hero{width:100%;min-height:440px;background-position:center center}
body.page-id-17 .slcf-v2 .slcf2-hero-inner{width:min(1130px,calc(100% - 48px));max-width:1130px;margin-inline:auto;padding:54px 0}
body.page-id-17 .slcf-v2 .slcf2-hero-inner h1{max-width:420px;font-size:clamp(42px,5vw,70px);line-height:1.05;text-wrap:balance}
body.page-id-17 .slcf-v2 .slcf2-hero-inner p{max-width:345px;font-size:17px;line-height:1.5}
body.page-id-17 .slcf-v2 .slcf2-wrap{width:min(1130px,100%);max-width:1130px;margin-inline:auto;padding-inline:24px}
body.page-id-17 .slcf-v2 .slcf2-step{grid-template-columns:62px 58px minmax(0,1fr) 245px}
@media(max-width:800px){body.page-id-17 .slcf-v2 .slcf2-step{grid-template-columns:42px 50px minmax(0,1fr) 140px}}
@media(max-width:620px){body.page-id-17 .slcf-v2 .slcf2-hero{min-height:490px;background-image:url('hero-mobile.png');background-position:center center;align-items:flex-start}body.page-id-17 .slcf-v2 .slcf2-hero-inner{width:calc(100% - 36px);padding:28px 0}body.page-id-17 .slcf-v2 .slcf2-hero-inner h1{font-size:clamp(36px,10vw,48px);max-width:245px}body.page-id-17 .slcf-v2 .slcf2-hero-inner p{font-size:14px;max-width:220px}body.page-id-17 .slcf-v2 .slcf2-wrap{padding-inline:16px}body.page-id-17 .slcf-v2 .slcf2-step{grid-template-columns:40px 46px minmax(0,1fr)}body.page-id-17 .slcf-v2 .slcf2-step-photo{display:none}}

/* UXD 1.2.2 — fix verified against page-id-17 HTML: title wrapper, hero legibility. */
body.page-id-17 main#wp--skip-link--target > .wp-block-group:has(> .wp-block-post-title){display:none!important}
body.page-id-17 main#wp--skip-link--target{margin-top:0!important;padding-top:0!important}
body.page-id-17 main#wp--skip-link--target > .wp-block-post-content{margin-top:0!important;padding-top:0!important}
body.page-id-17 .slcf-v2 .slcf2-hero{
  isolation:isolate;overflow:hidden;background:#fff9f1!important;min-height:430px;
}
body.page-id-17 .slcf-v2 .slcf2-hero::before{
  content:"";position:absolute;inset:0 0 0 40%;z-index:-2;
  background:#ffcf00 url('hero-desktop.png') center 45% / cover no-repeat;
}
body.page-id-17 .slcf-v2 .slcf2-hero::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,#fff9f1 0%,#fff9f1 27%,rgba(255,249,241,.97) 35%,rgba(255,249,241,.72) 43%,rgba(255,249,241,0) 56%);
}
body.page-id-17 .slcf-v2 .slcf2-hero-inner{width:min(1130px,calc(100% - 48px));max-width:1130px;min-height:430px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:35px 0}
body.page-id-17 .slcf-v2 .slcf2-hero-inner h1{font-size:clamp(45px,4.8vw,66px);max-width:360px;line-height:1.03;overflow-wrap:normal}
body.page-id-17 .slcf-v2 .slcf2-hero-inner p{max-width:310px;font-size:16px;line-height:1.55;color:#0d0933;margin-top:18px}
@media(min-width:621px) and (max-width:1050px){
 body.page-id-17 .slcf-v2 .slcf2-hero::before{left:43%;background-position:45% center}
 body.page-id-17 .slcf-v2 .slcf2-hero::after{background:linear-gradient(90deg,#fff9f1 0%,#fff9f1 31%,rgba(255,249,241,.92) 43%,transparent 67%)}
 body.page-id-17 .slcf-v2 .slcf2-hero-inner h1{max-width:290px;font-size:clamp(42px,5.1vw,55px)}
 body.page-id-17 .slcf-v2 .slcf2-hero-inner p{max-width:270px;font-size:15px}
}
@media(max-width:620px){
 body.page-id-17 .slcf-v2 .slcf2-hero{min-height:530px!important;align-items:flex-start}
 body.page-id-17 .slcf-v2 .slcf2-hero::before{inset:205px 0 0 0;background-image:url('hero-mobile.png');background-size:cover;background-position:center 55%}
 body.page-id-17 .slcf-v2 .slcf2-hero::after{background:linear-gradient(180deg,#fff9f1 0%,#fff9f1 35%,rgba(255,249,241,.9) 42%,transparent 58%)}
 body.page-id-17 .slcf-v2 .slcf2-hero-inner{min-height:0;display:block;padding:22px 0;width:calc(100% - 36px)}
 body.page-id-17 .slcf-v2 .slcf2-hero-inner h1{font-size:clamp(37px,10vw,48px);max-width:300px}
 body.page-id-17 .slcf-v2 .slcf2-hero-inner p{max-width:310px;font-size:14px;line-height:1.45;margin-top:10px}
 body.page-id-17 .slcf-v2 .slcf2-eyebrow{margin-bottom:8px}
}
