@import url('/wp-content/plugins/opudendo-percorso/prove/assets/fonts.css');
@charset "UTF-8";
:root{--ink:#153b40;--muted:#536668;--paper:#f6f3ed;--accent:#93482f;--line:#d9dfd9;--white:#fff;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 'Segoe UI',Arial,sans-serif}a{color:inherit;text-underline-offset:5px}button,input,textarea,select{font:inherit}a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #bd642d;outline-offset:5px}img{max-width:100%;display:block}.wrap{max-width:1180px;margin:auto;padding:0 32px}.draft{background:#e9e4d9;padding:6px 16px;text-align:center;font-size:12px;letter-spacing:.04em}.skip{position:absolute;top:-80px}.skip:focus{top:0;z-index:10;background:white;padding:15px}header{border-bottom:1px solid var(--line);background:var(--paper)}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:23px;padding-bottom:23px}.brand{text-decoration:none;font-size:20px;font-weight:700;letter-spacing:.03em}.brand small{display:block;font-size:11px;text-transform:uppercase;font-weight:400;letter-spacing:.13em}.links{display:flex;gap:25px;align-items:center;font-size:14px}.links a{text-decoration:none}.links a:hover{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:15px 24px;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:5px;text-decoration:none;font-size:15px;font-weight:650;line-height:1.4}.button:hover{background:#24545a}.button.light{background:white;color:var(--ink);border-color:white}.button.outline{background:transparent;color:var(--ink);border-color:#8a9e9a}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:700;color:var(--accent);margin:0 0 20px}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:65px;padding-top:65px;padding-bottom:70px;align-items:center}h1,h2,h3{line-height:1.1;font-weight:400;font-family:var(--serif);margin:0 0 25px}h1{font-size:clamp(42px,5vw,68px);letter-spacing:-.045em}h1 em{color:var(--accent);font-weight:400}h2{font-size:clamp(33px,3.8vw,48px);letter-spacing:-.025em}h3{font-size:28px}p{margin:0 0 22px}.lead{font-size:20px;max-width:640px;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin:30px 0 18px}.micro{font-size:13px;color:var(--muted)}.portrait{position:relative}.portrait img{width:100%;aspect-ratio:4/4.5;object-fit:cover;border-radius:120px 8px 8px 8px}.portrait figcaption{background:white;padding:19px 24px;position:relative;margin:-35px 20px 0;box-shadow:0 8px 30px #123b4010;font-size:15px}.portrait figcaption small{display:block;color:var(--muted)}figure{margin:0}.facts{display:flex;gap:40px;justify-content:space-between;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px}.section{padding:85px 0}.intro{max-width:730px}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:38px}.choice{text-decoration:none;background:#e5ebe5;padding:32px;min-height:300px;border-radius:8px;display:flex;flex-direction:column;transition:transform .18s}.choice:hover{transform:translateY(-5px)}.choice:nth-child(2){background:#e5e9ed}.choice:nth-child(3){background:#ede0d6}.choice .number{font-family:var(--serif);font-size:22px;color:var(--muted);margin-bottom:42px}.choice p{font-size:16px;color:var(--muted)}.choice strong{margin-top:auto;font-size:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.dark{background:var(--ink);color:var(--paper)}.dark .eyebrow{color:#e6bd8b}.dark p{color:#d2dfd9}.steps{counter-reset:steps}.step{padding:25px 0;border-bottom:1px solid #ffffff30;display:grid;grid-template-columns:40px 1fr;gap:18px}.step:before{counter-increment:steps;content:'0' counter(steps);color:#e6bd8b;font-size:15px}.step h3{font:600 20px 'Segoe UI',sans-serif;margin-bottom:8px}.step p{font-size:16px;margin:0}.quote{font:italic 32px/1.3 var(--serif);padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.price{font:72px/1 var(--serif);letter-spacing:-.04em}.price small{font:16px 'Segoe UI',sans-serif;display:block;margin-top:14px;letter-spacing:0}.booking{background:#e4e9e0;border-radius:12px;padding:45px}.booking h2{font-size:38px}.faq{max-width:850px}details{padding:23px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:600}details p{padding-top:18px;font-size:16px;margin-bottom:0}.sources{font-size:14px;border-top:1px solid var(--line);padding-top:25px}.sources h3{font-family:inherit;font-size:17px;font-weight:600}.sources li{margin:10px 0}.breadcrumb{font-size:13px;margin-top:30px}.condition{--accent:#507354}.condition.neck{--accent:#425f82}.condition.shoulder{--accent:#965434}.condition .hero{padding-top:40px}.topic-panel{padding:42px;background:#e4e9df;border-radius:8px}.neck .topic-panel{background:#e1e7ee}.shoulder .topic-panel{background:#ede0d6}.topic-panel span{font-size:12px;letter-spacing:.1em;text-transform:uppercase}.topic-panel h2{font-size:36px;margin-top:23px}.topic-panel ul{padding-left:20px;font-size:17px}.reading{max-width:780px}.reading h2{margin-top:45px;font-size:35px}.reading h3{margin-top:32px}.clinical-note{border-left:3px solid var(--accent);padding:18px 24px;background:white;font-size:16px;margin:30px 0}.clinical-note p:last-child{margin:0}.reference{font-size:13px;display:block;color:var(--muted);margin-top:15px}.end{padding:65px 0}.end h2{max-width:740px}.end p{max-width:660px}footer{border-top:1px solid var(--line);padding:35px 0 85px;font-size:13px}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}footer p{margin-bottom:10px}.mobile-contact{display:none}.studio-card{background:white;padding:15px;border-radius:8px}.studio-card img{max-height:720px;width:auto;margin:auto}.studio-card figcaption{font-size:12px;padding:12px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:15px;font-weight:600}input,select,textarea{display:block;width:100%;padding:13px;border:1px solid #8d9d98;border-radius:4px;background:white;margin:8px 0 20px}textarea{min-height:140px}.notice{background:#fff4da;padding:18px;font-size:15px;border-radius:6px}.report{max-width:840px}.report li{margin-bottom:13px}.report h2{font-size:32px;margin-top:50px}@media(max-width:800px){.wrap{padding:0 22px}.nav{padding-top:16px;padding-bottom:16px}.links{gap:13px}.links .optional{display:none}.brand{font-size:16px}.brand small{font-size:9px}.nav .button{padding:10px;font-size:12px}.hero{grid-template-columns:1fr;gap:32px;padding-top:40px;padding-bottom:40px}h1{font-size:48px}.portrait{max-width:390px;margin:auto;width:100%}.portrait img{aspect-ratio:1/1}.facts{gap:18px;flex-wrap:wrap}.choices{grid-template-columns:1fr}.choice{min-height:230px}.choice .number{margin-bottom:20px}.split{grid-template-columns:1fr;gap:35px}.section{padding:55px 0}.booking{padding:28px}.footer-grid{grid-template-columns:1fr}.mobile-contact{display:block;position:fixed;bottom:0;left:0;right:0;z-index:5;background:var(--ink);color:white;padding:15px;text-align:center;text-decoration:none;font-weight:600;border-top:1px solid #ffffff50}.form-grid{grid-template-columns:1fr}.topic-panel{padding:27px}.lead{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.choice{transition:none}}

/* Ritratto approvato: presentazione pulita, senza cartiglio sovrapposto */
.hero .portrait{margin:0;align-self:center;padding:0;background:transparent;box-shadow:none;border:0;overflow:hidden;border-radius:8px}.hero .portrait img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:8px;filter:none}.hero .portrait figcaption{display:none}@media(max-width:800px){.hero .portrait{max-width:390px;margin:0 auto}}

/* Identita del settore osteoarticolare */
body{background:#e2ecdf;--paper:#e2ecdf;--accent:#476c50}.draft{background:#d3e2ce}.hero h1 em{color:#476c50}

:root{--paper:#EAF4F1;--ink:#2D2D2D;--accent:#165F6D;--line:#E8E5E0;--serif:'Lora',Georgia,serif}
body{font-family:'Nunito',Verdana,sans-serif;font-size:18px;line-height:1.72;color:#2D2D2D;background:#EAF4F1}h1,h2{font-family:'Lora',Georgia,serif;color:#165F6D}p{max-width:68ch;margin-bottom:20px}a{color:#165F6D;text-underline-offset:4px}h1{font-size:clamp(34px,4.3vw,58px)}.button{font-family:'Nunito',Verdana,sans-serif;background:#165F6D;color:white;min-height:44px;display:inline-flex;align-items:center}.button:hover{background:#124c57}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #8b4b1f;outline-offset:4px}.booking{background:#F0F7FF;border:1px solid #dce6e8;margin:35px 0}.clinical-note{background:#F5F0E8}.notice{background:#FDE8E8;color:#2D2D2D}.reading{max-width:900px}.reading p{max-width:68ch}.reading section{margin:32px 0}.toc{background:#FCFBF9;padding:24px;border-radius:8px}.toc a{display:inline-block;padding:5px 0}.reference-inline{font-size:14px}.sources{background:#FCFBF9;padding:24px;border-radius:8px}.sources li{overflow-wrap:anywhere;margin-bottom:18px}.nav{gap:20px}.links{flex-wrap:wrap}.dark h2{color:#fff}.choice h3{font-family:'Lora',Georgia,serif}.choice{background:#FCFBF9!important}.micro{font-size:15px}.draft{display:none}footer a{display:inline-block;min-height:44px;padding:7px 0}.oa-new li{margin:10px 0}.form-box{background:#FCFBF9;border:1px solid #E8E5E0;border-radius:10px;padding:25px;margin:25px 0}.form-box legend{font-family:'Lora',Georgia,serif;font-size:24px;padding:0 10px}.form-box label{font-size:17px}.form-box input,.form-box textarea,.form-box select{font:inherit}.check{display:flex;gap:12px;align-items:flex-start}.check input{width:22px;height:22px;flex-shrink:0;margin:5px 0}.form-error{color:#882929;background:#FDE8E8;padding:16px}.ok{background:#EAF4F1;padding:25px;border:1px solid #56776e}.required{font-size:14px}.trap{position:absolute;left:-10000px}.page-contact{background:#F0F7FF;padding:24px;border-radius:8px}.sources h2{font-size:28px}
@media(max-width:800px){body{font-size:17px}.nav{align-items:flex-start;flex-direction:column}.links{width:100%;gap:14px}.links a{min-height:44px;display:inline-flex;align-items:center}.brand{font-size:17px}.reading{padding:0 22px}.form-box{padding:18px}.section.reading{padding-top:30px;padding-bottom:40px}.hero h1{font-size:42px}.booking{padding:24px}}

.mobile-contact{background:#165F6D;color:white}.reference-inline{display:inline-flex;min-width:26px;min-height:30px;align-items:center}.reading .breadcrumb{line-height:1.6}

/* Mantiene i margini quando il contenitore ha anche la classe section. */
.wrap.section{padding-left:32px;padding-right:32px}@media(max-width:800px){.wrap.section{padding-left:22px;padding-right:22px}}
/* Questionario: gerarchia visiva fra domande e risposte. */
.form-box label:not(.check),.form-box fieldset legend{color:#151515;font-weight:800}
.form-box input,.form-box textarea,.form-box select,.form-box label.check{color:#454545;font-weight:400}
.form-box input::placeholder,.form-box textarea::placeholder{color:#626262;opacity:1}

.form-box label:not(.check),.form-box fieldset legend{font-family:'Times New Roman',Times,serif;font-size:20px;font-weight:700;color:#151515}

/* Questionario: un blocco per domanda, dettagli subordinati, spazi regolari. */
.form-box{padding:32px;margin:44px 0;border:1px solid #bfcfc8;background:#fff;border-radius:12px;min-width:0}
.form-box>legend{font-size:26px;line-height:1.3;padding:0 10px;color:#153b40}
.form-box label:not(.check){line-height:1.5;margin:30px 0 12px;max-width:65ch}
.form-box input,.form-box select,.form-box textarea{margin:0 0 30px;line-height:1.6;padding:14px 16px;background:#fafcfb;border-color:#899f95}
.oq-question{margin:28px 0;padding:26px;border:1px solid #cad6d0;border-left:4px solid #557567;border-radius:8px;background:#fcfdfc}
.oq-question>label:first-child{margin-top:0}
.oq-question>fieldset{margin:0!important;padding:0;border:0;min-width:0}
.oq-question>fieldset>legend{padding:0;margin-bottom:16px;line-height:1.5;font-size:21px}
.oq-question .check,.form-box>label.check{padding:12px 14px;margin:10px 0;line-height:1.65;border:1px solid #dce3df;border-radius:6px;background:#fff;align-items:flex-start}
.oq-question .check input,.form-box>label.check input{margin:4px 0 0;padding:0}
.oq-details{border-top:1px solid #dde4df;margin-top:24px;padding-top:6px}
.oq-details label:not(.check),.anamnesi-dettagli label:not(.check){font-family:'Nunito',Verdana,sans-serif;font-weight:600;font-size:16px;color:#454545;margin-top:14px}
.oq-question textarea:last-child,.oq-question select:last-child{margin-bottom:0}
.form-box h3{margin-top:44px;line-height:1.4}
@media(max-width:600px){.form-box{padding:20px 16px;margin:34px 0}.oq-question{padding:20px 14px;margin:24px 0}.form-box>legend{font-size:23px}.form-box .check{padding:12px 10px}}

.choices-four{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:800px){.choices-four{grid-template-columns:1fr}}
/* Direttive complete del titolare, 13 ottobre 2026. */
:root{--op-paper:#FCFBF9;--op-ink:#2D2D2D;--op-teal:#208091;--op-deep:#165F6D;--op-sage:#EAF4F1;--op-sand:#F5F0E8;--op-alert:#FDE8E8;--op-book:#F0F7FF;--op-peach:#FDF0EA;--op-line:#E8E5E0}
body{background:var(--op-paper)!important;color:var(--op-ink)!important;font-family:Nunito,Inter,Verdana,sans-serif!important;font-size:17px!important;line-height:1.72!important;text-align:left}
h1,h2{font-family:Lora,Georgia,serif!important;color:var(--op-teal)!important}
p,li{max-width:68ch;margin-bottom:20px;text-align:left}
a{color:var(--op-deep)}
.button,.opx-primary{background:var(--op-teal)!important;border-color:var(--op-teal)!important;color:#fff!important;min-height:44px;min-width:44px}
.button:hover,.opx-primary:hover{background:var(--op-deep)!important;border-color:var(--op-deep)!important}
.button.outline,.button.secondary,.button.light{background:var(--op-book)!important;border:1px solid var(--op-teal)!important;color:var(--op-deep)!important}
.booking,.end,.opx-last{background:var(--op-book)!important;color:var(--op-ink)!important}
.booking p,.end p,.opx-last p{color:var(--op-ink)!important}
.clinical-note,.note{background:var(--op-sand)!important;color:var(--op-ink)!important}
.notice,.opx-scope{background:var(--op-alert)!important;color:var(--op-ink)!important}
.steps,.opx-steps{background:var(--op-sage);color:var(--op-ink)}
.steps p,.steps h3,.steps .step:before{color:var(--op-ink)!important}
.choice,.choice:nth-child(n){background:var(--op-paper)!important;border:1px solid var(--op-line)}
.testimonial,.review-card{background:var(--op-peach)!important}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--op-deep)!important;outline-offset:4px!important}
.links a,.desktop-nav a,.mobile-menu a,summary,button{min-height:44px;min-width:44px}
.links a,.desktop-nav a,.mobile-menu a{display:inline-flex;align-items:center}
input,textarea,select{min-height:44px}
.form-box label:not(.check),.form-box legend{color:#151515}
@media(max-width:800px){body{font-size:17px!important}.links{flex-wrap:wrap}.nav{flex-wrap:wrap}.notice,.micro,.sources,.breadcrumb{font-size:16px}.choice p{font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Controllo mobile e contrasto, 13 ottobre. */
body{background:var(--op-sage)!important}
.dark{background:var(--op-sage);color:var(--op-ink)}
.dark p,.dark h3,.dark .eyebrow{color:var(--op-ink)}
.dark h2{color:var(--op-deep)!important}
main,section,fieldset,.hero>*,.split>*{min-width:0}
p,a,li,label,legend{overflow-wrap:break-word}
input:not([type=checkbox]):not([type=radio]),select,textarea{max-width:100%;width:100%}
@media(max-width:800px){body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.mobile-contact{padding-bottom:calc(16px + env(safe-area-inset-bottom));min-height:56px}.hero{gap:30px}.hero h1{font-size:clamp(32px,10vw,42px)}.form-box{min-width:0}.form-box legend{max-width:100%}.links{gap:8px 16px}.links a{font-size:16px}.brand small{font-size:12px}}
@media(max-width:650px){.choices{grid-template-columns:minmax(0,1fr)!important}.choice{min-width:0;overflow-wrap:anywhere;padding:24px}}