/* Revisão de navegação: Digital Pro, setembro de 2026. */
.clinic-page-heading {padding-top: 150px; padding-bottom: 48px;}
.clinic-page-heading h1 {font-size: clamp(2rem, 4vw, 3rem); margin: 20px 0 16px;}
.clinic-page-heading p {max-width: 720px; font-size: 1.1rem; margin-bottom: 0;}
.clinic-page-heading nav, .clinic-page-heading nav a {font-size: .9rem; color: var(--heading-color);}
.clinic-side-nav {position: sticky; top: 100px; padding: 28px; border: 1px solid #e9e2dc; border-radius: 16px;}
.clinic-side-nav h2 {font-size: 1.25rem; margin-bottom: 20px;}
.clinic-side-nav a {display: block; color: var(--heading-color); padding: 12px 0; border-bottom: 1px solid #eee7e1;}
.clinic-side-nav a:last-child {border: 0; font-weight: 600;}
.clinic-detail-card {scroll-margin-top: 110px; padding: 36px 0; border-bottom: 1px solid #e9e2dc;}
.clinic-detail-card h2 {font-size: clamp(1.5rem, 3vw, 2rem); margin: 12px 0 16px;}
.clinic-detail-card p {line-height: 1.8;}
.clinic-eyebrow {font-size: .8rem; letter-spacing: .1em; text-transform: uppercase; color: #695847;}
.clinic-lead {font-size: 1.12rem;}
.clinic-banner {display: block; width: 100%; max-height: 370px; object-fit: cover; border-radius: 14px; margin-bottom: 26px;}
.clinic-portfolio-image {display: block; width: 100%; height: auto; border-radius: 14px; margin: 24px 0;}
.clinic-demo-note {background: #f5f1ed; border-radius: 10px; padding: 16px 20px; font-size: .9rem;}
.clinic-cta {display: inline-block; padding: 13px 24px; border-radius: 50px; background: var(--heading-color); color: #fff; margin: 8px 0;}
.clinic-cta:hover, .clinic-cta:focus {background: #695847; color: #fff;}
.clinic-text-link {display: inline-block; color: var(--heading-color); text-decoration: underline; margin: 12px;}
.clinic-blog-card h2 {font-size: 1.4rem; line-height: 1.4;}
.clinic-blog-card h2 a {color: var(--heading-color);}
.clinic-reading {max-width: 850px;}
.demo-social-icon {display: inline-flex; align-items: center; justify-content: center; font-size: 16px; color: var(--heading-color); width: 36px; height: 36px; border-radius: 50%; background: #eee7e1; margin: 0 4px;}
.team .social .demo-social-icon {width: 30px; height: 30px; font-size: 14px;}
@media (max-width: 767px) {.clinic-page-heading {padding-top: 120px;} .clinic-side-nav {position: static;} .clinic-detail-card {padding: 28px 0;} .clinic-banner {max-height: 270px;} .clinic-cta {max-width: 100%; text-align: center;}}