/* Michele v2 — composição inspirada na referência, identidade original preservada. */
.hero.container{width:min(1200px,calc(100% - 96px));min-height:850px;display:grid;grid-template-columns:1.04fr 1fr;grid-template-rows:1fr auto;gap:0;align-items:center;padding-top:110px;isolation:isolate;position:relative}
.hero-copy{position:relative;z-index:2;padding:36px 0 48px;zoom:1;max-width:570px}
.hero .eyebrow{font-size:10px;letter-spacing:.14em;max-width:100%;margin-bottom:28px}
.hero h1{font-size:clamp(48px,5.1vw,74px);line-height:1.08;letter-spacing:-.045em;margin-bottom:28px}
.hero-description{max-width:395px;line-height:1.8;font-size:15px}
.hero .cta{margin-top:28px}.hero-meta{flex-wrap:wrap;max-width:400px;gap:12px 24px;margin-top:28px;font-size:12px}
.hero-portrait{position:relative;align-self:end;height:650px;margin:0;min-width:0;z-index:1}
.hero-portrait>img{position:absolute;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;mask-image:linear-gradient(#000 87%,transparent 100%)}
.portrait-ring{position:absolute;inset:28px 0 36px 20px;border:1px solid #9db9e02b;border-radius:49% 49% 0 0;transform:rotate(9deg)}
.portrait-breath{position:absolute;inset:50px -15px 20px;background:radial-gradient(ellipse,#9db9e016,transparent 66%);border-radius:50%;animation:portrait-breathe 7s ease-in-out infinite alternate}
.portrait-caption{position:absolute;right:-27px;bottom:145px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.14em;color:var(--foreground)}
.portrait-caption span{margin-top:18px;color:var(--accent);font-size:10px;letter-spacing:.04em}
.hero-portrait .image-note{display:block;position:absolute;bottom:22px;left:auto;right:24px;text-align:right;zoom:1}
.hero-portrait .image-note span{font-size:8px;letter-spacing:.14em;color:var(--muted)}
.hero-portrait .image-note p{font-size:22px;line-height:1.25;color:var(--foreground);margin-top:8px}
.hero-bottom{grid-column:1/-1;position:relative;z-index:2;zoom:1;width:100%;margin:0;padding:23px 0;border-top:1px solid var(--border);border-bottom:0}
.process-interactive{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}
.process-interactive .steps{display:grid;grid-template-columns:1fr;gap:0}
.process-interactive .steps article{border:0;padding:0;opacity:1!important;transform:none!important}
.process-choice{font:inherit;text-align:left;width:100%;display:block;padding:23px 24px;border:0;border-top:1px solid #cfc6b8;background:transparent;cursor:pointer;position:relative;color:inherit;transition:background 200ms ease-out,transform 200ms ease-out}
.process-choice h3{font-size:21px;margin:7px 0 10px}.process-choice p{font-size:14px;line-height:1.7;margin:0;max-width:440px}.process-choice .step-number{font-size:12px}
.process-choice[aria-pressed=true]{background:#0b478d09;transform:translateX(8px)}
.process-choice[aria-pressed=true]:before{content:'';position:absolute;left:0;top:24px;bottom:24px;width:2px;background:#0b478d}
.process-choice:focus-visible{outline:2px solid #0b478d;outline-offset:3px}
.process-art{position:relative;width:100%;max-width:460px;aspect-ratio:1;justify-self:center;color:#0b478d}
.process-art svg{width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.art-guide{stroke:#cfc6b8;stroke-dasharray:2 10}.art-form{opacity:0;transform:translateY(10px) scale(.94) rotate(-5deg);transform-origin:230px 230px;transition:opacity 240ms ease-out,transform 300ms cubic-bezier(.22,1,.36,1)}
.process-art[data-state="0"] .form-0,.process-art[data-state="1"] .form-1,.process-art[data-state="2"] .form-2{opacity:1;transform:translateY(0) scale(1) rotate(0)}
.art-form .art-dot{fill:currentColor;stroke:none}.form-2{stroke-width:1.8}.art-index{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.2em;color:#5f5a52}
@keyframes portrait-breathe{to{transform:scale(1.07);opacity:.6}}
@media(hover:hover) and (pointer:fine){.process-choice:hover{background:#0b478d09}.hero .cta:active{transform:scale(.98)}}
@media(max-width:1100px) and (min-width:901px){.hero-portrait{height:570px}.hero h1{font-size:57px}.hero.container{min-height:780px}.portrait-caption{right:-18px}.hero .eyebrow{font-size:8px}.process-interactive{gap:30px}}
@media(max-width:900px){.hero.container{width:calc(100% - 48px);grid-template-columns:1fr 1fr;padding-top:120px;min-height:760px}.hero h1{font-size:48px}.hero-copy{padding:20px 0 40px}.hero-portrait{height:500px}.hero .eyebrow{font-size:8px}.portrait-caption{right:-12px}.hero-portrait .image-note{right:0}.hero-meta{font-size:11px}.process-interactive{gap:25px}}
@media(max-width:600px){.hero.container{width:calc(100% - 40px);display:grid;grid-template-columns:1fr;min-height:0;padding-top:110px}.hero-copy{padding:20px 0 0;max-width:none}.hero h1{font-size:clamp(45px,12vw,64px);line-height:1.09;margin-bottom:22px}.hero .eyebrow{font-size:8px;letter-spacing:.08em;margin-bottom:22px}.hero-description{max-width:360px;font-size:14px}.hero .cta{margin-top:24px}.hero-meta{margin-top:24px;gap:10px 18px}.hero-portrait{height:auto;aspect-ratio:1.05;width:100%;margin-top:28px;max-width:450px;justify-self:center}.portrait-ring{inset:5px 10px 22px 20px}.portrait-caption{right:0;bottom:100px;font-size:8px}.portrait-caption span{font-size:8px}.hero-portrait .image-note{right:13px;bottom:12px}.hero-portrait .image-note p{font-size:18px}.hero-portrait .image-note span{font-size:7px}.hero-bottom{padding:22px 0;gap:16px}.hero-bottom>span{font-size:8px;line-height:1.8;max-width:280px}.process-interactive{grid-template-columns:1fr;gap:28px}.process-art{max-width:300px;grid-row:1}.process-choice{padding:20px 18px}.process-choice h3{font-size:19px}.process-choice[aria-pressed=true]{transform:none}}
@media(prefers-reduced-motion:reduce){.portrait-breath{animation:none}.art-form,.process-choice{transition:none!important}.process-choice[aria-pressed=true]{transform:none}}
/* v3 — retrato enviado e foto real da clínica, de ponta a ponta na seção. */
.section.about-section.about-clinic{padding:0;zoom:1}
.about-clinic .about-layout{width:100%;max-width:none;display:grid;grid-template-columns:54% 46%;gap:0;align-items:stretch}
.about-content{padding:76px 64px 76px max(48px,calc((100vw - 1200px)/2));min-width:0}
.about-clinic .eyebrow{margin-bottom:30px}
.about-clinic .about-copy h2{font-size:clamp(32px,3vw,44px)}
.about-clinic .about-copy .large-copy{font-size:19px;line-height:1.6;margin-bottom:24px}
.about-clinic .about-detail p{font-size:14px;line-height:1.8;margin-bottom:14px}
.about-clinic .credentials{display:grid;grid-template-columns:1fr;gap:16px;margin-top:24px;padding-top:22px}
.about-clinic .credentials>div{white-space:normal;font-size:13px}
.about-clinic .credentials small{font-size:12px}
.about-clinic .credentials .lb{display:inline}
.clinic-portrait{position:relative;min-height:600px;margin:0;overflow:hidden;align-self:stretch}
.clinic-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% 50%;filter:sepia(.09) saturate(1.06) brightness(1.035)}
.clinic-portrait:after{content:'';position:absolute;inset:0;background:rgba(230,144,62,.055);mix-blend-mode:soft-light;pointer-events:none}
.about-signature{margin-top:26px;padding-top:20px;border-top:1px solid var(--border)}
.about-signature strong{font-size:13px;font-weight:500;display:block}.about-signature span{font-size:11px;color:var(--muted);display:block;margin-top:5px}
.hero-portrait>img{object-fit:contain;object-position:center bottom}
@media(min-width:901px){.hero-portrait{height:650px}.hero-portrait>img{height:90%;width:100%}}
@media(max-width:1100px){.about-content{padding:64px 36px 64px 48px}.about-clinic .about-layout{grid-template-columns:55% 45%}}
@media(max-width:900px){.about-content{padding:56px 28px 56px 24px}.about-clinic .about-copy h2{font-size:32px}.about-clinic .about-copy .large-copy{font-size:17px}.clinic-portrait{min-height:650px}}
@media(max-width:600px){.about-clinic .about-layout{grid-template-columns:1fr}.about-content{padding:50px 20px}.clinic-portrait{min-height:0;aspect-ratio:4/5;width:100%}.clinic-portrait img{object-position:50% 55%}.hero-portrait{aspect-ratio:1.05}.hero-portrait>img{height:100%}.about-clinic .eyebrow{font-size:10px}.about-clinic .credentials{gap:18px}}
/* v4 — arco desenhado na entrada, clínica à esquerda e interação com mola. */
.portrait-ring{inset:0 -10px 0 0;border:0;border-radius:0;transform:none;pointer-events:none}
.portrait-ring svg{display:block;width:100%;height:100%;overflow:visible;stroke:var(--accent);stroke-width:1;opacity:.32}
.portrait-ring path{stroke-dasharray:1;stroke-dashoffset:0;animation:arc-arrive 1.6s cubic-bezier(.22,1,.36,1) both}
.portrait-ring .arc-inner{opacity:.35;animation-delay:.12s}
@keyframes arc-arrive{from{stroke-dashoffset:1;opacity:0}to{stroke-dashoffset:0;opacity:1}}
.about-clinic .about-layout{grid-template-columns:46% 54%}
.about-clinic .about-content{padding:76px max(48px,calc((100vw - 1200px)/2)) 76px 64px}
.clinic-portrait img{filter:none;object-position:50% 50%}
.clinic-portrait:after{content:'';position:absolute;inset:0 -1px 0 auto;width:85px;background:linear-gradient(90deg,transparent,var(--background));mix-blend-mode:normal;filter:blur(8px);transform:translateX(5px);pointer-events:none}
.clinic-portrait{overflow:hidden}
.gravity-body{transform-box:view-box;transform-origin:230px 230px;will-change:transform}
.process-art svg{overflow:visible}
.process-art{touch-action:pan-y}
.process-choice{touch-action:manipulation}
@media(max-width:1100px){.about-clinic .about-layout{grid-template-columns:45% 55%}.about-clinic .about-content{padding:64px 48px 64px 36px}}
@media(max-width:900px){.about-clinic .about-content{padding:56px 24px 56px 28px}.clinic-portrait:after{width:55px}}
@media(max-width:600px){.about-clinic .about-layout{grid-template-columns:1fr}.about-clinic .about-content{padding:34px 20px 50px}.clinic-portrait{aspect-ratio:4/5}.clinic-portrait:after{inset:auto 0 -8px;width:auto;height:60px;background:linear-gradient(transparent,var(--background));transform:none}.portrait-ring{inset:0}.hero-portrait>img{height:100%}}
@media(prefers-reduced-motion:reduce){.portrait-ring path{animation:none;stroke-dashoffset:0}.gravity-body{will-change:auto;transform:none!important}}
.hero-emphasis{color:var(--accent)}
/* v5 — clínica dentro das margens e movimentos periódicos das figuras. */
.section.about-section.about-clinic{padding:76px 0}
.about-clinic .about-layout{width:min(1200px,calc(100% - 96px));max-width:1200px;margin-inline:auto;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:48px;align-items:stretch}
.about-clinic .about-content{padding:0;min-width:0}
.about-clinic .clinic-portrait{min-height:0;align-self:stretch;border-radius:4px}
.cycle-body,.ellipse-left,.ellipse-right{transform-box:view-box;transform-origin:230px 230px}
@media(max-width:900px){.section.about-section.about-clinic{padding:56px 0}.about-clinic .about-layout{width:calc(100% - 48px);gap:28px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.about-clinic .about-content{padding:0}}
@media(max-width:600px){.section.about-section.about-clinic{padding:50px 0}.about-clinic .about-layout{width:calc(100% - 40px);grid-template-columns:minmax(0,1fr);gap:28px}.about-clinic .clinic-portrait{aspect-ratio:4/5}.about-clinic .about-content{padding:0}}
@media(prefers-reduced-motion:reduce){.cycle-body,.ellipse-left,.ellipse-right{transform:none!important}}
/* v6 — seção 2 mais enxuta e traço que se desfaz e se recompõe. */
.section.about-section.about-clinic{padding:60px 0}
.about-clinic .credentials{gap:12px;margin-top:18px;padding-top:18px}
.form-2 .path-stroke{stroke-dasharray:1;stroke-dashoffset:0}
.form-2 circle{transform-box:fill-box;transform-origin:center}
@media(max-width:900px){.section.about-section.about-clinic{padding:48px 0}}
@media(max-width:600px){.section.about-section.about-clinic{padding:42px 0}}
/* v7 — carrossel nativo apenas no celular. O botão não ocupa a antiga coluna de 43px. */
.process-controls{display:none}
@media(max-width:600px){
 #processo .process-interactive{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;min-width:0}
 #processo .process-art{grid-row:1;width:min(240px,70vw);max-width:100%;margin:0 auto;touch-action:auto}
 #processo .process-interactive .steps{grid-row:2;display:flex;gap:16px;width:100%;min-width:0;max-width:100%;margin:0;padding:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:0;overscroll-behavior-x:contain;scrollbar-width:none;position:relative;align-items:stretch;touch-action:auto}
 #processo .steps::-webkit-scrollbar{display:none}
 #processo .process-interactive .steps article{display:block;grid-template-columns:none;flex:0 0 100%;width:100%;min-width:0;max-width:100%;padding:0;scroll-snap-align:start;scroll-snap-stop:always;}
 #processo .steps .process-choice{display:block;width:100%;min-width:0;max-width:100%;height:100%;box-sizing:border-box;padding:18px 18px 22px;text-align:left;border:1px solid #cfc6b8;border-radius:4px;transform:none;white-space:normal;overflow-wrap:normal;word-break:normal;}
 #processo .steps .process-choice h3{display:block;font-size:20px;line-height:1.3;margin:7px 0 12px;max-width:none}
 #processo .steps .process-choice p{display:block;grid-column:auto;width:auto;max-width:none;font-size:14px;line-height:1.7;margin:0}
 #processo .steps .process-choice:before{display:none}
 #processo .steps .process-choice[aria-pressed=true]{border-color:#0b478d55;background:#0b478d06}
 #processo .steps .process-choice:focus-visible{outline-offset:-3px}
 #processo .process-controls{grid-row:3;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;color:#0b478d}
 .process-controls>button{font:inherit;font-size:22px;width:44px;height:44px;display:grid;place-items:center;border:1px solid #cfc6b8;border-radius:50%;background:transparent;color:inherit;cursor:pointer;touch-action:manipulation}
 .process-controls>button:disabled{opacity:.3;cursor:default}
 .process-dots{display:flex;align-items:center;gap:0}
 .process-dots button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer;touch-action:manipulation}
 .process-dots button span{display:block;width:7px;height:7px;border-radius:50%;background:#c9c0b2;transition:background 180ms ease-out,transform 180ms ease-out}
 .process-dots button[aria-pressed=true] span{background:#0b478d;transform:scale(1.3)}
 .process-controls button:focus-visible{outline:2px solid #0b478d;outline-offset:2px}
 .process-controls button:not(:disabled):active{transform:scale(.96)}
}
/* v9 — cabeçalho móvel sempre visível e rodapé do menu mais discreto. */
@media(max-width:900px){
 .site-header,.site-header.hidden-header{position:fixed;top:0;left:0;right:0;transform:none!important;background:var(--background);border-bottom:1px solid var(--border)}
 .mobile-menu>p{font-size:15px;line-height:1.65;font-weight:400;max-width:300px;margin:28px 0 12px;padding-top:20px;border-top:1px solid var(--border);color:var(--muted)}
 .mobile-menu>small{font-size:9px;line-height:1.6;color:var(--muted)}
}

/* v10 — diálogo e escuta em curvas abertas, sem elementos anatômicos. */
.dialogue-left,.dialogue-right,.dialogue-wave{transform-box:view-box;transform-origin:230px 230px}
.dialogue-left>path:first-child,.dialogue-right>path:first-child{stroke-width:1.7}
.dialogue-echo{opacity:.35;stroke-width:1}
.dialogue-wave{stroke-dasharray:1;stroke-dashoffset:1;opacity:0;stroke-width:1.25}
@media(prefers-reduced-motion:reduce){.dialogue-left,.dialogue-right{transform:none!important}.dialogue-wave{opacity:0!important}}
/* v11 — desktop mais compacto, sem alterar o zoom do navegador ou o mobile. */
@media(min-width:1100px){
 .site-header,main>section:not(.hero),footer,.hero-copy,.hero-bottom,.floating-wa{zoom:.9}
 .section.about-section.about-clinic{zoom:.9;padding:44px 0}
 main>.section{padding-top:64px;padding-bottom:64px}
 main>.section.contact-section{padding-top:52px;padding-bottom:52px}
 .hero.container{min-height:740px;padding-top:92px}
 .hero-copy{padding-top:22px;padding-bottom:28px}
 .hero-portrait{height:570px}
 .hero .eyebrow{margin-bottom:22px}
 .hero-description{margin-top:20px;margin-bottom:18px}
 .hero .cta{margin-top:20px}
 .hero-meta{margin-top:22px}
 .hero-bottom{padding-top:18px;padding-bottom:18px}
 .header-inner{height:84px}
 .section .eyebrow{margin-bottom:24px}
 .section-heading{margin-bottom:28px}
 .service-card{padding:26px 28px}
 .process-interactive{gap:48px}
 .process-art{max-width:370px}
 .process-choice{padding:18px 22px}
 .process-choice h3{margin-top:5px;margin-bottom:8px}
 .process-choice p{line-height:1.65}
 .about-clinic .about-content{padding:0}
 .about-clinic .about-copy .large-copy{margin-bottom:18px}
 .about-clinic .about-detail p{margin-bottom:10px;line-height:1.7}
 .about-clinic .credentials{gap:10px;margin-top:16px;padding-top:16px}
 .location-grid{gap:56px}
 .map-wrap iframe{height:360px}
 .places{gap:8px;margin-top:18px;margin-bottom:18px}
 .contact-grid{gap:48px}
}

/* Legenda discreta da clínica. */
.clinic-portrait .clinic-caption{position:absolute;left:12px;bottom:12px;z-index:2;margin:0;padding:3px 6px;border-radius:2px;background:rgba(23,21,18,.48);color:#faf8f5;font-size:10px;font-weight:400;line-height:1.4;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.25);pointer-events:none}

.clinic-caption>span{display:block;white-space:nowrap}
.clinic-caption[data-caption-ready]{opacity:0}
.clinic-caption[data-caption-ready]>span{clip-path:inset(0 100% 0 0)}
.clinic-caption[data-caption-ready].is-writing{opacity:1;transition:opacity 150ms ease-out}
.clinic-caption.is-writing>span{animation:clinic-type 1.5s steps(21,end) 100ms both}
@keyframes clinic-type{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@media(prefers-reduced-motion:reduce){.clinic-caption[data-caption-ready]{opacity:1}.clinic-caption>span{animation:none!important;clip-path:none!important}}