/* The Montecatini website service page: real projects and a readable local offer. */
#servizio-locale.local-web-refresh{width:calc(100% - 64px);max-width:1180px;margin-inline:auto;padding:26px 0 64px}
#servizio-locale.local-web-refresh .local-web-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;padding:30px 0 44px;margin:0 0 20px;border:0;border-radius:0;background:none!important;box-shadow:none;overflow:visible}
#servizio-locale.local-web-refresh .local-web-hero:after{display:none}
#servizio-locale.local-web-refresh .local-web-hero h1{font-size:clamp(38px,4vw,58px);line-height:1.08;letter-spacing:-.045em;margin:18px 0 22px;text-wrap:initial}
#servizio-locale.local-web-refresh .local-web-hero h1 em{font-style:normal;color:#c4f455}
#servizio-locale.local-web-refresh .local-web-hero>div>p{font-size:17px;line-height:1.65;max-width:800px}
#servizio-locale.local-web-refresh .local-web-hero>div>.local-web-location{font-size:13px;line-height:1.6;margin-top:24px;color:#b9bdc7}
#servizio-locale.local-web-refresh .ks-eyebrow{font-size:11px;letter-spacing:1.4px;line-height:1.6}
#servizio-locale.local-web-refresh .ks-actions{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin-top:24px}
#servizio-locale.local-web-refresh .ks-button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:13px 18px;border-radius:8px;font-size:15px;line-height:1.4;text-decoration:none;box-shadow:none}
#servizio-locale.local-web-refresh .ks-inline-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:15px;line-height:1.5;text-underline-offset:5px}
#servizio-locale.local-web-refresh .local-web-work{padding:34px 0;margin:0;border:0;border-block:1px solid #373c47;border-radius:0;background:none!important;box-shadow:none}
#servizio-locale.local-web-refresh .ks-proof-head{grid-template-columns:1.15fr 1fr;gap:32px}
#servizio-locale.local-web-refresh .ks-proof-head h2{font-size:36px;line-height:1.15;letter-spacing:-.035em;text-wrap:initial}
#servizio-locale.local-web-refresh .ks-proof-head>p{font-size:15px;line-height:1.65}
#servizio-locale.local-web-refresh .ks-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#servizio-locale.local-web-refresh .ks-proof-card{border-radius:12px;display:flex;flex-direction:column;transform:none}
#servizio-locale.local-web-refresh .ks-proof-card img{aspect-ratio:16/9;height:auto;object-fit:cover}
#servizio-locale.local-web-refresh .ks-proof-copy{padding:24px}
#servizio-locale.local-web-refresh .ks-proof-copy>span{letter-spacing:.6px}
#servizio-locale.local-web-refresh .ks-proof-copy h3{font-size:25px;line-height:1.2;margin:14px 0 8px}
#servizio-locale.local-web-refresh .ks-proof-copy p{font-size:15px;line-height:1.65}
#servizio-locale.local-web-refresh .ks-proof-copy>.local-web-project-location{font-size:12px;color:#b9bdc7;margin:0 0 16px}
#servizio-locale.local-web-refresh .ks-proof-copy ul{padding-left:18px;margin:18px 0}
#servizio-locale.local-web-refresh .ks-proof-copy li{font-size:14px;line-height:1.6;margin:7px 0}
#servizio-locale.local-web-refresh .ks-proof-copy b{display:inline-flex;gap:8px;align-items:center;font-size:13px;letter-spacing:0}
#servizio-locale.local-web-refresh .ks-proof-demo{display:flex;align-items:center;gap:8px;margin:0 24px 20px;padding-top:18px;min-height:44px;margin-top:auto}
#servizio-locale.local-web-refresh .ks-proof-note{font-size:13px;line-height:1.7;margin-top:20px}
#servizio-locale.local-web-refresh .ks-section{border-radius:12px;padding:30px;margin-block:28px}
#servizio-locale.local-web-refresh .ks-section h2,#servizio-locale.local-web-refresh .ks-local-service-process h2{font-size:34px;line-height:1.15;letter-spacing:-.03em}
#servizio-locale.local-web-refresh .local-web-options .ks-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#servizio-locale.local-web-refresh .local-web-options article{padding:20px;border-radius:10px;min-width:0}
#servizio-locale.local-web-refresh .local-web-options h3{font-size:22px;line-height:1.25}
#servizio-locale.local-web-refresh .local-web-options article p{font-size:14px;line-height:1.7}
#servizio-locale.local-web-refresh .local-web-price-note{font-size:13px;line-height:1.7;margin:22px 0 0}
#servizio-locale.local-web-refresh .local-web-faq details{padding:0;border:0;border-bottom:1px solid #373c47;border-radius:0;background:none!important;margin:0}
#servizio-locale.local-web-refresh .local-web-faq summary{padding:18px 2px;font-size:17px;line-height:1.5;min-height:44px;cursor:pointer}
#servizio-locale.local-web-refresh .local-web-faq details p{font-size:15px;line-height:1.7;margin:0 2px 22px;max-width:850px}
#servizio-locale.local-web-refresh :is(a,summary):focus-visible{outline:3px solid #c4f455;outline-offset:5px}
@media(max-width:980px){
 #servizio-locale.local-web-refresh .local-web-hero{grid-template-columns:1fr;gap:26px}
 #servizio-locale.local-web-refresh .ks-proof-head{grid-template-columns:1fr;gap:14px}
 #servizio-locale.local-web-refresh .local-web-options .ks-service-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
 #servizio-locale.local-web-refresh{width:calc(100% - 40px);padding-top:18px}
 #servizio-locale.local-web-refresh .ks-service-crumbs{font-size:11px;line-height:1.6;gap:7px;flex-wrap:wrap}
 #servizio-locale.local-web-refresh .local-web-hero{padding-top:16px;padding-bottom:28px;gap:24px}
 #servizio-locale.local-web-refresh .local-web-hero h1{font-size:38px;margin:16px 0 20px}
 #servizio-locale.local-web-refresh .local-web-hero>div>p{font-size:16px}
 #servizio-locale.local-web-refresh .local-web-hero>div>.local-web-location{font-size:12px;margin-top:18px}
 #servizio-locale.local-web-refresh .local-web-work{padding:28px 0}
 #servizio-locale.local-web-refresh .ks-proof-head h2{font-size:30px}
 #servizio-locale.local-web-refresh .ks-proof-grid{grid-template-columns:1fr;gap:20px}
 #servizio-locale.local-web-refresh .ks-proof-copy{padding:20px}
 #servizio-locale.local-web-refresh .ks-proof-copy h3{font-size:23px}
 #servizio-locale.local-web-refresh .ks-proof-demo{margin-inline:20px}
 #servizio-locale.local-web-refresh .ks-section{padding:22px 18px;margin-block:24px}
 #servizio-locale.local-web-refresh .ks-section h2,#servizio-locale.local-web-refresh .ks-local-service-process h2{font-size:29px}
 #servizio-locale.local-web-refresh .local-web-options article{padding:18px}
 #servizio-locale.local-web-refresh .local-web-faq summary{font-size:16px}
 #servizio-locale.local-web-refresh .ks-actions .ks-button{width:100%}
}


/* Same MAF composition as the home, scoped to this landing. */
#servizio-locale.local-web-refresh .local-web-maf-preview{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#151d22}
#servizio-locale.local-web-refresh .maf-card-art { position:absolute; inset:0; display:grid; grid-template-columns:34% 66%; align-items:center; overflow:hidden; background:linear-gradient(135deg,#202e34,#141a1f 75%); }
#servizio-locale.local-web-refresh .maf-card-brand { z-index:1; display:flex; flex-direction:column; align-items:flex-start; gap:5px; min-width:0; padding-left:18px; }
#servizio-locale.local-web-refresh .maf-card-wordmark { color:#f5f7f3; font-size:clamp(22px,3.1vw,38px); font-weight:750; line-height:1; letter-spacing:-.055em; }
#servizio-locale.local-web-refresh .maf-card-label { color:#c4f455; font-size:8px; font-weight:650; letter-spacing:.09em; line-height:1.6; }
#servizio-locale.local-web-refresh .maf-card-note { max-width:12ch; margin-top:6px; color:#bdc8ca; font-size:9px; line-height:1.5; }
#servizio-locale.local-web-refresh .maf-card-screens { position:relative; align-self:stretch; min-width:0; }
#servizio-locale.local-web-refresh .maf-card-desktop { position:absolute; left:0; top:17%; width:115%; overflow:hidden; border:4px solid #48575c; border-radius:8px; box-shadow:0 12px 24px #0005; }
#servizio-locale.local-web-refresh .maf-card-desktop img { display:block; width:100%; height:auto; aspect-ratio:960/540; }
#servizio-locale.local-web-refresh .maf-card-phone { position:absolute; right:8%; top:37%; width:27%; max-width:67px; overflow:hidden; border:3px solid #8b989b; border-radius:11px; background:#161e24; box-shadow:0 8px 18px #0007; }
#servizio-locale.local-web-refresh .maf-card-phone img { display:block; width:100%; height:auto; aspect-ratio:390/844; }
@media(max-width:620px){
#servizio-locale.local-web-refresh .maf-card-brand { padding-left:14px; gap:3px; }
#servizio-locale.local-web-refresh .maf-card-wordmark { font-size:27px; }
#servizio-locale.local-web-refresh .maf-card-label { font-size:7px; }
#servizio-locale.local-web-refresh .maf-card-note { margin-top:2px; font-size:8px; }
#servizio-locale.local-web-refresh .maf-card-desktop { top:13%; }
#servizio-locale.local-web-refresh .maf-card-phone { top:29%; max-width:58px; }
}

/* Nook is an app by Kreluna, presented once beside the local service introduction. */
#servizio-locale.local-web-refresh .local-web-nook{min-width:0;overflow:hidden;border:1px solid #373c47;border-radius:12px;background:#20242c;scroll-margin-top:100px}
#servizio-locale.local-web-refresh .local-nook-art{position:relative;isolation:isolate;aspect-ratio:16/9;overflow:hidden;background:radial-gradient(ellipse at 75% 35%,#668773 0%,#d2e9d7 46%,#edf5ed 100%);container-type:inline-size}
#servizio-locale.local-web-refresh .local-nook-art:before{content:"";position:absolute;z-index:-1;width:80%;aspect-ratio:1;border:1px solid #06214c16;border-radius:50%;right:-25%;top:-20%;box-shadow:0 0 0 35px #ffffff14,0 0 0 70px #ffffff12}
#servizio-locale.local-web-refresh .local-nook-brand{position:absolute;left:6%;top:50%;transform:translateY(-50%);width:43%;display:flex;flex-direction:column;gap:8px}
#servizio-locale.local-web-refresh .local-nook-brand img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:contain}
#servizio-locale.local-web-refresh .local-nook-brand span{color:#375b49;font-size:clamp(8px,1.8cqw,11px);line-height:1.5;letter-spacing:.17em}
#servizio-locale.local-web-refresh .local-nook-poster{position:absolute;right:9%;top:8%;height:84%;aspect-ratio:600/1301;overflow:hidden;border:1px solid #a6b7ac;border-radius:10px;background:#f3f6ef;box-shadow:10px 14px 24px #112a3b25;transform:rotate(4deg)}
#servizio-locale.local-web-refresh .local-nook-poster img{display:block;width:100%;height:100%;aspect-ratio:600/1301;object-fit:contain;border-radius:0}
#servizio-locale.local-web-refresh .local-nook-copy{padding:22px}
#servizio-locale.local-web-refresh .local-nook-copy>small{color:#c4f455;font-size:11px;line-height:1.5;letter-spacing:.06em}
#servizio-locale.local-web-refresh .local-nook-copy h2{font-size:26px;line-height:1.2;letter-spacing:-.035em;margin:8px 0 10px;color:#f4f5f7}
#servizio-locale.local-web-refresh .local-nook-copy p{margin:0;color:#b9bdc7;font-size:15px;line-height:1.6}
#servizio-locale.local-web-refresh .local-nook-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:18px}
#servizio-locale.local-web-refresh .local-nook-actions a{font-size:14px;min-height:44px}
@media(max-width:980px){
 #servizio-locale.local-web-refresh .local-web-nook{width:100%;max-width:720px}
}
@media(max-width:620px){
 #servizio-locale.local-web-refresh .local-nook-copy{padding:18px}
 #servizio-locale.local-web-refresh .local-nook-copy h2{font-size:23px}
 #servizio-locale.local-web-refresh .local-nook-copy p{font-size:14px}
 #servizio-locale.local-web-refresh .local-nook-actions{gap:6px 14px;margin-top:14px}
 #servizio-locale.local-web-refresh .local-nook-actions .ks-button{padding:10px 12px}
}

#servizio-locale.local-web-refresh .local-web-hero-proof{display:grid;min-width:0;overflow:hidden;border:1px solid #373c47;border-radius:12px;background:#20242c;color:inherit;text-decoration:none}
#servizio-locale.local-web-refresh .local-web-hero-proof img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
#servizio-locale.local-web-refresh .local-web-hero-proof span{display:block;padding:14px 18px;font-size:15px;text-decoration:underline;text-underline-offset:4px}
#servizio-locale.local-web-refresh .local-web-related{max-width:640px;margin:28px 0}
