:root{--demo-accent:#d8b56a;--demo-accent-strong:#f0d58a;--demo-bg:#050505;--demo-panel:#0b0b0b;--demo-line:rgba(216,181,106,.22)}
.clinic-page{background:#050505}.demo-ribbon{position:relative;z-index:110;padding:8px 20px;color:#b7ac96;background:#17130b;font-size:.63rem;letter-spacing:.13em;text-align:center;text-transform:uppercase}.clinic-page .site-header{top:48px}.clinic-page .site-header.is-scrolled{top:40px}.clinic-page .desktop-nav a[aria-current=page]{color:#fff}.clinic-page .desktop-nav a[aria-current=page]::after{transform:scaleX(1)}
.demo-hero{position:relative;display:flex;align-items:center;min-height:94svh;padding:190px max(28px,6vw) 100px;overflow:hidden;background:linear-gradient(90deg,rgba(5,5,5,.98) 0%,rgba(5,5,5,.9) 42%,rgba(5,5,5,.17) 70%,rgba(5,5,5,.35)),url('/assets/images/demos/clinica-hero.webp') center/cover}.demo-hero::after{position:absolute;right:5%;bottom:6%;width:38%;height:1px;content:"";background:linear-gradient(90deg,transparent,rgba(216,181,106,.55),transparent)}.demo-hero__copy{position:relative;z-index:1;max-width:770px}.demo-hero h1{font-size:clamp(3.3rem,6.6vw,7rem)}.demo-hero h1 em{color:var(--demo-accent-strong)}.demo-hero__lead{max-width:650px;color:#bbb7af;font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.8}.demo-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.demo-proof{display:flex;flex-wrap:wrap;gap:9px;margin-top:42px}.demo-proof span{padding:8px 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#c4beb3;background:rgba(5,5,5,.56);font-size:.62rem;letter-spacing:.08em}
.demo-section{max-width:1280px;margin:auto;padding:110px 28px}.demo-section--compact{padding-top:42px;padding-bottom:42px}.demo-kicker{display:flex;gap:12px;margin-bottom:25px;color:var(--demo-accent);font-size:.65rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.demo-kicker::before{width:28px;height:1px;margin-top:.48em;content:"";background:currentColor}.demo-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.4fr);gap:60px;align-items:end;margin-bottom:52px}.demo-heading h2{margin:0;font-size:clamp(2.3rem,4.7vw,5rem);line-height:1.04}.demo-heading p{margin:0;color:#96938d;line-height:1.75}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.035)}.trust-strip div{padding:22px;border-right:1px solid rgba(255,255,255,.09)}.trust-strip div:last-child{border:0}.trust-strip small{display:block;margin-bottom:8px;color:#736e65;font-size:.57rem;letter-spacing:.14em;text-transform:uppercase}.trust-strip b{font-size:.8rem}
.care-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.care-card{min-height:300px;padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012))}.care-card span{display:grid;place-items:center;width:45px;height:45px;margin-bottom:54px;border:1px solid var(--demo-line);border-radius:50%;color:var(--demo-accent);font-size:.75rem}.care-card h3{font-size:1.12rem}.care-card p{color:#89857e;font-size:.82rem;line-height:1.7}
.clinic-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.clinic-gallery figure{position:relative;margin:0;aspect-ratio:1/1;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:14px;background-image:url('/assets/images/demos/clinica-galeria.webp');background-size:300% 200%}.clinic-gallery figure:nth-child(1){background-position:0 0}.clinic-gallery figure:nth-child(2){background-position:50% 0}.clinic-gallery figure:nth-child(3){background-position:100% 0}.clinic-gallery figure:nth-child(4){background-position:0 100%}.clinic-gallery figure:nth-child(5){background-position:50% 100%}.clinic-gallery figure:nth-child(6){background-position:100% 100%}.clinic-gallery figcaption{position:absolute;right:0;bottom:0;left:0;padding:40px 16px 14px;color:#ece8df;background:linear-gradient(transparent,rgba(0,0,0,.88));font-size:.68rem;letter-spacing:.08em}
.pathway{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid rgba(255,255,255,.1);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.08)}.pathway article{min-height:240px;padding:28px;background:#080808}.pathway span{color:var(--demo-accent);font-size:.65rem;letter-spacing:.13em}.pathway h3{margin-top:60px;font-size:1.02rem}.pathway p{color:#7f7c76;font-size:.8rem;line-height:1.65}
.booking-shell{display:grid;grid-template-columns:.75fr 1.25fr;gap:18px;padding:18px;border:1px solid var(--demo-line);border-radius:22px;background:linear-gradient(135deg,rgba(216,181,106,.05),rgba(255,255,255,.015))}.booking-intro{padding:30px}.booking-intro h3{font-size:clamp(1.7rem,3vw,3rem)}.booking-intro p{color:#8e8a83;line-height:1.75}.booking-intro ul{display:grid;gap:12px;margin:30px 0 0;padding:0;list-style:none}.booking-intro li{color:#bbb5aa;font-size:.78rem}.booking-intro li::before{margin-right:10px;color:var(--demo-accent);content:"✓"}.booking-form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:30px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#080808}.field{display:grid;gap:8px}.field--wide{grid-column:1/-1}.field label,.field legend{color:#a9a49b;font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.field input,.field select{width:100%;min-height:50px;padding:0 14px;border:1px solid rgba(255,255,255,.13);border-radius:8px;color:#fff;background:#0c0c0c;font:inherit}.field input:focus,.field select:focus{border-color:var(--demo-accent);outline:none;box-shadow:0 0 0 3px rgba(216,181,106,.09)}.time-options{display:flex;flex-wrap:wrap;gap:8px}.time-options button{padding:10px 12px;border:1px solid rgba(255,255,255,.13);border-radius:7px;background:#0c0c0c;cursor:pointer}.time-options button[aria-pressed=true]{border-color:var(--demo-accent);color:#080604;background:var(--demo-accent)}.form-note{grid-column:1/-1;margin:0;color:#77736c;font-size:.65rem;line-height:1.6}.booking-form .button{grid-column:1/-1;border:0;cursor:pointer}
.demo-modal{position:fixed;z-index:500;inset:0;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.8);backdrop-filter:blur(12px)}.demo-modal[hidden]{display:none}.demo-modal__card{width:min(100%,540px);padding:36px;border:1px solid var(--demo-line);border-radius:20px;background:#0a0a0a;box-shadow:0 40px 120px rgba(0,0,0,.65)}.demo-modal__icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:24px;border-radius:50%;color:#080604;background:var(--demo-accent);font-size:1.4rem}.demo-modal__card h2{font-size:2rem}.demo-modal__card p{color:#aaa59c;line-height:1.7}.demo-modal__summary{margin:22px 0;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ddd6ca;background:#070707;line-height:1.7}.demo-modal__card button{width:100%;border:0;cursor:pointer}
.clinic-note{padding:22px;border-left:1px solid var(--demo-accent);color:#8f8b84;background:rgba(216,181,106,.035);font-size:.72rem;line-height:1.7}.demo-end{margin:30px auto 110px;padding:80px max(28px,7vw);border:1px solid var(--demo-line);border-radius:24px;background:radial-gradient(circle at 85%,rgba(216,181,106,.12),transparent 34%),#080808}.demo-end h2{max-width:820px;font-size:clamp(2.4rem,5vw,5rem)}.demo-end p{max-width:650px;color:#969188;line-height:1.8}
@media(max-width:980px){.clinic-page .desktop-cta{display:none}.demo-heading,.booking-shell{grid-template-columns:1fr}.care-grid,.pathway{grid-template-columns:repeat(2,1fr)}.clinic-page .site-header{top:45px}}
@media(max-width:700px){.demo-ribbon{font-size:.52rem}.clinic-page .site-header{top:43px}.clinic-page .site-header.is-scrolled{top:37px}.demo-hero{min-height:92svh;padding:165px 20px 70px;background:linear-gradient(180deg,rgba(5,5,5,.86),rgba(5,5,5,.88)),url('/assets/images/demos/clinica-hero.webp') 66% center/cover}.demo-hero h1{font-size:clamp(2.8rem,14vw,4rem)}.demo-hero__actions{flex-direction:column}.demo-section{padding:80px 20px}.demo-heading{gap:20px}.trust-strip,.care-grid,.pathway{grid-template-columns:1fr}.trust-strip div{border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}.clinic-gallery{grid-template-columns:repeat(2,1fr)}.booking-form{grid-template-columns:1fr;padding:22px}.field--wide,.booking-form .button,.form-note{grid-column:auto}.booking-intro{padding:12px}.demo-end{margin:20px 20px 80px;padding:58px 24px}}