/*
Theme Name: FisioDip
Theme URI: https://fisiodip.it
Author: Vito Sciannameo
Description: Tema one-page a carosello 3D per il Dott. Giampiero Diprizio, Fisioterapista.
Version: 1.0
Text Domain: fisiodip
*/
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}img{max-width:100%;display:block}a{color:inherit}button{font-family:inherit}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
:root{--w:min(86vw,440px);--h:min(70dvh,600px);--pk:#ff4fd8;--cy:#4ff0ff}
html,body{height:100%;overflow:hidden}
body{background:radial-gradient(900px 600px at 50% 40%,#2a1b5e,transparent 70%),radial-gradient(600px 400px at 10% 90%,#ff4fd822,transparent),#08070f;color:#f3f1ff;font:400 18px/1.55 Carlito,Calibri,sans-serif}
:focus-visible{outline:2px solid var(--cy);outline-offset:3px}
.stage{position:absolute;inset:0 0 96px 0;perspective:1800px;display:grid;place-items:center;overflow:hidden;cursor:grab;touch-action:pan-y}
.stage:active{cursor:grabbing}
.ring{position:relative;width:var(--w);height:var(--h);transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.ring.drag{transition:none}
.pn{position:absolute;inset:0;border-radius:30px;background:linear-gradient(160deg,#1e1b34,#0e0d1a);border:1px solid rgba(255,255,255,.2);box-shadow:0 0 70px rgba(130,90,255,.28);backface-visibility:hidden;transition:opacity .6s;pointer-events:none;overflow:hidden}
.pn::before{content:"";position:absolute;inset:0;border-radius:30px;padding:1px;background:linear-gradient(140deg,var(--pk),transparent 40%,var(--cy));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.pn.front{pointer-events:auto}
.sc{height:100%;overflow:auto;padding:30px 28px 34px;scrollbar-width:thin}
.eb{font:600 12px Carlito,Calibri;letter-spacing:.3em;text-transform:uppercase;color:var(--cy);margin-bottom:12px}
h1,h2{font-weight:800;letter-spacing:-.03em;line-height:1}
h1{font-size:clamp(44px,7vw,64px)}h1 span,h2 em{background:linear-gradient(90deg,var(--pk),var(--cy));-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}
h2{font-size:34px;margin-bottom:16px}
h3{font:800 18px Carlito,Calibri;color:var(--pk);margin:20px 0 6px}
.sc p{margin-bottom:12px;color:#d8d3f2;font-size:17.5px}
.hero{height:100%;display:flex;flex-direction:column;justify-content:center}.hero p{margin-top:16px}
.lg{width:70px;height:70px;color:var(--cy);margin-bottom:10px}.lg .logo{width:100%;height:100%}
.bt{align-self:flex-start;margin-top:16px;padding:13px 24px;border-radius:99px;border:0;background:linear-gradient(90deg,var(--pk),#8a5cff);color:#fff;font:700 15px Carlito,Calibri;cursor:pointer;box-shadow:0 8px 26px rgba(255,79,216,.4)}
.facts{display:flex;gap:10px;margin-bottom:14px}.facts div{padding:10px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.2);font-size:13px;color:#b9b3d8}.facts b{display:block;font:800 26px Carlito,Calibri;color:#fff}
.tm{display:inline-block;margin:0 6px 6px 0;padding:8px 14px;border-radius:99px;border:1px solid var(--cy);font-weight:700;font-size:15.5px}.tm small{display:block;font-weight:400;color:#9a95c0;font-size:13px}
.ac{border-top:1px solid rgba(255,255,255,.15)}.ac:last-of-type{border-bottom:1px solid rgba(255,255,255,.15)}
.ac summary{list-style:none;cursor:pointer;display:flex;gap:12px;align-items:center;padding:13px 0;font-size:17.5px}.ac summary::-webkit-details-marker{display:none}
.ac summary svg{width:26px;height:26px;color:var(--pk);flex:none}.ac summary b{font-weight:700}
.ac summary::after{content:"+";margin-left:auto;color:var(--cy);font-size:24px}.ac[open] summary::after{content:"\2212"}
.ac p{margin:0 0 12px 38px}
.ph{height:calc(100% - 30px);border-radius:20px;overflow:hidden}.ph img{width:100%;height:100%;object-fit:cover;object-position:50% 15%}
.rl{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid rgba(255,255,255,.15);text-decoration:none;font-size:16px;overflow-wrap:anywhere}
.rl:hover{color:var(--cy)}.rl svg{width:22px;height:22px;color:var(--pk);flex:none}.rl small{display:block;font:600 10px Carlito,Calibri;letter-spacing:.26em;text-transform:uppercase;color:var(--cy)}
.qr{width:128px;aspect-ratio:1;background:#fff;padding:9px;border-radius:12px;margin:16px 0 0;border:3px solid var(--pk)}.qr svg{width:100%;height:100%}
.ar{position:absolute;top:50%;z-index:20;width:50px;height:50px;margin-top:-25px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(20,18,40,.7);color:#fff;cursor:pointer;display:grid;place-items:center;font-size:22px}
.ar:hover{background:var(--pk)}.al{left:14px}.arr{right:14px}
.nav{position:fixed;left:0;right:0;bottom:0;height:96px;display:flex;justify-content:center;align-items:center;gap:10px;z-index:30}
.dt{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;border-radius:18px;border:1px solid transparent;background:none;color:#9a95c0;font:600 11px Carlito,Calibri;cursor:pointer;transition:all .25s}
.dt svg{width:22px;height:22px}
.dt[aria-current="true"]{border-color:var(--cy);color:#fff;background:rgba(79,240,255,.1);box-shadow:0 0 22px rgba(79,240,255,.25)}
@media (max-width:620px){.dt{padding:8px 8px}.dt span{font-size:10px}.ar{display:none}.nav{gap:2px}}

:root{--pk:#e2725b;--cy:#1f8a80}
body{background:radial-gradient(900px 600px at 50% 35%,#fff3e3,transparent 70%),radial-gradient(700px 500px at 10% 95%,#ffd9c4,transparent),radial-gradient(600px 400px at 95% 10%,#d9efe9,transparent),#fbf3ea;color:#4a3a30}
.pn{background:linear-gradient(160deg,#fffdf9,#fff4e8);border:1px solid #f0dcc8;box-shadow:0 30px 70px rgba(150,90,50,.22),0 6px 18px rgba(150,90,50,.12)}
.pn::before{background:linear-gradient(140deg,#f6b49c,transparent 45%,#8fd3c8)}
h1,h2{color:#3b2a20}h1 span,h2 em{background:linear-gradient(90deg,#e2725b,#e9a23b);-webkit-background-clip:text;background-clip:text;color:transparent}
h3{color:#c4573f}
.sc p{color:#5a483c}
.eb{color:#1f8a80}
.lg{color:#e2725b}
.bt{background:linear-gradient(90deg,#e2725b,#eb9a4f);box-shadow:0 8px 22px rgba(226,114,91,.38)}
.facts div{border-color:#efd9c4;background:#fff;color:#7a6657}.facts b{color:#3b2a20}
.tm{border-color:#8fd3c8;background:#f1faf7;color:#2b4a45}.tm small{color:#6f8f89}
.ac{border-top-color:#efdcc9}.ac:last-of-type{border-bottom-color:#efdcc9}
.ac summary{color:#3b2a20}.ac summary svg{color:#e2725b}.ac summary::after{color:#1f8a80}
.rl{border-top-color:#efdcc9;color:#3b2a20}.rl:hover{color:#c4573f}.rl small{color:#1f8a80}
.qr{border-color:#e2725b;box-shadow:0 6px 16px rgba(150,90,50,.18)}
.ph{box-shadow:0 10px 26px rgba(150,90,50,.25)}
.ar{background:rgba(255,255,255,.85);border-color:#efd9c4;color:#c4573f;box-shadow:0 6px 16px rgba(150,90,50,.15)}.ar:hover{background:#e2725b;color:#fff}
.dt{color:#8a7565}
.dt[aria-current="true"]{border-color:#e2725b;color:#3b2a20;background:rgba(255,255,255,.75);box-shadow:0 6px 18px rgba(226,114,91,.25)}
.nav{background:linear-gradient(0deg,rgba(251,243,234,.9),transparent)}
:focus-visible{outline-color:#e2725b}

:root{--pk:#c9962b;--cy:#2f7fd6}
body{background:radial-gradient(900px 600px at 50% 35%,#ffffff,transparent 70%),radial-gradient(800px 560px at 8% 95%,#bfdcf8,transparent),radial-gradient(700px 500px at 95% 8%,#d6ebff,transparent),#e6f2fd;color:#1b3566}
.pn{background:linear-gradient(160deg,#ffffff,#eef6ff);border:1px solid #cfe2f6;box-shadow:0 30px 70px rgba(20,60,130,.22),0 6px 18px rgba(20,60,130,.12)}
.pn::before{background:linear-gradient(140deg,#e6c36e,transparent 45%,#8bbcf0)}
h1,h2{color:#0e2454}h1 span,h2 em{background:linear-gradient(90deg,#1f6fd0,#4fa3ee);-webkit-background-clip:text;background-clip:text;color:transparent}
h3{color:#b8861f}
.sc p{color:#33497a}
.eb{color:#b8861f}
.lg{color:#1f6fd0}
.bt{background:linear-gradient(90deg,#c9962b,#e3b958);color:#0e2454;box-shadow:0 8px 22px rgba(201,150,43,.4)}
.facts div{border-color:#cfe2f6;background:#fff;color:#5a70a0}.facts b{color:#0e2454}
.tm{border-color:#e0c374;background:#fffaf0;color:#0e2454}.tm small{color:#7d8db0}
.ac{border-top-color:#d3e4f7}.ac:last-of-type{border-bottom-color:#d3e4f7}
.ac summary{color:#0e2454}.ac summary svg{color:#1f6fd0}.ac summary::after{color:#c9962b}
.rl{border-top-color:#d3e4f7;color:#0e2454}.rl:hover{color:#1f6fd0}.rl small{color:#b8861f}.rl svg{color:#1f6fd0}
.qr{border-color:#c9962b;box-shadow:0 6px 16px rgba(20,60,130,.18)}
.ph{box-shadow:0 10px 26px rgba(20,60,130,.25)}
.ar{background:rgba(255,255,255,.9);border-color:#cfe2f6;color:#0e2454;box-shadow:0 6px 16px rgba(20,60,130,.15)}.ar:hover{background:#0e2454;color:#fff}
.dt{color:#5f759f}
.dt[aria-current="true"]{border-color:#c9962b;color:#0e2454;background:rgba(255,255,255,.85);box-shadow:0 6px 18px rgba(201,150,43,.28)}
.nav{background:linear-gradient(0deg,rgba(230,242,253,.92),transparent)}.pn{border:2px solid rgba(14,36,84,.3);transition:opacity .6s,border-color .6s}.pn.front{border-color:#0e2454}.pn::before{display:none}.sc{scrollbar-width:auto;scrollbar-color:#c9962b #dbe9f8}.sc::-webkit-scrollbar{width:20px}.sc::-webkit-scrollbar-track{background:#dbe9f8;border-radius:10px;margin:14px 0}.sc::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#e3b958,#c9962b);border:4px solid #dbe9f8;border-radius:12px}.sc::-webkit-scrollbar-button,.sc::-webkit-scrollbar-button:single-button{display:none;width:0;height:0}.sc::-webkit-scrollbar-thumb:hover{background:#0e2454}:focus-visible{outline-color:#1f6fd0}
.bt.go{width:64px;height:64px;padding:0;border-radius:50%;display:grid;place-items:center;font-size:30px;line-height:1}.bt.go b{display:block;animation:nudge 1.6s ease-in-out infinite}@keyframes nudge{50%{transform:translateX(6px)}}.cwrap{display:flex;flex-direction:column;gap:14px}
.clist{display:grid;gap:8px}
.cr{display:flex;align-items:center;gap:16px;text-decoration:none;color:#0e2454;font:700 18px Carlito,Calibri,sans-serif;overflow-wrap:anywhere}
.cr small{display:block;font:700 10px Carlito,Calibri,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#b8861f}
.t3{flex:none;display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:linear-gradient(150deg,var(--a),var(--b));box-shadow:inset 0 2px 0 rgba(255,255,255,.6),inset 0 -5px 8px rgba(0,0,0,.18),0 6px 0 var(--d),0 12px 16px rgba(14,36,84,.25);transition:transform .15s,box-shadow .15s;margin-bottom:6px}
.t3 svg{width:28px;height:28px;filter:drop-shadow(0 2px 1px rgba(0,0,0,.3))}
.cr:hover .t3{transform:translateY(3px);box-shadow:inset 0 2px 0 rgba(255,255,255,.6),inset 0 -5px 8px rgba(0,0,0,.18),0 3px 0 var(--d),0 6px 10px rgba(14,36,84,.25)}
.pn .qr{width:120px;margin:6px auto 0;padding:9px;background:linear-gradient(145deg,#ffe9ad,#bfe0ff);border:3px solid #0e2454;border-radius:16px;box-shadow:0 6px 0 #0e2454,0 12px 16px rgba(14,36,84,.22)}
.ac summary{gap:16px;padding:12px 0}.ac summary .t3.s{width:46px;height:46px;border-radius:14px;margin-bottom:5px;box-shadow:inset 0 2px 0 rgba(255,255,255,.6),inset 0 -4px 7px rgba(0,0,0,.18),0 5px 0 var(--d),0 10px 14px rgba(14,36,84,.22)}
.ac summary .t3.s svg{width:30px;height:30px;color:#fff;stroke:#fff;stroke-width:2.1;filter:drop-shadow(0 2px 1px rgba(0,0,0,.3))}
.ac summary:hover .t3.s{transform:translateY(2px)}.ac p{margin-left:62px}
.t3{--a:#2f5cae!important;--b:#0e2454!important;--d:#07173a!important}
.t3 svg,.ac summary .t3.s svg{color:#ffd479;stroke:#ffd479}
.t3 svg [fill="#fff"]{fill:#ffd479}
.cr:nth-child(1) .t3{--a:#4fa3ee!important;--b:#1f6fd0!important;--d:#124a94!important}
.cr:nth-child(2) .t3{--a:#5fe08a!important;--b:#1fa855!important;--d:#0f7a3b!important}
.cr:nth-child(3) .t3{--a:#ffcf5a!important;--b:#e0912a!important;--d:#a8650f!important}
.cr:nth-child(4) .t3{--a:#ff7aa8!important;--b:#8a4dff!important;--d:#5a2fb8!important}
.cr .t3 svg{color:#fff;stroke:#fff}.cr .t3 svg [fill="#fff"]{fill:#fff}
.cr:nth-child(4) .t3{background:radial-gradient(circle at 30% 105%,#fdd36b 0,#fa7e1e 28%,#d62976 58%,#962fbf 80%,#4f5bd5 100%);--d:#8a1f5e!important}
.ac .t3.s{--a:#e9f4ff!important;--b:#a9d0f7!important;--d:#6fa6de!important;width:52px;height:52px}
.ac .t3.s svg{width:40px;height:40px;filter:drop-shadow(0 1px 0 rgba(255,255,255,.7))}
.ac .t3.s svg .n{stroke:#0e2454}.ac .t3.s svg .g{stroke:#d19a22}
@media (max-width:620px){
:root{--w:min(92vw,440px);--h:calc(100dvh - 128px)}
.stage{inset:0 0 78px 0}.nav{height:78px}
.sc{padding:20px 18px 22px}
h2{font-size:28px;margin-bottom:10px}.eb{margin-bottom:6px}
.sc p{font-size:16.5px;margin-bottom:9px}
.ac summary{padding:7px 0;gap:12px;font-size:16.5px}
.ac .t3.s{width:42px;height:42px;border-radius:12px;margin-bottom:4px}.ac .t3.s svg{width:32px;height:32px}.ac p{margin-left:54px}
.clist{gap:5px}.cr{gap:12px;font-size:17px}.t3{width:46px;height:46px;border-radius:13px;margin-bottom:5px}.t3 svg{width:24px;height:24px}
.pn .qr{width:104px;padding:8px;margin-top:2px}
.hero p{font-size:16.5px}
}

.me{float:right;width:104px;height:104px;object-fit:cover;object-position:50% 15%;border-radius:50%;margin:0 0 10px 14px;border:3px solid #c9962b;box-shadow:0 8px 20px rgba(20,60,130,.25)}
@media (max-width:620px){.me{width:84px;height:84px}}
.pn{transition:opacity .6s,border-color .6s,transform .9s cubic-bezier(.2,.8,.2,1)}.ring.drag .pn{transition:opacity .6s,border-color .6s}
.sc.ct{overflow:hidden}
.pn .qr{background:#fff;padding:5px}.qr img{width:100%;height:100%;display:block}
.cf{display:grid;gap:10px}.cf label{display:block;font:700 13px Carlito,Calibri,sans-serif;color:#0e2454}
.cf input,.cf textarea{display:block;width:100%;margin-top:4px;padding:10px 12px;border:2px solid #cfe2f6;border-radius:14px;background:#fff;color:#0e2454;font:400 16px Carlito,Calibri,sans-serif}
.cf textarea{resize:none}.cf input:focus,.cf textarea:focus{outline:none;border-color:#c9962b}
.cf .bt{margin-top:4px;justify-self:start}.cf .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fm{padding:10px 14px;border-radius:14px;font-weight:700;margin-bottom:10px}.fm.ok{background:#e4f6ea;color:#14663a}.fm.er{background:#fde8e8;color:#9b2222}
@font-face{font-family:Carlito;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/carlito-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Carlito;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/carlito-latin-700-normal.woff2) format("woff2")}
.cf .ck{display:flex;gap:10px;align-items:flex-start;font:400 13px/1.35 Carlito,Calibri,sans-serif;color:#33497a}.cf .ck input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:#c9962b}.cf .ck a{color:#1f6fd0;font-weight:700}
.stage{inset:0 0 112px 0}.nav{height:112px;padding-bottom:16px}
@media (max-width:620px){:root{--h:calc(100dvh - 144px)}.stage{inset:0 0 94px 0}.nav{height:94px;padding-bottom:16px}}
.legal{position:fixed;left:0;right:0;bottom:3px;z-index:31;text-align:center;font:400 11.5px Carlito,Calibri,sans-serif;color:#5f759f}.legal a{color:inherit;text-decoration:underline;padding:3px 4px}
body.fd-doc .legal{position:static;padding:24px 12px 28px}
.doc{max-width:760px;margin:0 auto;padding:28px 20px 8px}.doc .back{display:inline-block;margin-bottom:18px;color:#1f6fd0;font-weight:700;text-decoration:none}
.doc h1{font-size:clamp(30px,6vw,44px);margin-bottom:18px;color:#0e2454}
.doc-body{background:#fff;border:1px solid #cfe2f6;border-radius:24px;padding:24px 26px;box-shadow:0 20px 50px rgba(20,60,130,.15);color:#33497a}
.doc-body h2{font-size:22px;margin:22px 0 8px;color:#0e2454;letter-spacing:0}.doc-body h2:first-child{margin-top:0}
.doc-body p{margin-bottom:12px;font-size:17.5px}.doc-body a{color:#1f6fd0;font-weight:700}
.ring.noanim .pn{transition:none!important}.ring.intro .pn{transition:opacity .8s,border-color .6s,transform 2.6s cubic-bezier(.45,.05,.2,1)}