:root{--ink:#292722;--muted:#716d65;--ivory:#f8f5ef;--sand:#e9e0d3;--gold:#a78a60;--white:#fff;--serif:"Italiana",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--pad:clamp(1.35rem,5vw,5.5rem);--radius:1.2rem}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);font-weight:300;line-height:1.65}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.05;letter-spacing:-.025em}h2{font-size:clamp(2.7rem,5.5vw,5.6rem)}em{font-weight:400;color:var(--gold)}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:200;background:#fff;padding:.7rem 1rem}.skip-link:focus{top:1rem}.header{height:5.4rem;padding:0 var(--pad);display:flex;align-items:center;gap:2rem;position:fixed;inset:0 0 auto;z-index:100;border-bottom:1px solid transparent;transition:.35s}.header.scrolled{height:4.7rem;background:rgba(248,245,239,.94);backdrop-filter:blur(15px);border-color:rgba(41,39,34,.1)}.brand{display:flex;align-items:center;gap:.8rem;min-width:max-content}.brand>span{width:2.6rem;height:2.6rem;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:.95rem}.brand strong{font-family:var(--serif);font-weight:400;font-size:1.2rem;line-height:1}.brand small{display:block;font:500 .56rem/1.8 var(--sans);letter-spacing:.18em;text-transform:uppercase}.header nav{display:flex;gap:clamp(.9rem,2vw,2rem);margin-left:auto}.header nav a,.header-cta{font-size:.73rem;font-weight:500;letter-spacing:.07em;text-transform:uppercase}.header nav a{position:relative}.header nav a:after{content:"";height:1px;position:absolute;left:0;right:100%;bottom:-.35rem;background:var(--gold);transition:.3s}.header nav a:hover:after,.header nav a:focus-visible:after{right:0}.header-cta{border:1px solid var(--ink);padding:.8rem 1.2rem}.menu-toggle{display:none;border:0;background:none}.hero{min-height:100svh;padding:9rem var(--pad) 5rem;display:grid;align-items:center;position:relative;background:linear-gradient(90deg,rgba(242,235,224,.97) 0%,rgba(242,235,224,.8) 34%,rgba(242,235,224,.05) 66%),url("../images/hero-clinica.webp") center/cover no-repeat}.hero-content{max-width:44rem}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.69rem;font-weight:600;color:#806f57}.hero h1{font-size:clamp(4rem,7.3vw,7.5rem);margin:.6rem 0 1.5rem;max-width:12ch}.hero h1 em{display:block}.hero-content>p:not(.eyebrow){font-size:1.05rem;max-width:34rem}.hero-actions{display:flex;align-items:center;gap:2rem;margin-top:2.2rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:1.4rem;padding:1rem 1.5rem;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;border:1px solid transparent;transition:.3s}.button span{font-size:1.1rem}.button.primary{background:var(--ink);color:#fff}.button:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(41,39,34,.15)}.text-link{font-size:.8rem;border-bottom:1px solid;padding:.5rem 0}.text-link span{margin-left:1rem}.hero-note{position:absolute;right:var(--pad);bottom:5rem;display:flex;gap:1rem;align-items:flex-start}.hero-note span{font-size:.65rem;border:1px solid;border-radius:50%;width:2rem;height:2rem;display:grid;place-items:center}.hero-note p{font:1.05rem/1.4 var(--serif)}.scroll-cue{position:absolute;left:var(--pad);bottom:1.3rem;font-size:.58rem;text-transform:uppercase;letter-spacing:.2em;display:flex;gap:.6rem;align-items:center}.scroll-cue span{width:2.2rem;height:1px;background:currentColor}.section{padding:clamp(5rem,10vw,10rem) var(--pad)}.section-number{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid #cfc5b7;padding-bottom:1rem}.intro{background:#fff}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;padding:5rem 0}.intro h2{max-width:11ch}.intro-copy{padding-top:2rem}.intro-copy .lead{font-family:var(--serif);font-size:1.65rem;line-height:1.45}.intro-copy>p{color:var(--muted)}.signature{display:flex;align-items:center;gap:1rem;margin-top:2.5rem}.signature>span{font:1.6rem var(--serif);border:1px solid var(--gold);border-radius:50%;padding:.7rem}.signature p{margin:0}.signature strong,.signature small{display:block}.signature small{color:var(--muted)}.values{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ddd4c8;border-bottom:1px solid #ddd4c8}.values div{padding:2rem;border-right:1px solid #ddd4c8;text-align:center}.values div:last-child{border:0}.values strong{display:block;font:2rem var(--serif);color:var(--gold)}.values span{font-size:.67rem;text-transform:uppercase;letter-spacing:.13em}.treatments{background:var(--ivory)}.section-heading{display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:4rem;margin-bottom:4rem}.section-heading h2{max-width:12ch;margin-bottom:0}.section-heading>p{color:var(--muted);max-width:29rem}.treatment-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #d4cabc;border-left:1px solid #d4cabc}.treatment-card{min-height:22rem;padding:1.5rem;border-right:1px solid #d4cabc;border-bottom:1px solid #d4cabc;position:relative;transition:.4s;background:transparent}.treatment-card:hover{background:#fff;transform:translateY(-4px);box-shadow:0 18px 40px rgba(61,50,37,.08)}.card-number{font-size:.62rem;letter-spacing:.15em;color:var(--muted)}.line-icon{font:2.2rem var(--serif);color:var(--gold);margin:2.2rem 0 3rem}.treatment-card h3{font:1.45rem/1.2 var(--serif)}.treatment-card p{font-size:.82rem;color:var(--muted)}.treatment-card a{position:absolute;bottom:1.4rem;font-size:.69rem;text-transform:uppercase;letter-spacing:.1em}.treatment-card a span{margin-left:.5rem}.difference{display:grid;grid-template-columns:.75fr 1.25fr;gap:9vw;background:#2d2b27;color:#f9f6f0}.difference-copy{position:sticky;top:8rem;align-self:start}.difference-copy h2{font-size:clamp(2.8rem,4.5vw,4.8rem)}.difference-copy>p:not(.eyebrow){color:#bbb4a9;max-width:30rem}.button.outline{border-color:#bfae94;margin-top:1.5rem}.difference-item{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:2rem 0;border-bottom:1px solid #55514a}.difference-item>span{font-size:.65rem;color:#bda77f}.difference-item h3{font:1.8rem var(--serif);margin-bottom:.4rem}.difference-item p{color:#aaa49a;margin:0;max-width:34rem}.results{background:#fff}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.result-placeholder{aspect-ratio:4/3;background:linear-gradient(135deg,#eee9e1,#ded4c6);position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:end;overflow:hidden}.result-placeholder:before{content:"CB";position:absolute;inset:0;display:grid;place-items:center;font:6rem var(--serif);color:rgba(255,255,255,.35)}.result-placeholder span{position:absolute;top:1rem;left:1rem;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase}.result-placeholder p{padding:1rem;margin:0;font-size:.65rem;text-transform:uppercase;letter-spacing:.16em;border-top:1px solid rgba(255,255,255,.6)}.result-placeholder p+ p{border-left:1px solid rgba(255,255,255,.6)}.ethics-note{text-align:center;font-size:.73rem;color:var(--muted);margin:2rem 0 0}.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:10vw}.faq-title{position:sticky;top:8rem;align-self:start}.faq-title h2{font-size:clamp(3rem,5vw,5rem)}.faq-title>p:last-child{color:var(--muted)}.faq-item{border-bottom:1px solid #cfc5b7}.faq-item button{width:100%;padding:1.6rem 0;border:0;background:none;text-align:left;display:flex;justify-content:space-between;align-items:center;font:1.35rem var(--serif);cursor:pointer}.faq-item button span{font:300 1.5rem var(--sans);transition:.3s}.faq-item button[aria-expanded=true] span{transform:rotate(45deg)}.faq-answer p{color:var(--muted);padding-right:3rem}.booking{background:#aa8d64;color:#fff;text-align:center;position:relative;overflow:hidden}.booking:before,.booking:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.15);border-radius:50%;width:38vw;height:38vw;top:-20vw}.booking:before{left:-12vw}.booking:after{right:-12vw}.booking-inner{position:relative;z-index:1;max-width:64rem;margin:auto}.booking .eyebrow{color:#fff}.booking h2{font-size:clamp(3.2rem,6vw,6.5rem)}.booking h2 em{color:#332e27}.booking-inner>p:not(.eyebrow){max-width:40rem;margin:0 auto 2rem}.button.light{background:#fff;color:var(--ink)}.booking small{display:block;margin-top:1.5rem;letter-spacing:.08em}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#fff}.contact-info>p{color:var(--muted);max-width:32rem}.contact address{font-style:normal;margin-top:3rem}.contact address>a,.contact address>div{display:block;padding:1rem 0;border-bottom:1px solid #ddd4c8}.contact address span{display:block;font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold)}.contact address strong{font-weight:400}.map-placeholder{min-height:34rem;background-color:#e8e2d9;background-image:linear-gradient(30deg,transparent 45%,rgba(171,148,113,.18) 46% 48%,transparent 49%),linear-gradient(120deg,transparent 45%,rgba(171,148,113,.2) 46% 48%,transparent 49%);background-size:100px 100px;display:grid;place-items:center;text-align:center;position:relative}.map-placeholder div>span{width:3.5rem;height:3.5rem;margin:auto;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:var(--serif)}.map-placeholder small{position:absolute;bottom:1rem;letter-spacing:.1em;text-transform:uppercase}footer{padding:5rem var(--pad) 1.5rem;background:#22211e;color:#eee9df}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;padding-bottom:5rem}.footer-top>div p{color:#9e968a;font-size:.65rem;text-transform:uppercase;letter-spacing:.15em}.footer-top>div a{display:block;margin:.5rem 0;font-size:.9rem}.footer-brand{align-self:start}.footer-bottom{border-top:1px solid #4c4943;padding-top:1.5rem;display:flex;justify-content:space-between;gap:1rem;color:#9e968a;font-size:.7rem}.footer-bottom div{display:flex;gap:1.5rem}.whatsapp-float{position:fixed;right:1.3rem;bottom:1.3rem;z-index:90;background:#263c31;color:#fff;border-radius:3rem;padding:.75rem 1rem;box-shadow:0 10px 30px rgba(0,0,0,.18);display:flex;gap:.7rem;align-items:center;font-size:.72rem;letter-spacing:.04em}.whatsapp-float span{font-size:1.2rem}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}dialog{border:0;border-radius:var(--radius);max-width:42rem;padding:3rem;color:var(--ink);box-shadow:0 30px 80px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(20,19,17,.65);backdrop-filter:blur(4px)}.modal-close{position:absolute;right:1rem;top:1rem;border:0;background:none;font-size:2rem;cursor:pointer}.modal-content h2{font-size:2.6rem}.modal-content p{color:var(--muted)}:focus-visible{outline:2px solid #806336;outline-offset:4px}
@media(max-width:1050px){.header nav,.header-cta{display:none}.menu-toggle{display:grid;gap:.35rem;margin-left:auto}.menu-toggle i{width:1.5rem;height:1px;background:currentColor}.header nav.open{display:flex;position:fixed;inset:4.7rem 0 0;background:var(--ivory);flex-direction:column;justify-content:center;align-items:center;gap:1.8rem}.header nav.open a{font:2rem var(--serif);text-transform:none}.treatment-grid{grid-template-columns:repeat(2,1fr)}.treatment-card{min-height:19rem}.difference,.faq{gap:5vw}.hero-note{display:none}}
@media(max-width:720px){.hero{min-height:94svh;background:linear-gradient(90deg,rgba(242,235,224,.96),rgba(242,235,224,.74)),url("../images/hero-clinica.webp") 62%/cover}.hero h1{font-size:clamp(3.4rem,16vw,5.5rem)}.hero-actions{align-items:flex-start;flex-direction:column;gap:1rem}.intro-grid,.section-heading,.difference,.faq,.contact{grid-template-columns:1fr}.intro-grid{gap:1rem}.values{grid-template-columns:1fr}.values div{border-right:0;border-bottom:1px solid #ddd4c8}.values div:last-child{border:0}.section-heading{gap:1rem}.treatment-grid{grid-template-columns:1fr}.difference-copy,.faq-title{position:static}.result-grid{grid-template-columns:1fr}.contact{gap:3rem}.map-placeholder{min-height:23rem}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}.whatsapp-float b{display:none}}