:root{--gold:#c6a87c;--gold-hover:#dac096;--dark:#0f0f0f;--panel:#171717;--ink:#f5f5f5;--muted:#b0b0b0;--line:#c6a87c40;--body:'Poppins',Arial,sans-serif;--heading:'Josefin Sans',Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--dark);color:var(--ink);font:400 15px/1.8 var(--body)}body,button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:4px}img{display:block;max-width:100%;height:auto}button{font:inherit;cursor:pointer}figure{margin:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--heading);line-height:1.13;text-wrap:pretty;font-weight:500}h1{font-size:clamp(42px,4.7vw,72px);font-weight:600;letter-spacing:-1.3px;margin-bottom:26px}h2{font-size:clamp(34px,3.5vw,50px);letter-spacing:-.7px;margin-bottom:26px}h3{font-size:26px;margin-bottom:18px}p{margin-bottom:22px}p:last-child{margin-bottom:0}strong{font-weight:600}sup{font-size:11px}.container{width:min(1260px,calc(100% - 80px));margin-inline:auto}.section{padding:96px 0}.light{background:#fff;color:#171717;color-scheme:light}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:2.5px;font-weight:600;line-height:1.7;margin-bottom:22px;color:var(--gold)}.light .gold{color:#947344}.header{position:sticky;top:0;z-index:30;background:#0f0f0fe8;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff14;transition:box-shadow .3s,background .3s}.header.is-scrolled{background:#0f0f0ff7;box-shadow:0 8px 35px #0002}.head-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{flex-shrink:0}.brand img{width:230px;height:auto}.header nav{display:flex;gap:27px;align-items:center;font-size:12px}.header nav a{text-decoration:none;transition:color .25s}.header nav a:not(.button):hover,.chapter-nav a:hover{color:var(--gold)}.header nav a[aria-current]{color:var(--gold)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--gold);color:#111;border:1px solid var(--gold);border-radius:30px;padding:15px 26px;font:600 13px/1.5 var(--body);text-decoration:none;min-height:52px;transition:background .25s,transform .25s,box-shadow .25s;text-align:center}.button:hover{background:var(--gold-hover);transform:translateY(-2px);box-shadow:0 7px 25px #c6a87c18}.button.small{padding:11px 21px;min-height:44px;font-size:12px}.button.ghost{background:transparent;color:var(--gold);border-color:var(--line)}.button.ghost:hover{border-color:var(--gold);background:#c6a87c0b}.button span{font-size:20px;line-height:1}.menu-toggle{display:none}.hero{position:relative;isolation:isolate;overflow:hidden;background:#0f0f0f}.hero-photo{position:absolute;inset:0;z-index:-2;background:url('/dor-vertebrogenica/assets/juliano-retrato.webp') right center/auto 100% no-repeat;transform-origin:75% 50%}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0f0f0f 8%,#0f0f0ff5 38%,#0f0f0f70 63%,#0f0f0f14 100%),linear-gradient(0deg,#0f0f0f 0%,transparent 26%)}.hero-inner{position:relative;min-height:680px;display:flex;align-items:center;padding-block:85px}.hero-copy{max-width:670px}.hero .eyebrow{display:inline-block;border:1px solid var(--line);border-radius:30px;padding:7px 17px;letter-spacing:2px}.hero h1 span{color:var(--gold);display:block}.lead{font-size:19px;max-width:490px;line-height:1.75;color:#eee}.hero-description{font-size:15px;line-height:1.8;max-width:490px;color:#bbb}.hero-cta{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}.credentials{margin-top:36px;padding-left:18px;border-left:1px solid var(--gold);display:flex;flex-direction:column;font-family:var(--heading);font-size:22px;line-height:1.35}.credentials span{font:400 10px/1.8 var(--body);color:var(--gold);margin-top:6px;letter-spacing:1.1px}.chapter-nav{background:#151515;border-block:1px solid #ffffff0d}.chapter-nav .container{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:23px;font-size:12px}.chapter-nav span{color:var(--gold);font-size:10px;letter-spacing:1.8px;white-space:nowrap}.chapter-nav a{text-decoration:none;transition:color .2s}.intro{display:grid;grid-template-columns:1fr 1.1fr;gap:95px}.intro h2{margin-bottom:0}.intro p,.symptom-top p{color:var(--muted)}.emphasis{border-left:2px solid var(--gold);padding-left:22px;font-weight:500}.intro .emphasis{color:#eee}.section-top{margin-bottom:44px}.cause-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:88px;align-items:start}.cause-text p{color:#666}.definition{background:#0f0f0f;color:#fff;padding:42px;border:1px solid var(--line)}.definition>.eyebrow{color:var(--gold)}.definition>p{font-family:var(--heading);font-size:40px;line-height:1.2}.definition-bottom{border-top:1px solid var(--line);padding-top:24px;color:#bbb;font-size:14px;line-height:1.65}.definition-bottom span{font-size:23px;color:var(--gold)}.symptom-top{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.pain-figure img{width:100%;background:#fff;border-radius:3px}.pain-figure figcaption,.mri figcaption,.recovery-grid figcaption{font-size:11px;line-height:1.7;color:#999;padding-top:15px}.small-title{font-size:24px;margin:50px 0 24px}.activities{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.activities>div{padding:30px 20px;text-align:center;transition:background .3s}.activities>div:hover{background:#c6a87c08}.activities>div+div{border-left:1px solid var(--line)}.activities img{width:76px;margin:0 auto 20px;filter:grayscale(1) sepia(.65) saturate(.7)}.activities h3{font-family:var(--body);font-size:13px;font-weight:400;line-height:1.7;margin:0}.note{font-size:12px;line-height:1.8;color:#999;margin-top:25px}.light .note{color:#777}.diagnostic{background:#181818}.diagnostic-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.diagnostic p{color:var(--muted)}.steps{list-style:none;padding:0;margin:30px 0 0}.steps li{display:flex;gap:24px;align-items:start;border-top:1px solid #ffffff20;padding:25px 0}.steps li>span{font:400 28px/1.3 var(--heading);color:var(--gold)}.steps h3{font-size:24px;margin:0}.steps p{font-size:14px;margin:10px 0 0}.mri{margin:0 0 27px}.mri img{width:100%;border:1px solid #ffffff18;border-radius:3px}.diagnostic-grid>div>h3{color:var(--gold);font-size:26px}.procedure-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:start}.procedure-intro p{color:#666}.procedure-intro .treatment-lead{font:500 27px/1.3 var(--heading);color:#927345;margin-bottom:24px}.procedure-facts{background:#0f0f0f;color:#fff;padding:40px;margin-top:58px;border:1px solid var(--line)}.procedure-facts p{color:#aaa;font-size:14px}.procedure-facts .procedure-time{font-family:var(--heading);font-size:64px;color:var(--gold);line-height:1.1;margin-bottom:18px}.procedure-time span{display:block;font-size:25px}.mini-nav{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--line);padding-top:24px;font-size:13px}.mini-nav a{text-decoration:none}.mini-nav a:after{content:'↗';float:right;color:var(--gold)}.procedure-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:55px;border-top:1px solid #ddd;border-left:1px solid #ddd}.procedure-features article{padding:32px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;transition:background .3s}.procedure-features article:hover{background:#c6a87c08}.procedure-features img{width:68px;height:68px;object-fit:contain;margin-bottom:24px;filter:grayscale(1) sepia(.65) saturate(.7)}.procedure-features h3{font-size:25px;margin-bottom:13px}.procedure-features p{font-size:13px;color:#666;margin:0}.video-heading{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start}.video-heading p{font-size:14px;color:var(--muted)}.video-frame{margin-top:32px;aspect-ratio:16/9;background:#171717;border:1px solid var(--line)}.video-frame iframe{width:100%;height:100%;display:block;border:0}.video-caption{font-size:12px;color:#999;margin-top:15px}.video-caption a{margin-left:12px;color:var(--gold)}.procedure-steps-section{background:#171717}.procedure-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:42px}.step-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:26px;margin-bottom:27px}.step-heading>span{font-family:var(--heading);font-size:46px;color:var(--gold)}.step-heading img{width:74px;filter:grayscale(1) sepia(.65) saturate(.7)}.procedure-steps h3{font-size:27px}.procedure-steps p{font-size:14px;color:#aaa}.procedure-steps .step-highlight{color:var(--gold);border-left:2px solid var(--gold);padding-left:18px}.recovery-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.recovery-grid img{width:100%;border-radius:3px}.recovery-grid p{color:#666}.recovery-grid figcaption{color:#777}.recovery-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:45px 0 25px}.recovery-timeline>div{border-top:2px solid var(--gold);padding-top:24px}.recovery-timeline span{font-family:var(--heading);font-size:24px}.recovery-timeline p{font-size:13px;color:#666;margin:13px 0}.safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;margin-top:40px}.safety-grid h3{font-size:27px;color:var(--gold)}.safety-grid p,.criteria{font-size:14px;color:var(--muted)}.criteria{padding-left:21px}.criteria li{margin-bottom:15px;padding-left:5px}.safety-grid .emphasis{color:#eee}.references{border-top:1px solid var(--line);margin-top:32px}.references li{font-size:13px;margin-bottom:18px;color:#aaa;overflow-wrap:anywhere}.references ol{padding-left:24px}.references p{font-size:12px}.questions .container{max-width:980px}details{border-bottom:1px solid var(--line)}summary{position:relative;cursor:pointer;list-style:none;font:500 23px/1.35 var(--heading);padding:26px 40px 26px 0}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:8px;color:var(--gold);font-size:25px;transition:transform .3s}details[open] summary:after{content:'−'}details p{font-size:14px;color:#aaa;padding-right:32px}.questions details{border-color:#ddd}.questions details p{color:#666}.contact{background:#171513;border-block:1px solid var(--line);padding:76px 0}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:55px}.contact h2{margin-bottom:18px}.contact p{color:#aaa}.phone{display:block;text-align:center;color:var(--gold);font-size:16px;margin-top:19px;text-decoration:none}footer{background:#080808;color:#aaa;padding:60px 0 75px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-bottom:35px;border-bottom:1px solid #ffffff20;font-size:12px}.footer-main img{width:215px}.footer-main p{margin:0}.legal{font-size:11px;line-height:1.9;color:#888;padding-top:26px}.legal p{margin-bottom:12px}.legal a{color:#bbb}.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:40;width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 5px 25px #0004;transition:transform .25s}.whatsapp-float:hover{transform:scale(1.06)}.whatsapp-float svg{width:32px;height:32px}.skip{position:fixed;left:12px;top:-100px;background:#fff;color:#111;padding:12px;z-index:100}.skip:focus{top:12px}:focus-visible{outline:2px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}
.motion-ready .reveal{opacity:0;transform:translate3d(0,28px,0);transition:opacity .65s ease,transform .75s cubic-bezier(.22,1,.36,1);transition-delay:0s;will-change:opacity,transform}.motion-ready .reveal.is-visible{opacity:1;transform:translate3d(0,0,0);transition-delay:var(--reveal-delay,0ms)}.motion-ready .hero-photo{animation:hero-photo-entry 1.7s cubic-bezier(.22,1,.36,1) both}@keyframes hero-photo-entry{from{transform:scale(1.04);opacity:.65}to{transform:scale(1);opacity:1}}
@media(min-width:1600px){.hero-inner{min-height:730px}}
@media(max-width:1100px){.container{width:calc(100% - 60px)}.header nav{gap:18px}.brand img{width:205px}.intro,.cause-grid,.symptom-top,.diagnostic-grid,.procedure-intro,.video-heading,.recovery-grid,.safety-grid{gap:45px}.hero-copy{max-width:590px}.hero:before{background:linear-gradient(90deg,#0f0f0ff9 15%,#0f0f0fdc 47%,#0f0f0f38 100%),linear-gradient(0deg,#0f0f0f,transparent 35%)}.hero h1{font-size:58px}.procedure-features article{padding:26px}.procedure-steps{gap:26px}.chapter-nav .container{gap:16px;font-size:11px}}
@media(max-width:850px){html{scroll-padding-top:95px}.container{width:calc(100% - 40px)}.head-inner{height:76px}.brand img{width:200px}.menu-toggle{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--gold);color:#111;border:0;border-radius:50%;font-size:0;flex-shrink:0}.menu-toggle span{font:400 24px/1 Arial}.header nav{display:flex;position:absolute;top:76px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:0 24px;background:#151515;border-bottom:1px solid var(--line);max-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:max-height .4s ease,padding .4s ease,opacity .25s,visibility .4s;pointer-events:none}.header nav.open{max-height:420px;padding:20px 24px 26px;opacity:1;visibility:visible;pointer-events:auto}.header nav a{padding:13px 0;font-size:15px}.header nav .button{margin-top:13px}.hero-inner{min-height:680px;padding-block:70px}.hero-photo{background-position:72% center;background-size:cover}.hero:before{background:linear-gradient(90deg,#0f0f0ff5 0%,#0f0f0fda 52%,#0f0f0f82 100%),linear-gradient(0deg,#0f0f0f,transparent 40%)}.hero-copy{max-width:570px}.hero h1{font-size:clamp(41px,7.4vw,59px)}.hero .eyebrow{font-size:9px;letter-spacing:1.5px}.lead{font-size:18px}.hero-description{font-size:14px}.chapter-nav{display:none}.section{padding:64px 0}.intro,.cause-grid,.symptom-top,.diagnostic-grid,.procedure-intro,.video-heading,.recovery-grid,.safety-grid{grid-template-columns:1fr;gap:30px}.section-top{margin-bottom:30px}.intro h2 br{display:none}.definition{padding:32px}.definition>p{font-size:35px}.definition-bottom{font-size:13px}.symptom-top{gap:30px}.pain-figure{width:100%;max-width:556px;margin-inline:auto}.activities{grid-template-columns:1fr 1fr}.activities>div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.activities>div:nth-child(4){border-top:1px solid var(--line)}.activities>div{padding:26px 18px}.small-title{margin-top:35px}.procedure-facts{margin-top:0;padding:32px}.procedure-facts .procedure-time{font-size:52px}.procedure-features{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:35px}.procedure-features article{padding:24px}.procedure-features h3{font-size:24px}.procedure-steps{grid-template-columns:1fr;gap:25px}.procedure-steps p{font-size:15px}.step-heading{margin-bottom:24px}.recovery-grid figure{max-width:556px}.recovery-timeline{grid-template-columns:1fr;gap:18px;margin-top:32px}.video-caption a{display:block;margin:8px 0 0}.safety-grid{gap:30px}.contact{padding:60px 0}.contact-inner{align-items:flex-start;flex-direction:column;gap:28px}.phone{text-align:left}.footer-main{flex-direction:column;align-items:flex-start;gap:24px}footer{padding-bottom:90px}summary{font-size:22px}details p{padding-right:0}.whatsapp-float{width:52px;height:52px;right:18px;bottom:18px}.whatsapp-float svg{width:28px;height:28px}}
@media(max-width:420px){.container{width:calc(100% - 36px)}.brand img{width:182px}.hero-inner{min-height:650px;padding-block:52px}.hero h1{font-size:42px;letter-spacing:-.9px}.hero-cta{flex-direction:column;align-items:stretch;max-width:320px}.hero-cta .button{width:100%}.credentials{margin-top:28px}.hero .eyebrow{font-size:8px;letter-spacing:1px;padding-inline:12px}.section{padding:55px 0}.procedure-features{grid-template-columns:1fr}.procedure-features article{display:grid;grid-template-columns:60px 1fr;gap:0 20px}.procedure-features img{width:60px;height:60px;grid-row:span 2;margin:0}.procedure-features h3{font-size:23px}.procedure-features p{grid-column:2}.procedure-facts{padding:26px}.definition{padding:28px}.activities h3{font-size:12px}.contact .button{width:100%}.contact-inner>div{width:100%}}
.hero-photo{left:40%;background-image:url('/dor-vertebrogenica/assets/juliano-retrato.webp');background-size:cover;background-position:center 37%;mask-image:linear-gradient(90deg,transparent,#000 24%)}
@media(max-width:850px){.hero-photo{left:0;background-position:center 48%;mask-image:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1!important;transform:none!important}}