/* DigiDentale 3.8.26 — Pagine cliniche: lettura editoriale senza liste numerate o testi sopra fotografie. */
.dd-td{--dd-td-navy:#0d2b42;--dd-td-teal:#0b4b4b;--dd-td-sand:#c9a983;color:var(--dd-td-navy);hyphens:none;overflow-wrap:break-word}
.dd-td .dd-inner-container{max-width:1280px!important;margin-inline:auto;padding-inline:clamp(24px,4.8vw,62px)!important}
.dd-td .dd-eyebrow{font-size:11px;letter-spacing:.15em;font-weight:700;color:#567077;margin:0 0 18px}
.dd-td h1,.dd-td h2,.dd-td h3{color:var(--dd-td-navy);letter-spacing:-.041em;font-weight:400;hyphens:none;word-break:normal;overflow-wrap:normal}
.dd-td h1{font-size:clamp(44px,4.7vw,74px);line-height:1.075;margin:0 0 28px;max-width:13ch}
.dd-td h2{font-size:clamp(36px,3.5vw,57px);line-height:1.085;margin:0 0 27px}
.dd-td h2 em{color:#9b784f;font-style:italic}
.dd-td p,.dd-td .dd-td-prose p{font:400 clamp(16px,1.22vw,18px)/1.86 'Clear Sans',Arial,sans-serif;color:#3f5866;margin:0 0 21px;max-width:70ch}
.dd-td a:focus-visible,.dd-td summary:focus-visible{outline:3px solid #c9a983;outline-offset:5px}
.dd-td-hero{padding-block:clamp(55px,6vw,102px);background:linear-gradient(118deg,#fcfaf7 0%,#f8f6f2 55%,#f4f8f7 100%)}
.dd-td-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(40px,5.1vw,85px);align-items:center}
.dd-td-hero-copy{min-width:0;align-self:center}
.dd-td-breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0 0 42px;font-size:13px;line-height:1.5;color:#61747c}
.dd-td-breadcrumbs a{color:#0b5b53;text-underline-offset:5px}.dd-td-breadcrumbs a:hover{text-decoration:underline}
.dd-td-hero .dd-eyebrow{color:#986e42}
.dd-td-local{display:block;color:#0b5750;font-size:.8em;margin-top:5px}
.dd-td .dd-td-intro{font-size:clamp(17px,1.37vw,21px);line-height:1.78;margin-bottom:28px;max-width:56ch}
.dd-td-hero-link{display:inline-flex;align-items:center;gap:13px;color:#0d5650;font-size:14px;font-weight:700;border-bottom:1px solid #c9a983;padding-bottom:9px;transition:gap .2s}
.dd-td-hero-link:hover{gap:19px}.dd-td-hero-link svg{width:18px;height:18px}
.dd-td-photo{margin:0;position:relative;min-width:0;overflow:hidden;border-radius:3px;background:#f0ebe5;box-shadow:0 27px 65px rgba(19,53,54,.09);aspect-ratio:5/4}
.dd-td-photo img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;max-width:none;transition:transform .6s ease}
.dd-td-photo:hover img{transform:scale(1.025)}
.dd-td-hero .dd-td-photo{aspect-ratio:4/4.5;border-radius:3px}
.dd-td-story{background:white}
.dd-td-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(45px,6vw,105px);align-items:center;padding-block:clamp(80px,9vw,140px);border-bottom:1px solid #e7e9e4;min-width:0}
.dd-td-row-copy{min-width:0}
.dd-td-row-reverse .dd-td-photo{grid-column:1;grid-row:1}
.dd-td-row-reverse .dd-td-row-copy{grid-column:2;grid-row:1}
.dd-td-row .dd-td-photo{aspect-ratio:6/5}
.dd-td-row .dd-eyebrow,.dd-td-narrative .dd-eyebrow{color:#966e44}
.dd-td-narrative{padding-block:clamp(70px,8vw,120px);display:grid;grid-template-columns:minmax(0,.77fr) minmax(0,1.23fr);column-gap:clamp(50px,6vw,105px);align-items:start;max-width:1100px;margin-inline:auto}
.dd-td-narrative .dd-eyebrow{grid-column:1}
.dd-td-narrative h2{grid-column:1;max-width:14ch;margin-bottom:0}
.dd-td-narrative .dd-td-prose{grid-column:2;grid-row:1 / span 2;padding-left:clamp(0px,2vw,28px);border-left:2px solid #c9a983}
.dd-td-narrative .dd-td-prose p:last-child,.dd-td-row .dd-td-prose p:last-child{margin-bottom:0}
.dd-td-narrative:after{content:'';grid-column:1/-1;width:110px;height:1px;background:#c9a983;margin-top:52px;opacity:.65}
.dd-td-contact{background:#0d4c48;color:white;padding-block:clamp(75px,8vw,114px)}
.dd-td-contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:center;gap:clamp(50px,7vw,125px)}
.dd-td-contact .dd-eyebrow{color:#d6bc99}
.dd-td-contact h2{color:white;max-width:18ch;margin:0}
.dd-td-contact h2 em{color:#e5cfae}
.dd-td-contact p{color:#e4efec;margin-bottom:28px}
.dd-td-contact .dd-btn{background:#c9a983;color:#182f3d;border-color:#c9a983}
.dd-td-faq{background:#f9f8f5;padding-block:clamp(75px,8vw,120px)}
.dd-td-faq-grid{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);gap:clamp(40px,7vw,122px)}
.dd-td-faq-grid>div:first-child>p{font-size:16px}
.dd-td-faq-item{border-bottom:1px solid #d9dbd3}
.dd-td-faq-item:first-child{border-top:1px solid #d9dbd3}
.dd-td-faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 4px;font-size:clamp(16px,1.4vw,20px);font-weight:600;color:#193c45;line-height:1.45}
.dd-td-faq-item summary::-webkit-details-marker{display:none}
.dd-td-faq-item summary span{flex:none;font-size:24px;color:#946f45;font-weight:400}
.dd-td-faq-item[open] summary span{transform:rotate(45deg)}
.dd-td-faq-item p{font-size:16px;line-height:1.8;padding:0 4px 24px;margin:0}
.dd-td .dd-td-disclaimer{font-size:14px;color:#5d6d70;margin:26px 0 0;line-height:1.6}
.dd-td-related{background:#fff;padding-block:clamp(70px,8vw,118px)}
.dd-td-related--blog{background:#f7f9f6}
.dd-td-related h2{margin-bottom:31px}
.dd-td-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.dd-td-related-grid a{min-width:0;padding:30px;background:#f9f7f2;border:1px solid #e7e1d7;display:flex;flex-direction:column;gap:22px;min-height:185px;transition:transform .2s,border-color .2s}
.dd-td-related-grid a:hover{transform:translateY(-3px);border-color:#c9a983}
.dd-td-related-grid h3{font-size:clamp(23px,2.1vw,32px);line-height:1.12;margin:0}
.dd-td-related-grid span{margin-top:auto;display:inline-flex;align-items:center;gap:11px;color:#0b5a54;font-size:13px;font-weight:700}
.dd-td-related-grid svg{width:18px;height:18px}
/* Keep existing related service cards in the same warm editorial language. */
.dd-service-related{background:#f7f9f6!important}
.dd-service-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.dd-service-related-card{border-radius:3px!important;background:#fff!important;border-color:#e8e0d3!important}
.dd-service-related-kicker{color:#806d5b!important}
.dd-service-related h2 em{color:#ab855c!important}
.dd-seo-treatment-children{background:#fcfaf7!important}
/* Mobile: image below headline, text remains aligned left and readable. */
@media(max-width:1040px){
 .dd-td-hero-grid{grid-template-columns:1fr 1fr;gap:40px}
 .dd-td h1{font-size:clamp(42px,5vw,62px)}
 .dd-td-row{gap:46px}.dd-td-narrative{gap:45px}
 .dd-td-related-grid,.dd-service-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .dd-td-hero{padding-block:44px 60px}
 .dd-td-hero-grid,.dd-td-row,.dd-td-contact-grid,.dd-td-faq-grid,.dd-td-narrative{display:grid;grid-template-columns:minmax(0,1fr);gap:25px}
 .dd-td-breadcrumbs{margin-bottom:27px}.dd-td h1{font-size:clamp(39px,9.2vw,55px);max-width:100%;overflow-wrap:break-word}
 .dd-td h2{font-size:clamp(35px,8.5vw,48px)}
 .dd-td-hero .dd-td-photo{aspect-ratio:6/4;margin-top:12px}
 .dd-td-row{padding-block:68px;gap:30px}
 .dd-td-row .dd-td-photo{aspect-ratio:6/4}
 .dd-td-row-reverse .dd-td-photo{grid-column:auto;grid-row:2}
 .dd-td-row-reverse .dd-td-row-copy{grid-column:auto;grid-row:1}
 .dd-td-narrative{padding-block:75px;gap:18px}
 .dd-td-narrative .dd-eyebrow,.dd-td-narrative h2,.dd-td-narrative .dd-td-prose{grid-column:1;grid-row:auto}
 .dd-td-narrative .dd-td-prose{padding-left:18px;margin-top:5px}
 .dd-td-narrative:after{margin-top:25px}
 .dd-td-contact-grid{gap:34px}
 .dd-td-related-grid,.dd-service-related-grid{grid-template-columns:1fr}
 .dd-td-related-grid a{min-height:150px}
 .dd-td-faq-grid{gap:35px}
}
@media(max-width:440px){.dd-td .dd-inner-container{padding-inline:21px!important}.dd-td-photo,.dd-td-hero .dd-td-photo{aspect-ratio:5/4}.dd-td h1{font-size:41px}.dd-td h2{font-size:36px}.dd-td .dd-td-intro{font-size:17px}.dd-td p,.dd-td .dd-td-prose p{font-size:16px;line-height:1.78}}
@media(prefers-reduced-motion:reduce){.dd-td-photo img,.dd-td-related-grid a{transition:none}.dd-td-photo:hover img,.dd-td-related-grid a:hover{transform:none}}

/* 3.8.27: hero cinematografico ripristinato; schede editoriali e FAQ sottostanti invariati. */
.dd-cinematic-hero .dd-cinematic-display em{color:#e4d0b4}
.dd-cinematic-hero .dd-cinematic-h1:before{background:#c9a983}
.dd-cinematic-hero .dd-cinematic-btn{border-color:#eee4d5!important}
.dd-td-story{scroll-margin-top:24px}