/* 2026-10-03 — Pagine statiche: (1) colore guida per città, (7) separatori sagomati di forme diverse,
   (8) sommario a etichette + pulsante "torna su". File separato da tw-mobile-ui.css (cache immutable:
   per modificare, alzare ?v= nei link delle pagine o creare un file nuovo). */
:root{--c1:34,211,238;--c1l:103,232,249;--c2:167,139,250;--c2l:196,181,253;--c3:245,158,11;--c3l:252,211,77}
body.tw-city-battipaglia{--c1:74,222,128;--c1l:187,247,208;--c2:250,204,21;--c2l:254,240,138;--c3:251,146,60;--c3l:254,215,170}
body.tw-city-cava-de-tirreni{--c1:34,197,94;--c1l:134,239,172;--c2:168,162,158;--c2l:231,229,228;--c3:96,165,250;--c3l:191,219,254}
body.tw-city-eboli{--c1:132,204,22;--c1l:190,242,100;--c2:234,179,8;--c2l:253,224,71;--c3:45,212,191;--c3l:153,246,228}
body.tw-city-nocera-inferiore{--c1:192,132,252;--c1l:233,213,255;--c2:244,114,182;--c2l:251,207,232;--c3:56,189,248;--c3l:186,230,253}
body.tw-city-nocera-superiore{--c1:217,119,6;--c1l:253,186,116;--c2:167,139,250;--c2l:221,214,254;--c3:251,191,36;--c3l:253,230,138}
body.tw-city-pagani{--c1:244,63,94;--c1l:253,164,175;--c2:251,191,36;--c2l:253,230,138;--c3:96,165,250;--c3l:191,219,254}
body.tw-city-pompei{--c1:234,88,12;--c1l:253,186,116;--c2:251,191,36;--c2l:253,230,138;--c3:220,38,38;--c3l:252,165,165}
body.tw-city-pontecagnano{--c1:14,165,233;--c1l:125,211,252;--c2:34,211,238;--c2l:165,243,252;--c3:250,204,21;--c3l:254,240,138}
body.tw-city-sarno{--c1:6,182,212;--c1l:165,243,252;--c2:212,163,115;--c2l:237,205,170;--c3:52,211,153;--c3l:167,243,208}
/* (1) le fasce, le icone, le pillole e le schede-tabella prendono i colori della città */
body[class*="tw-city-"] .tw-band-1{--tb-bg:linear-gradient(180deg,rgba(var(--c1),.10),rgba(15,23,42,.18) 70%);--tb-b:rgba(var(--c1),.28);--tb-acc:linear-gradient(90deg,rgb(var(--c1)),rgb(var(--c2)));--tb-ic:rgb(var(--c1l));--tb-icbg:rgba(var(--c1),.16)}
body[class*="tw-city-"] .tw-band-2{--tb-bg:linear-gradient(180deg,rgba(var(--c2),.10),rgba(15,23,42,.18) 70%);--tb-b:rgba(var(--c2),.28);--tb-acc:linear-gradient(90deg,rgb(var(--c2)),rgb(var(--c3)));--tb-ic:rgb(var(--c2l));--tb-icbg:rgba(var(--c2),.16)}
body[class*="tw-city-"] .tw-band-3{--tb-bg:linear-gradient(180deg,rgba(var(--c3),.10),rgba(15,23,42,.18) 70%);--tb-b:rgba(var(--c3),.28);--tb-acc:linear-gradient(90deg,rgb(var(--c3)),rgb(var(--c1)));--tb-ic:rgb(var(--c3l));--tb-icbg:rgba(var(--c3),.16)}
body[class*="tw-city-"] ul.tw-pills>li{background:rgba(var(--c1),.12);border-color:rgba(var(--c1),.34);color:rgb(var(--c1l))}
body[class*="tw-city-"] ul.tw-pills>li:nth-child(3n+2){background:rgba(var(--c2),.12);border-color:rgba(var(--c2),.34);color:rgb(var(--c2l))}
body[class*="tw-city-"] ul.tw-pills>li:nth-child(3n){background:rgba(var(--c3),.12);border-color:rgba(var(--c3),.34);color:rgb(var(--c3l))}
body[class*="tw-city-"] .tw-extra{border-color:rgba(var(--c3),.26);background:linear-gradient(180deg,rgba(var(--c3),.08),rgba(15,23,42,.18) 70%)}
@media (max-width:640px){
 body[class*="tw-city-"] table.tw-rtable tr{background:linear-gradient(180deg,rgba(var(--c1),.10),rgba(15,23,42,.6));border-color:rgba(var(--c1),.28)}
 body[class*="tw-city-"] table.tw-rtable tr:nth-of-type(3n+2){background:linear-gradient(180deg,rgba(var(--c2),.10),rgba(15,23,42,.6));border-color:rgba(var(--c2),.28)}
 body[class*="tw-city-"] table.tw-rtable tr:nth-of-type(3n){background:linear-gradient(180deg,rgba(var(--c3),.10),rgba(15,23,42,.6));border-color:rgba(var(--c3),.28)}
}
/* (7) separatori sagomati: 6 forme, l'ordine cambia da città a città */
.tw-shape{display:block;height:26px;width:88%;max-width:560px;margin:26px auto -8px;pointer-events:none;
  background:linear-gradient(90deg,rgba(var(--c1),0),rgba(var(--c1),.85) 22%,rgba(var(--c2),.85) 50%,rgba(var(--c3),.85) 78%,rgba(var(--c3),0));
  -webkit-mask:var(--sm) center/100% 100% no-repeat;mask:var(--sm) center/100% 100% no-repeat}
.tw-shape-wave{--sm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 26' preserveAspectRatio='none'%3E%3Cpath d='M0 13 Q25 2 50 13 T100 13 T150 13 T200 13 T250 13 T300 13 T350 13 T400 13' fill='none' stroke='%23000' stroke-width='3'/%3E%3C/svg%3E")}
.tw-shape-zigzag{--sm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 26' preserveAspectRatio='none'%3E%3Cpolyline points='0,19 20,7 40,19 60,7 80,19 100,7 120,19 140,7 160,19 180,7 200,19 220,7 240,19 260,7 280,19 300,7 320,19 340,7 360,19 380,7 400,19' fill='none' stroke='%23000' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E")}
.tw-shape-arc{--sm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 26' preserveAspectRatio='none'%3E%3Cpath d='M0 23 Q200 -9 400 23' fill='none' stroke='%23000' stroke-width='3'/%3E%3Cpath d='M60 23 Q200 3 340 23' fill='none' stroke='%23000' stroke-width='1.5' opacity='.6'/%3E%3C/svg%3E")}
.tw-shape-slant{--sm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 26' preserveAspectRatio='none'%3E%3Cpolygon points='0,24 400,4 400,9 0,26'/%3E%3Cpolygon points='40,26 400,13 400,15 40,26'/%3E%3C/svg%3E")}
.tw-shape-double{--sm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 26' preserveAspectRatio='none'%3E%3Cpath d='M0 9 C80 1 120 17 200 9 S320 1 400 9' fill='none' stroke='%23000' stroke-width='2.4'/%3E%3Cpath d='M0 18 C80 10 120 26 200 18 S320 10 400 18' fill='none' stroke='%23000' stroke-width='2.4'/%3E%3C/svg%3E")}
.tw-shape-dots{--sm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 26'%3E%3Ccircle cx='10' cy='13' r='3.2'/%3E%3C/svg%3E");-webkit-mask:var(--sm) center/18px 26px repeat-x;mask:var(--sm) center/18px 26px repeat-x}
/* (8) sommario a etichette */
.tw-toc{margin:20px 0 8px;padding:12px 14px 14px;border-radius:18px;border:1px dashed rgba(var(--c1),.38);background:rgba(15,23,42,.5)}
.tw-toc-t{display:block;margin:0 0 9px;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8}
.tw-toc-chips{display:flex;flex-wrap:wrap;gap:8px}
.tw-toc-chips a{display:inline-flex;align-items:center;min-height:38px;padding:7px 14px;border-radius:999px;font-size:.9rem;font-weight:700;line-height:1.2;text-decoration:none;max-width:100%;overflow-wrap:anywhere;
  color:rgb(var(--c1l));background:rgba(var(--c1),.12);border:1px solid rgba(var(--c1),.34);transition:background .2s ease,transform .2s ease}
.tw-toc-chips a:nth-child(3n+2){color:rgb(var(--c2l));background:rgba(var(--c2),.12);border-color:rgba(var(--c2),.34)}
.tw-toc-chips a:nth-child(3n){color:rgb(var(--c3l));background:rgba(var(--c3),.12);border-color:rgba(var(--c3),.34)}
.tw-toc-chips a:hover,.tw-toc-chips a:focus-visible{transform:translateY(-1px);background:rgba(var(--c1),.22)}
.tw-toc-chips a:focus-visible{outline:3px solid rgb(var(--c1l));outline-offset:2px}
[id^="tw-sez-"],#apparecchiature-medicali,#macchinari-palestra-fitness,#strumenti-laboratorio,#macchinari-speciali-industriali,#faq,#contatto-apparecchiature{scroll-margin-top:16px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
/* (8) pulsante "torna su": sopra la barra Chiama/WhatsApp, mai sopra i pulsanti */
.tw-totop{position:fixed;right:14px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:9998;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.22);
  display:grid;place-items:center;color:#0b1220;cursor:pointer;background:linear-gradient(135deg,rgb(var(--c1l)),rgb(var(--c2l)));box-shadow:0 10px 26px rgba(0,0,0,.45);
  opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}
body.twc-has-bar .tw-totop{bottom:calc(88px + env(safe-area-inset-bottom,0px))}
.tw-totop.is-on{opacity:1;transform:none;pointer-events:auto}
.tw-totop svg{width:22px;height:22px}
.tw-totop:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media (prefers-reduced-motion:reduce){.tw-totop,.tw-toc-chips a{transition:none}}
/* blocchi con animazione d’ingresso: margine maggiore per non tagliare il titolo all’arrivo dal sommario */
#tw-sez-social,#zone-vicine{scroll-margin-top:40px}