


:where(.pg-emagrecimento-e-saude-metabolica) .abertura-midia :is(img,video){ --origem:58% 34%; }


:where(.pg-emagrecimento-e-saude-metabolica) .diag{ display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); column-gap:var(--calha); row-gap:var(--e-8); align-items:center; }
:where(.pg-emagrecimento-e-saude-metabolica) .diag-mapa{ grid-column:1 / span 6; position:relative; width:100%; max-width:560px; aspect-ratio:1; justify-self:center; }
:where(.pg-emagrecimento-e-saude-metabolica) .diag-paineis{ grid-column:8 / -1; display:grid; gap:var(--e-7); }
:where(.pg-emagrecimento-e-saude-metabolica) .diag-fios{ position:absolute; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none; }
:where(.pg-emagrecimento-e-saude-metabolica) .diag-orbita{ fill:none; stroke:var(--f-fio-destaque); stroke-width:1; vector-effect:non-scaling-stroke; opacity:.55; }
:where(.pg-emagrecimento-e-saude-metabolica) .diag-fio{ stroke:var(--fio-escuro); stroke-width:1; vector-effect:non-scaling-stroke; }
:where(.pg-emagrecimento-e-saude-metabolica) .diag--vivo .diag-fio{ stroke:var(--f-fio); }

:where(.pg-emagrecimento-e-saude-metabolica) .diag-fio.on{ stroke:var(--ouro-claro); stroke-dasharray:1; stroke-dashoffset:0; animation:diag-fio .8s var(--curva) both; }
@keyframes diag-fio{ from{ stroke-dashoffset:1; } to{ stroke-dashoffset:0; } }

:where(.pg-emagrecimento-e-saude-metabolica) .diag-centro{ position:absolute; left:35%; top:35%; width:30%; padding:0; border:0; background:none; cursor:pointer; color:var(--f-titulo); }
:where(.pg-emagrecimento-e-saude-metabolica) .diag-centro img{ display:block; width:100%; aspect-ratio:1; height:auto; object-fit:cover; object-position:50% 18%; border-radius:50%;
  border:1px solid var(--f-fio); filter:saturate(.85) sepia(.05); transition:border-color .3s ease,filter .4s ease; }
:where(.pg-emagrecimento-e-saude-metabolica) .diag-centro-nome{ position:absolute; padding:0 var(--e-2); background:var(--preto); left:50%; top:calc(100% + var(--e-3)); transform:translateX(-50%); white-space:nowrap;
  font:500 var(--t-rotulo)/1.3 var(--texto); letter-spacing:var(--track); text-transform:uppercase; color:var(--f-apoio); transition:color .3s ease; }
:where(.pg-emagrecimento-e-saude-metabolica) .diag-no{ position:absolute; left:var(--x); top:var(--y); transform:translate(-50%,-50%); display:grid; justify-items:center; gap:var(--e-2);
  min-width:44px; min-height:44px; padding:var(--e-2); border:0; background:none; cursor:pointer; color:var(--f-texto); }
:where(.pg-emagrecimento-e-saude-metabolica) .diag-no span{ font:400 clamp(19px,.8vw + 14px,26px)/1.1 var(--display); white-space:nowrap; transition:color .3s ease; }
:where(.pg-emagrecimento-e-saude-metabolica) .diag-no > span{ position:absolute; top:calc(50% + 14px); left:50%; transform:translateX(-50%); padding:0 var(--e-2); background:var(--preto); }
:where(.pg-emagrecimento-e-saude-metabolica) .diag-ponto{ display:block; width:14px; height:14px; border-radius:50%; border:1px solid var(--f-fio-destaque); background:var(--preto);
  transition:transform .4s var(--curva),background-color .3s ease; }
:where(.pg-emagrecimento-e-saude-metabolica) .diag-no:hover .diag-ponto{ transform:scale(1.2); }
:where(.pg-emagrecimento-e-saude-metabolica) .diag-no:hover span,
:where(.pg-emagrecimento-e-saude-metabolica) .diag-centro:hover .diag-centro-nome{ color:var(--f-titulo); }
:where(.pg-emagrecimento-e-saude-metabolica) .diag-no.ativo .diag-ponto{ background:var(--ouro-degrade); border-color:transparent; transform:scale(1.3); transition-delay:.45s; }
:where(.pg-emagrecimento-e-saude-metabolica) .diag-no.ativo span{ font-family:var(--enfase); font-style:italic; color:var(--ouro-claro); }
:where(.pg-emagrecimento-e-saude-metabolica) .diag-centro.ativo img{ border-color:var(--ouro-claro); }
:where(.pg-emagrecimento-e-saude-metabolica) .diag-centro.ativo .diag-centro-nome{ color:var(--champanhe); }
:where(.pg-emagrecimento-e-saude-metabolica) .diag--vivo:not([data-ativo="consulta"]) .diag-centro img{ filter:saturate(.6) sepia(.1) brightness(.8); }
:where(.pg-emagrecimento-e-saude-metabolica) :is(.diag-no,.diag-centro):focus-visible{ outline:2px solid var(--champanhe); outline-offset:4px; border-radius:2px; }

:where(.pg-emagrecimento-e-saude-metabolica) .diag-painel{ border-top:1px solid var(--f-fio-destaque); padding-top:var(--e-5); }
:where(.pg-emagrecimento-e-saude-metabolica) .diag-painel:focus{ outline:none; }
:where(.pg-emagrecimento-e-saude-metabolica) .diag-painel .rotulo{ display:block; margin-bottom:var(--e-3); }
:where(.pg-emagrecimento-e-saude-metabolica) .diag-painel h3{ font-size:var(--t-h3); line-height:1.1; }
:where(.pg-emagrecimento-e-saude-metabolica) .diag-painel h3 + p{ margin-top:var(--e-4); font-size:var(--t-corpo); line-height:1.7; color:var(--f-texto); max-width:36em; }
:where(.pg-emagrecimento-e-saude-metabolica) .diag-quem{ margin-top:var(--e-5); font-size:var(--t-legenda); color:var(--f-apoio); }
:where(.pg-emagrecimento-e-saude-metabolica) .diag-quem .id-medica{ font-size:13px; color:var(--f-titulo); }
:where(.pg-emagrecimento-e-saude-metabolica) .diag-quem .link-seta{ min-height:44px; }
:where(.pg-emagrecimento-e-saude-metabolica) .diag--vivo .diag-paineis{ gap:0; }
:where(.pg-emagrecimento-e-saude-metabolica) .diag--vivo .diag-painel:not([hidden]){ animation:dissolve var(--d-dissolve) var(--curva-saida); }
@media (max-width:1024px){
  :where(.pg-emagrecimento-e-saude-metabolica) .diag-mapa,
  :where(.pg-emagrecimento-e-saude-metabolica) .diag-paineis{ grid-column:1 / -1; }
  :where(.pg-emagrecimento-e-saude-metabolica) .diag-mapa{ max-width:440px; }
  :where(.pg-emagrecimento-e-saude-metabolica) .diag{ row-gap:var(--e-7); }
}
@media (max-width:640px){
  :where(.pg-emagrecimento-e-saude-metabolica) .diag-mapa{ max-width:340px; }
  :where(.pg-emagrecimento-e-saude-metabolica) .diag-centro-nome{ font-size:16px; }
  :where(.pg-emagrecimento-e-saude-metabolica) .diag-no span{ font-size:18px; }
  :where(.pg-emagrecimento-e-saude-metabolica) .diag-no > span{ top:calc(50% + 10px); }
}
@media (prefers-reduced-motion:reduce){
  :where(.pg-emagrecimento-e-saude-metabolica) .diag-fio.on{ animation:none; }
  :where(.pg-emagrecimento-e-saude-metabolica) .diag--vivo .diag-painel:not([hidden]){ animation:none; }
  :where(.pg-emagrecimento-e-saude-metabolica) .diag-no.ativo .diag-ponto{ transition:none; }
}


:where(.pg-emagrecimento-e-saude-metabolica) .convite-in--form{ align-items:center; }
:where(.pg-emagrecimento-e-saude-metabolica) .convite-in--form .convite-texto{ grid-column:1 / span 6; }
:where(.pg-emagrecimento-e-saude-metabolica) .convite-in--form .form-caixa{ grid-column:8 / -1; }
:where(.pg-emagrecimento-e-saude-metabolica) .convite-in--form .depois{ margin-top:var(--e-7); }
@media (max-width:1024px){
  :where(.pg-emagrecimento-e-saude-metabolica) .convite-in--form :is(.convite-texto,.form-caixa){ grid-column:1 / -1; }
}
@media (max-width:640px){
  :where(.pg-emagrecimento-e-saude-metabolica) .convite-in--form .form-caixa{ padding:var(--e-6) var(--e-4) var(--e-5); }
  :where(.pg-emagrecimento-e-saude-metabolica) .convite-topo{ flex-wrap:wrap; }
  :where(.pg-emagrecimento-e-saude-metabolica) .convite-topo .rotulo{ overflow-wrap:normal; text-align:left; }
}


:where(.pg-emagrecimento-e-saude-metabolica) .aba-corpo > .aba-lado{ align-self:end; }
:where(.pg-emagrecimento-e-saude-metabolica) .irmas{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--calha); margin-top:var(--e-9); }
:where(.pg-emagrecimento-e-saude-metabolica) .irma{ display:grid; align-content:start; gap:var(--e-2); padding:var(--e-5); min-height:100%; border:1px solid var(--f-fio); background:var(--f-painel);
  text-decoration:none; color:var(--f-texto); transition:border-color .3s ease; }
:where(.pg-emagrecimento-e-saude-metabolica) .irma b{ font:400 clamp(24px,1vw + 16px,30px)/1.1 var(--display); color:var(--f-titulo); }
:where(.pg-emagrecimento-e-saude-metabolica) .irma small{ font-size:var(--t-legenda); line-height:1.5; color:var(--f-apoio); }
:where(.pg-emagrecimento-e-saude-metabolica) .irma small::after{ content:""; display:inline-block; width:16px; height:16px; margin-left:var(--e-2); vertical-align:-3px; background:var(--champanhe);
  -webkit-mask:var(--ic-seta) center/contain no-repeat; mask:var(--ic-seta) center/contain no-repeat; transition:transform .3s var(--curva); }
:where(.pg-emagrecimento-e-saude-metabolica) .irma:hover{ border-color:rgba(241,221,192,.45); }
:where(.pg-emagrecimento-e-saude-metabolica) .irma:hover small::after{ transform:translateX(4px); }
:where(.pg-emagrecimento-e-saude-metabolica) .irma:focus-visible{ outline:2px solid var(--champanhe); outline-offset:3px; }
@media (max-width:820px){ :where(.pg-emagrecimento-e-saude-metabolica) .irmas{ grid-template-columns:minmax(0,1fr); margin-top:var(--e-8); } }


:where(.pg-emagrecimento-e-saude-metabolica) .so-homologacao{ display:none; }
:where(.pg-emagrecimento-e-saude-metabolica.com-realce, .com-realce .pg-emagrecimento-e-saude-metabolica) .so-homologacao{ display:revert; }





:where(.pg-emagrecimento-e-saude-metabolica) .diag-centro{ display:grid; place-items:center; aspect-ratio:1; border:1px solid var(--f-fio-destaque); border-radius:50%; background:var(--preto);
  transition:border-color .3s ease; }
:where(.pg-emagrecimento-e-saude-metabolica) .diag-centro .diag-centro-nome{ position:static; transform:none; padding:0 var(--e-2); background:none; white-space:normal; text-align:center;
  font:400 clamp(18px,.9vw + 12px,26px)/1.1 var(--display); letter-spacing:0; text-transform:none; color:var(--f-titulo); }
:where(.pg-emagrecimento-e-saude-metabolica) .diag-centro-nome em{ display:block; font-family:var(--enfase); font-style:italic; color:var(--champanhe); }
:where(.pg-emagrecimento-e-saude-metabolica) .diag-centro.ativo{ border-color:var(--ouro-claro); }
:where(.pg-emagrecimento-e-saude-metabolica) .diag-centro.ativo .diag-centro-nome{ color:var(--f-titulo); }

:where(.pg-emagrecimento-e-saude-metabolica) .diag-no{ transform:translate(-50%,calc(-7px - var(--e-2))); }
:where(.pg-emagrecimento-e-saude-metabolica) .diag-no > span{ position:static; transform:none; }
@media (max-width:640px){
  :where(.pg-emagrecimento-e-saude-metabolica) .diag-centro .diag-centro-nome{ font-size:16px; }
}

@media (max-width:360px){ :where(.pg-emagrecimento-e-saude-metabolica) .abertura h1.display{ font-size:clamp(1.9rem,10.2vw,2.4rem); } }

:where(.pg-emagrecimento-e-saude-metabolica) .gaveta-tags .selo{ min-height:0; padding:0; border:0; font-size:11px; letter-spacing:.14em; color:var(--f-apoio); }


.pg-emagrecimento-e-saude-metabolica .abertura-midia{ --foco:62% 30%; }
@media (max-width:820px){ .pg-emagrecimento-e-saude-metabolica .abertura-midia{ --foco:50% 0%; } }



:where(.pg-emagrecimento-e-saude-metabolica) .hero-link{ margin-top:var(--e-4); }

:where(.pg-emagrecimento-e-saude-metabolica) .convite-meio{ display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); column-gap:var(--calha); row-gap:var(--e-5); align-items:center;
  margin-top:var(--e-8); padding-top:var(--e-6); border-top:1px solid var(--f-fio); }
:where(.pg-emagrecimento-e-saude-metabolica) .convite-meio-texto{ grid-column:1 / span 7; }
:where(.pg-emagrecimento-e-saude-metabolica) .convite-meio-acao{ grid-column:8 / -1; }
:where(.pg-emagrecimento-e-saude-metabolica) .convite-meio-titulo{ font:400 var(--t-h3)/1.15 var(--display); color:var(--f-titulo); text-wrap:balance; }
:where(.pg-emagrecimento-e-saude-metabolica) .convite-meio-texto p + p{ margin-top:var(--e-3); max-width:44ch; color:var(--f-texto); line-height:1.7; }
:where(.pg-emagrecimento-e-saude-metabolica) .convite-meio-acao .btn{ width:100%; }
:where(.pg-emagrecimento-e-saude-metabolica) .convite-meio-micro{ margin-top:var(--e-3); font-size:var(--t-legenda); line-height:1.5; color:var(--f-apoio); }
@media (max-width:1024px){
  :where(.pg-emagrecimento-e-saude-metabolica) :is(.convite-meio-texto,.convite-meio-acao){ grid-column:1 / -1; }
  :where(.pg-emagrecimento-e-saude-metabolica) .convite-meio-acao .btn{ width:auto; }
}
@media (max-width:640px){
  :where(.pg-emagrecimento-e-saude-metabolica) .convite-meio-acao .btn{ width:100%; }
}

:where(.pg-emagrecimento-e-saude-metabolica) .resposta-in > .pagina-atalhos{ grid-column:9 / -1; margin-top:0; }
:where(.pg-emagrecimento-e-saude-metabolica) .resposta-in > .pagina-atalhos ul{ flex-direction:column; align-items:stretch; }
:where(.pg-emagrecimento-e-saude-metabolica) .resposta-in > .pagina-atalhos a{ display:flex; justify-content:space-between; }
:where(.pg-emagrecimento-e-saude-metabolica) .essencial{ border-top:1px solid var(--f-fio); }
:where(.pg-emagrecimento-e-saude-metabolica) .essencial-titulo{ margin-top:var(--e-3); font:400 var(--t-h2)/1.1 var(--display); color:var(--f-titulo); text-wrap:balance; }
:where(.pg-emagrecimento-e-saude-metabolica) .essencial-titulo em{ font-family:var(--enfase); font-style:italic; color:var(--f-enfase); }
:where(.pg-emagrecimento-e-saude-metabolica) .essencial-texto{ margin-top:var(--e-5); max-width:34em; color:var(--f-texto); line-height:1.7; }
@media (max-width:1024px){
  :where(.pg-emagrecimento-e-saude-metabolica) .resposta-in > .pagina-atalhos{ grid-column:1 / -1; }
  :where(.pg-emagrecimento-e-saude-metabolica) .resposta-in > .pagina-atalhos ul{ flex-direction:row; }
  :where(.pg-emagrecimento-e-saude-metabolica) .resposta-in > .pagina-atalhos a{ display:inline-flex; }
}

:where(.pg-emagrecimento-e-saude-metabolica) .processo-base .btn{ flex:none; }

@media (max-width:820px){ .pg-emagrecimento-e-saude-metabolica .abertura .abertura-midia{ --foco:50% 26%; } }


@media (min-width:1025px){
  :where(.pg-emagrecimento-e-saude-metabolica) .convite-final{ --faixa:clamp(360px,30vw,560px); padding-top:calc(var(--faixa) * .82); align-items:flex-start; }
  :where(.pg-emagrecimento-e-saude-metabolica) .convite-midia{ inset:0 0 auto 0; height:var(--faixa); overflow:hidden; }
  :where(.pg-emagrecimento-e-saude-metabolica) .convite-midia img{ --foco:50% 20%; }
  :where(.pg-emagrecimento-e-saude-metabolica) .convite-midia::after{ background:linear-gradient(to top,rgba(18,19,20,1) 0%,rgba(18,19,20,.86) 16%,rgba(18,19,20,.3) 42%,rgba(18,19,20,.12) 70%,rgba(18,19,20,.3) 100%),linear-gradient(to right,rgba(18,19,20,.5) 0%,rgba(18,19,20,0) 40%); }
}
