/* Local UX refinements. Preserve the approved portrait anchors and glass material. */
:root{--space-tight:12px;--space-group:24px;--space-section:64px}
html{scrollbar-color:#777168 #050505}
:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.site-header nav a[href="#procedimentos"],.site-header nav a[href="#duvidas"]{white-space:nowrap}
.brand-name small{font-size:12px}
.clinic-playback svg{width:16px;height:16px;flex:none;fill:currentColor}
.results-shortcuts{display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px;margin-top:14px}
.results-shortcuts .text-link{display:inline-flex;align-items:center;min-height:44px;margin:0;font-size:14px;color:#423e37}
.results-shortcuts svg{width:16px;height:16px;margin-left:8px;fill:none;stroke:currentColor;stroke-width:1.5}
/* Post proportions adapted from leocosta1/instagram-clone (MIT). */
.results .result-card{border:0;border-radius:8px;background:#fcfbf8;box-shadow:0 5px 20px #1717150a}
.results .post-header{padding:6px 12px;gap:10px;min-height:56px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.results .post-avatar{width:44px;height:44px;flex:0 0 44px;overflow:visible;background:transparent}
.results .post-avatar-image{position:relative;display:block;width:32px;height:32px;border-radius:50%;overflow:hidden;background:#090909}
.results .post-avatar-image>img{position:absolute;max-width:none;width:116.4390244%;height:174.6341463%;left:-11.7073171%;top:-62.9268293%;object-fit:fill}
.results .post-handle{display:flex;flex-direction:column;justify-content:center;min-height:44px;font-size:14px;font-weight:600;color:#292722}
.results .post-role{font-size:12px;line-height:1.25;color:#625d54;margin-top:2px}
.results .post-platform .instagram-icon{width:20px;height:20px}
.results .post-platform{width:44px;height:44px}
.results .post-footer{display:flex;align-items:start;gap:8px;padding:10px 12px 12px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.results .post-caption{flex:1;min-width:0}
.results .post-footer strong{display:block;font-family:inherit;font-weight:600;font-size:14px;line-height:1.4;color:#292722}
.results .post-context{font-size:13px;line-height:1.45;color:#625d54;margin-top:5px;max-width:48ch}
.results .post-action{display:grid;place-items:center;width:44px;min-width:44px;height:44px;padding:0;border:0;background:transparent;border-radius:50%;color:#423e37}
.results .post-action svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.results .post-action:hover{background:#eee9df}
.results .carousel-bar{min-height:44px;padding:0 12px;grid-template-columns:1fr auto 1fr;border:0}
.results .carousel-dots{grid-column:2;gap:0}
.results .carousel-toggle{grid-column:3;justify-self:end;color:#514b42}
.results .carousel-toggle svg{width:17px;height:17px}
.results .carousel-arrow:focus-visible{outline-offset:-3px}
.results .results-note{color:#625d54;font-size:14px;line-height:1.6}
.results-next{align-items:center}
.results-next-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 22px}
.results-next-actions .text-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:#423e37;margin:0}
.procedures .treatment-description{display:block;color:#d8d6d1;font:400 14px/1.5 var(--body);margin-top:5px;max-width:40ch}
.procedures li strong{display:block;font-weight:400;color:#fff;font-size:16px;line-height:1.5}
.procedures .procedure-help{max-width:1120px;margin:32px auto 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;color:#d1cdc5}
.procedure-help .text-link{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;color:var(--ivory);border-color:var(--line)}
.approach-intro .planning-promise{font:400 18px/1.65 var(--body);letter-spacing:0;color:#d4cfc5;max-width:42ch;margin:24px 0 0;text-wrap:pretty}
.clinic-count{font-size:12px}
.clinic-caption-controls{display:flex;align-items:center;gap:18px}
.clinic-playback{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;border:0;background:transparent;color:#d4cfc5;font:400 12px/1.3 var(--body)}
.clinic-playback:hover{color:#fff}
.faq-header{max-width:1120px;margin:0 auto 28px}
#faq-title{font:400 var(--main-title-scale)/1.08 var(--display);letter-spacing:-.025em;margin-bottom:16px}
.faq-header p{color:#b9b4aa;font:400 16px/1.7 var(--body);max-width:60ch}
.faq .faq-heading{font-family:var(--body)}
.contact-help{display:inline-flex;align-items:center;min-height:44px;margin-top:16px;font-size:14px;color:var(--ivory);text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1px}
.method-guidance{margin:0;padding:0;color:#bbb6ae;background:none;font:400 11px/1.3 var(--body);min-height:0;white-space:nowrap}
.method-guidance[data-finished="true"]{color:var(--ivory)}
.method-status{min-width:0;gap:10px}
@media(min-width:701px){
 #method-dialog .topic-panel{top:clamp(22px,4.5vh,46px)}
 #method-dialog .topic-kicker{position:absolute;top:0;left:0;right:0;margin:0}
}
.method-status{min-height:44px}
#method-dialog .topic-title{min-height:44px;padding-top:12px;padding-bottom:12px}
.method-angles button{min-height:44px;padding:8px 0;font-size:13px}
.method-angles button[aria-pressed="true"]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.image-loading-state{padding:14px;font:400 14px/1.5 var(--body);color:var(--ivory)}
.image-loading-state[hidden]{display:none}
#image-dialog .image-retry{min-height:44px;padding:10px 16px;margin:12px 0;background:var(--ivory);color:#050505;border-radius:8px}
#image-dialog .image-retry[hidden]{display:none}
#image-dialog img[hidden]{display:none}
section[tabindex="-1"]:focus:not(:focus-visible){outline:none}
footer .brand-name small{font-size:12px}
@media(max-width:700px){
 .brand-name small{font-size:11px!important;letter-spacing:0;max-width:205px;line-height:1.25}
 .home-playback{left:6vw;bottom:calc(18px + env(safe-area-inset-bottom,0px));font-size:11px}
 .results .post-header{padding:5px 10px;min-height:54px}
 .results .post-footer{padding:8px 10px 10px}
 .results .results-grid{gap:28px;margin-inline:8px}
 .results .heading-aside{margin-top:20px}
 .results .results-note{font-size:13px}
 .results-next-actions{gap:10px 20px}
 .procedures.section-shell{padding:48px 6vw}
 .procedures-header{margin-bottom:24px}
 .procedures .treatment-grid{gap:16px}
 .procedures .treatment-trigger{aspect-ratio:auto;min-height:218px;padding:24px 20px 35px;gap:12px}
 .procedures .treatment-heading{font-size:19px;line-height:1.3;min-height:50px}
 .procedures .treatment-icon{width:88px;height:88px;flex-basis:88px}
 .procedures .faq-chevron{bottom:14px}
 .procedures .faq-panel-inner{padding:0 22px 24px}
 .procedures .procedure-help{display:block;margin-top:24px;line-height:1.6}
 .procedure-help .text-link{margin-top:8px}
 .approach.section-shell{padding-top:48px;padding-bottom:48px}
 .approach-intro .planning-promise{font-size:16px;margin-top:22px}
 .clinic-count{font-size:12px}
 .clinic-caption-controls{gap:4px;align-items:end;flex-direction:column-reverse}
 .clinic-playback{min-height:44px;padding:4px 8px;font-size:11px}
 .clinic-arrows{gap:8px}
 .faq.section-shell{padding:48px 6vw}
 .faq-header p{font-size:14px}
 .faq-header{margin-bottom:24px}
 .patient-stories.section-shell{padding-bottom:24px}
 .method-guidance{font-size:11px}
 #method-dialog .method-status{display:flex;flex-direction:column;justify-content:center;gap:3px;line-height:1.2}
 #method-dialog .method-count{font-size:12px}
 #method-dialog .method-pose{display:block;font-size:13px}
 footer .brand-name small{font-size:12px!important}
}
@media(max-width:380px){.brand-name small{max-width:172px}.procedures .treatment-trigger{min-height:210px}.method-guidance{font-size:11px}.results .post-context{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.clinic-playback{display:none}}
@media(forced-colors:active){.results .result-card{border:1px solid CanvasText;box-shadow:none}.method-guidance{background:Canvas;color:CanvasText}.post-context{color:CanvasText}}


@media(max-width:700px) and (orientation:portrait){#method-dialog[open]{overflow-y:auto}#method-dialog .method-header{position:sticky;top:0;background:#000}#method-dialog .method-viewport{overflow:visible}}
#method-dialog[data-bootstrap="intro"] .portrait{opacity:0}
#method-dialog[data-bootstrap="intro"] .topic-kicker{opacity:1;visibility:visible}