:root { --navy:#0b2947; --blue:#184d75; --sky:#dcecf3; --ice:#f2f8fa; --cream:#f8f6f1; --ink:#13283b; --muted:#607486; --white:#fff; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:#fff;color:var(--ink);font-family:Manrope,sans-serif} a{color:inherit;text-decoration:none} button{font:inherit}
.topbar{height:34px;background:var(--navy);color:#dce8f0;text-align:center;font-size:11px;letter-spacing:.1em;display:grid;place-items:center}
.header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid #dfe7ea;background:rgba(255,255,255,.95);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:38px;height:38px;border:1px solid var(--blue);display:grid;place-items:center;border-radius:50%;font:italic 25px var(--font-display);color:var(--blue)}.brand b{display:block;letter-spacing:.2em;font-size:15px}.brand small{display:block;font-size:7px;letter-spacing:.28em;margin-top:3px}
nav{display:flex;gap:30px;font-size:12px;color:#40586b}nav a:hover{color:var(--blue)}
.button{display:inline-flex;align-items:center;gap:28px;background:var(--blue);color:white;padding:16px 22px;font-size:12px;font-weight:600;letter-spacing:.02em;transition:.2s;border:0}.button:hover{background:var(--navy);transform:translateY(-1px)}.button-small{padding:12px 17px;gap:8px}
.hero{min-height:720px;display:grid;grid-template-columns:46% 54%;background:var(--ice)}.hero-copy{padding:105px 5.8vw 70px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.2em;color:#53809b}.hero h1,.section h2,.clinic h2,.cta h2{font:500 clamp(52px,5.5vw,88px)/.91 var(--font-display);letter-spacing:-.035em;color:var(--navy);margin:25px 0}.hero h1 em,h2 em{font-weight:400;color:#3c7394}.hero-copy>p{max-width:540px;color:var(--muted);font-size:15px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:30px;margin:35px 0 50px}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid #7e9bad;padding-bottom:5px}.hero-proof{display:flex;align-items:center;gap:15px}.hero-proof p{font-size:10px;line-height:1.5;color:var(--muted)}.hero-proof b{color:var(--ink)}.avatars{display:flex}.avatars span{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#abc8d6;color:white;font-size:9px;border:2px solid white;margin-left:-8px}.avatars span:first-child{margin-left:0}
.hero-image{background:url('/assets/hero-clinica.png') center/cover no-repeat;position:relative;min-height:650px}.hero-note{position:absolute;left:28px;bottom:28px;background:rgba(255,255,255,.93);padding:18px 22px;display:flex;align-items:center;gap:14px;max-width:280px;backdrop-filter:blur(10px)}.hero-note>span{font-size:22px;color:#5689a4}.hero-note p{font-size:9px;line-height:1.6;margin:0;color:var(--muted)}.hero-note b{font-size:11px;color:var(--ink)}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 6vw;border-bottom:1px solid #e3ebee;gap:20px}.trust-strip div{padding-left:18px;border-left:1px solid #bfd3de}.trust-strip b,.trust-strip span{display:block}.trust-strip b{font:600 18px var(--font-display);color:var(--navy)}.trust-strip span{font-size:9px;color:var(--muted);margin-top:5px}
.section{padding:105px 6vw}.section-head{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:8vw}.section h2,.clinic h2{font-size:clamp(44px,4.3vw,68px)}.section-head>p{font-size:13px;line-height:1.8;color:var(--muted);max-width:420px;margin-bottom:28px}.treatment-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-top:1px solid #d8e4e9;border-bottom:1px solid #d8e4e9}.treatment-card{padding:28px;border-right:1px solid #d8e4e9;min-height:330px;position:relative;transition:.25s}.treatment-card:first-child{border-left:1px solid #d8e4e9}.treatment-card:hover{background:var(--ice);transform:translateY(-4px)}.number{font-size:9px;color:#86a6b8}.tooth-icon{font-size:30px;color:#7da4b9;margin:35px 0}.treatment-card h3{font:600 25px var(--font-display);margin:0 0 14px}.treatment-card p{font-size:11px;line-height:1.7;color:var(--muted)}.treatment-card a{position:absolute;bottom:26px;font-size:10px;font-weight:700;border-bottom:1px solid #8eabba;padding-bottom:4px}.treatment-card a span{margin-left:28px}
.clinic{display:grid;grid-template-columns:55% 45%;background:var(--navy);color:white}.clinic-image{min-height:620px;background:url('/assets/clinica-interior.png') center/cover no-repeat;position:relative}.clinic-image span{position:absolute;bottom:25px;left:25px;background:white;color:var(--ink);padding:13px 17px;font:italic 16px var(--font-display)}.clinic-copy{padding:90px 6vw}.clinic h2{color:white}.clinic h2 em{color:#8bb9cf}.clinic-copy>p{font-size:12px;line-height:1.9;color:#b9cbd7}.clinic ul{padding:20px 0;margin:25px 0;border-top:1px solid #2b4861;border-bottom:1px solid #2b4861;list-style:none}.clinic li{font-size:11px;margin:14px 0}.clinic li span{color:#8cc2d8;margin-right:10px}.clinic .text-link{color:white}
.team{text-align:center;background:var(--cream)}.team h2{margin-bottom:55px}.doctor-card{max-width:980px;margin:auto;background:white;display:grid;grid-template-columns:40% 60%;text-align:left;box-shadow:0 18px 60px #24435b14}.doctor-photo{background:url('/assets/hero-clinica.png') 61% center/cover;min-height:420px}.doctor-card>div:last-child{padding:45px 55px}.quote{font:80px/1 var(--font-display);color:#a4c5d5}.doctor-card blockquote{font:italic 25px/1.4 var(--font-display);margin:0 0 35px;color:#395568}.doctor-card h3{font:600 20px var(--font-display);margin-bottom:7px}.doctor-card p{font-size:9px;line-height:1.8;color:var(--muted)}
.testimonial{padding:95px 20vw;text-align:center;background:#e8f2f5}.stars{color:#b38a56;letter-spacing:.3em;font-size:12px}.testimonial blockquote{font:italic 34px/1.35 var(--font-display);color:var(--navy);margin:25px auto;max-width:850px}.testimonial p{font-size:9px;color:var(--muted)}
.faq{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.faq>div:first-child>p{font-size:12px;line-height:1.8;color:var(--muted);max-width:330px;margin:30px 0}.accordion{border-top:1px solid #ccdce3}.faq-item{border-bottom:1px solid #ccdce3}.faq-item button{width:100%;padding:24px 0;background:none;border:0;text-align:left;display:flex;justify-content:space-between;color:var(--ink);font-weight:600;cursor:pointer}.faq-item button span{font-size:20px;color:#6995ab}.faq-item p{font-size:11px;line-height:1.8;color:var(--muted);margin:0 40px 22px 0}
.cta{padding:90px 20px;text-align:center;background:var(--blue);color:white}.cta .eyebrow{color:#b2d2e0}.cta h2{color:white;margin:20px 0}.cta h2 em{color:#b8d7e5}.cta p{font-size:12px;line-height:1.8;max-width:520px;margin:0 auto 32px;color:#d3e3ea}.button-light{background:white;color:var(--navy)}.button-light:hover{background:#eaf3f6}
footer{background:#071d31;color:#b8c8d3;padding:65px 6vw 25px;display:grid;grid-template-columns:1.4fr 1fr 1.3fr 1.2fr;gap:40px;font-size:10px;line-height:2}footer>div:not(.footer-brand){display:flex;flex-direction:column}footer b{color:white;margin-bottom:10px}footer .brand{color:white}.footer-brand>p{font:italic 19px var(--font-display);color:#8ca5b6;margin-top:25px}.legal{grid-column:1/-1;border-top:1px solid #1d3548;padding-top:18px;margin-top:30px;font-size:8px}.whatsapp{position:fixed;right:22px;bottom:22px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#31b768;color:white;font-size:24px;box-shadow:0 8px 24px #0003;z-index:30}
@media(max-width:900px){nav{display:none}.header{padding:0 20px}.button-small{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:75px 24px}.hero-image{min-height:520px;order:-1}.trust-strip{grid-template-columns:1fr 1fr}.section{padding:75px 24px}.section-head,.faq{grid-template-columns:1fr}.treatment-grid{grid-template-columns:1fr 1fr}.clinic{grid-template-columns:1fr}.clinic-copy{padding:70px 25px}.doctor-card{grid-template-columns:1fr}.doctor-photo{min-height:420px}.testimonial{padding:70px 24px}footer{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.topbar{font-size:8px}.header{height:70px}.hero-image{min-height:410px;background-position:58% center}.hero-note{left:15px;right:15px;bottom:15px}.hero h1{font-size:49px}.hero-actions{align-items:flex-start;flex-direction:column}.trust-strip{grid-template-columns:1fr;padding:25px}.treatment-grid{grid-template-columns:1fr}.treatment-card{border-left:1px solid #d8e4e9}.clinic-image{min-height:400px}.doctor-card>div:last-child{padding:35px 25px}.doctor-card blockquote{font-size:22px}.testimonial blockquote{font-size:27px}footer{grid-template-columns:1fr}.legal{margin-top:10px}}
.results{padding:105px 6vw;background:var(--ice)}.results-intro{display:grid;grid-template-columns:1.1fr 1fr;column-gap:8vw}.results-intro .eyebrow{grid-column:1/-1}.results h2{font:500 clamp(44px,4.3vw,68px)/.95 var(--font-display);letter-spacing:-.035em;color:var(--navy);margin:25px 0 55px}.results-intro>p{align-self:end;max-width:460px;margin:0 0 60px;color:var(--muted);font-size:12px;line-height:1.8}.case-list{display:grid;grid-template-columns:1fr 1fr;gap:28px}.case-card{background:white;box-shadow:0 18px 50px #0b29470d;overflow:hidden}.case-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:#dce7ec}.case-image img{display:block;width:100%;height:100%;object-fit:cover}.compare-labels{position:absolute;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;pointer-events:none}.compare-labels span{background:rgba(7,29,49,.88);color:white;padding:8px 13px;font-size:9px;font-weight:700;letter-spacing:.16em;box-shadow:0 4px 14px #0002}.compare-labels span:last-child{background:rgba(255,255,255,.92);color:var(--navy)}.compare-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:white;box-shadow:0 0 0 1px #0b294733}.compare-line:after{content:'↔';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:white;color:var(--blue);font-size:14px;font-weight:700;box-shadow:0 5px 18px #0003}.case-info{padding:27px 29px 30px;display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.case-number{font-size:8px;letter-spacing:.15em;color:#7599ad;font-weight:700}.case-info h3{font:600 28px var(--font-display);margin:8px 0 0;color:var(--navy)}.case-info p{font-size:10px;line-height:1.7;color:var(--muted);margin:2px 0}.case-tag{grid-column:1/-1;border-top:1px solid #dce7ec;padding-top:14px;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#66899c}.results-note{margin-top:28px;padding:20px 24px;background:#e1edf2;display:flex;align-items:center;gap:15px}.results-note>span{flex:none;width:27px;height:27px;border:1px solid #789daf;border-radius:50%;display:grid;place-items:center;font:italic 18px var(--font-display);color:var(--blue)}.results-note p{margin:0;font-size:9px;line-height:1.65;color:#547083}.results-note b{color:var(--ink)}
@media(max-width:900px){.results-intro{grid-template-columns:1fr}.results{padding:75px 24px}.results-intro>p{margin-top:-25px}.case-list{grid-template-columns:1fr}}
@media(max-width:560px){.results h2{font-size:43px}.case-image{aspect-ratio:1.38}.case-info{grid-template-columns:1fr}.case-info p{font-size:11px}}
.results .case-list{grid-template-columns:repeat(3,1fr)}.results .case-image{aspect-ratio:2/3}.results .compare-labels{inset:16px 16px auto;display:block}.results .compare-labels span{position:absolute;left:0}.results .compare-labels span:last-child{top:calc(50% + 16px);left:auto;right:0}.results .compare-line{left:0;right:0;top:50%;bottom:auto;width:auto;height:3px;background:var(--blue);box-shadow:0 -1px 0 rgba(255,255,255,.8),0 1px 0 rgba(255,255,255,.8)}.results .compare-line:after{content:'↓';left:50%;top:50%;width:38px;height:38px}.results .case-info{grid-template-columns:1fr;min-height:190px}.results .case-info p{font-size:10px}.results .case-card{border-radius:2px}.results .case-image img{object-position:center}
@media(max-width:1050px){.results .case-list{grid-template-columns:1fr 1fr}.results .case-list .case-card:last-child{grid-column:1/-1;max-width:50%;width:100%;justify-self:center}}
@media(max-width:680px){.results .case-list{grid-template-columns:1fr}.results .case-list .case-card:last-child{grid-column:auto;max-width:none}.results .case-image{aspect-ratio:2/3}.results .case-info{min-height:0}}