


:where(.pg-ortopedia-e-dor) .abertura--linha{ --midia-x:34%; }
:where(.pg-ortopedia-e-dor) .abertura-midia :is(img,video){ --origem:66% 38%; }
:where(.pg-ortopedia-e-dor) .abertura-midia{ --foco:66% 38%; }
@media (max-width:820px){ :where(.pg-ortopedia-e-dor) .abertura-midia{ --foco:50% 6%; } }  
:where(.pg-ortopedia-e-dor) .v3-micro{ margin-top:var(--e-4); font:400 var(--t-legenda)/1.5 var(--texto); color:var(--f-apoio); }
:where(.pg-ortopedia-e-dor) .orto-pausa{ --foco:50% 40%; }
:where(.pg-ortopedia-e-dor) .orto-convite .convite-midia{ --foco:60% 30%; }


:where(.pg-ortopedia-e-dor) .orto-regioes .abas-lista{ gap:0 var(--e-2); }
:where(.pg-ortopedia-e-dor) .orto-regioes .abas-lista button{ font:400 clamp(17px,.5vw + 14px,21px)/1.2 var(--display); letter-spacing:0; }
:where(.pg-ortopedia-e-dor) .orto-regioes .aba-corpo{ align-items:center; }
:where(.pg-ortopedia-e-dor) .orto-desenho{ grid-column:1 / span 5; position:relative; margin:0; aspect-ratio:3/4; max-height:600px;
  display:grid; place-items:center; background:radial-gradient(closest-side,rgba(230,194,138,.09),rgba(230,194,138,0) 72%); }
:where(.pg-ortopedia-e-dor) .orto-desenho::before{ content:""; position:absolute; inset:0; border-bottom:1px solid var(--f-fio); pointer-events:none; }
:where(.pg-ortopedia-e-dor) .orto-desenho figcaption{ position:absolute; left:0; bottom:var(--e-3); font:500 var(--t-rotulo)/1.4 var(--texto); letter-spacing:var(--track); text-transform:uppercase; color:var(--f-apoio); }
:where(.pg-ortopedia-e-dor) .orto-texto{ grid-column:7 / -1; }
:where(.pg-ortopedia-e-dor) .orto-nome{ font:400 var(--t-capitulo)/1.05 var(--display); color:var(--f-titulo); }
:where(.pg-ortopedia-e-dor) .orto-situacao{ margin-top:var(--e-5); font-size:clamp(19px,.5vw + 16px,24px); line-height:1.55; color:var(--f-texto); max-width:34em; }
:where(.pg-ortopedia-e-dor) .orto-texto .ficha-tec{ margin-top:var(--e-6); }


:where(.pg-ortopedia-e-dor) .desenho{ width:min(100%,340px); height:auto; max-height:100%; overflow:visible; }
:where(.pg-ortopedia-e-dor) .desenho path{ vector-effect:non-scaling-stroke; stroke-width:1.4; }
:where(.pg-ortopedia-e-dor) .desenho .d-base{ stroke:var(--ouro-claro); opacity:.55; }
:where(.pg-ortopedia-e-dor) .desenho .d-foco{ stroke:var(--champanhe); stroke-width:2; }
:where(.pg-ortopedia-e-dor) .desenho .d-tendao{ stroke:var(--ouro-claro); opacity:.45; stroke-dasharray:3 6; }

@media (prefers-reduced-motion:no-preference){
  html.js:not(.automatizado):not(.movimento-pausado) :where(.pg-ortopedia-e-dor) .abas--ativas .aba:not([hidden]) .desenho :is(.d-base,.d-foco){
    stroke-dasharray:1; animation:orto-traco 1.6s var(--curva) both; }
  html.js:not(.automatizado):not(.movimento-pausado) :where(.pg-ortopedia-e-dor) .abas--ativas .aba:not([hidden]) .desenho .d-foco{ animation-delay:.5s; }
  html.js:not(.automatizado):not(.movimento-pausado) :where(.pg-ortopedia-e-dor) .abas--ativas .aba:not([hidden]) .desenho .d-tendao{ animation:dissolve .6s var(--curva) 1.1s both; }
}
@keyframes orto-traco{ from{ stroke-dashoffset:1; } to{ stroke-dashoffset:0; } }

@media (max-width:1024px){
  :where(.pg-ortopedia-e-dor) .orto-desenho{ aspect-ratio:auto; max-height:none; padding-block:var(--e-6) var(--e-8); }
  :where(.pg-ortopedia-e-dor) .desenho{ width:min(62vw,240px); }
}
@media (max-width:640px){
  :where(.pg-ortopedia-e-dor) .orto-regioes .abas-lista button{ font-size:17px; }
  :where(.pg-ortopedia-e-dor) .orto-nome{ font-size:34px; }
}


:where(.pg-ortopedia-e-dor) .orto-casas{ margin-top:var(--e-9); }
:where(.pg-ortopedia-e-dor) .orto-casas ul{ list-style:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--calha); margin-top:var(--e-4); }
:where(.pg-ortopedia-e-dor) .orto-casa{ display:flex; flex-direction:column; align-items:flex-start; gap:var(--e-3); height:100%; padding:var(--e-6);
  background:var(--f-painel); text-decoration:none; color:var(--f-titulo); border-top:2px solid transparent; transition:border-color .3s var(--curva); }
:where(.pg-ortopedia-e-dor) .orto-casa b{ font:400 var(--t-h3)/1.15 var(--display); }
:where(.pg-ortopedia-e-dor) .orto-casa small{ font-size:var(--t-apoio); line-height:1.55; color:var(--f-texto); }
:where(.pg-ortopedia-e-dor) .orto-casa:hover{ border-top-color:var(--f-enfase); }

:where(.pg-ortopedia-e-dor) .orto-casa--regen{ background:var(--regen-provisorio); color:var(--branco); }
:where(.pg-ortopedia-e-dor) .orto-casa--regen small{ color:var(--branco-quente); }
:where(.pg-ortopedia-e-dor) .orto-casa--regen .pilula{ color:var(--branco); border-color:rgba(241,221,192,.5); }
:where(.pg-ortopedia-e-dor) .orto-casa--regen:hover{ border-top-color:var(--champanhe); }
@media (max-width:820px){ :where(.pg-ortopedia-e-dor) .orto-casas ul{ grid-template-columns:minmax(0,1fr); } }


:where(.pg-ortopedia-e-dor) .orto-pausa img{ transform-origin:50% 30%; }


:where(.pg-ortopedia-e-dor) .orto-convite .convite-in{ align-items:center; }
:where(.pg-ortopedia-e-dor) .orto-convite .convite-texto{ grid-column:1 / span 6; }
:where(.pg-ortopedia-e-dor) .orto-convite .form-caixa{ grid-column:8 / -1; }
:where(.pg-ortopedia-e-dor) .orto-convite .depois{ margin-top:var(--e-7); max-width:34em; }
@media (max-width:1024px){
  :where(.pg-ortopedia-e-dor) .orto-convite .convite-texto,:where(.pg-ortopedia-e-dor) .orto-convite .form-caixa{ grid-column:1 / -1; }
}
@media (max-width:640px){ :where(.pg-ortopedia-e-dor) .orto-convite .form-caixa{ padding:var(--e-7) var(--e-5) var(--e-5); } }


:where(.pg-ortopedia-e-dor) .gaveta-tags .selo{ border:0; padding:0; min-height:0; background:none; font-size:11px; letter-spacing:.14em; color:var(--f-apoio); }
:where(.pg-ortopedia-e-dor) .gaveta-tags .selo + .selo::before{ content:"·"; margin-right:var(--e-2); }


:where(.pg-ortopedia-e-dor) .v3-meio{ display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:var(--e-8); row-gap:var(--e-2); align-items:center;
  margin-top:var(--e-8); padding-top:var(--e-6); border-top:1px solid var(--f-fio); }
:where(.pg-ortopedia-e-dor) .v3-meio-tit{ grid-column:1; font:400 var(--t-h4)/1.2 var(--display); color:var(--f-titulo); max-width:28ch; }
:where(.pg-ortopedia-e-dor) .v3-meio-apoio{ grid-column:1; font-size:var(--t-apoio); line-height:1.6; color:var(--f-apoio); max-width:58ch; }
:where(.pg-ortopedia-e-dor) .v3-meio .btn{ grid-column:2; grid-row:1 / span 2; }
:where(.pg-ortopedia-e-dor) .v3-meio .v3-micro{ grid-column:2; margin-top:var(--e-2); text-align:center; }
@media (max-width:820px){
  :where(.pg-ortopedia-e-dor) .v3-meio{ grid-template-columns:minmax(0,1fr); }
  :where(.pg-ortopedia-e-dor) .v3-meio > *,:where(.pg-ortopedia-e-dor) .v3-meio .btn,:where(.pg-ortopedia-e-dor) .v3-meio .v3-micro{ grid-column:1; grid-row:auto; }
  :where(.pg-ortopedia-e-dor) .v3-meio .btn{ margin-top:var(--e-4); justify-self:stretch; white-space:normal; text-align:center; }
  :where(.pg-ortopedia-e-dor) .v3-meio .v3-micro{ text-align:left; }
}
:where(.pg-ortopedia-e-dor) .orto-antes{ margin-bottom:var(--e-6); font-size:var(--t-chamada); line-height:1.55; color:var(--f-texto); max-width:46em; }

@media (max-width:820px){
  :where(.pg-ortopedia-e-dor) .abertura .abertura-midia{ top:var(--topo-h); --midia-top:var(--topo-h); }
  
  :where(.pg-ortopedia-e-dor) .abertura .abertura-midia::before{ display:none; }
  :where(.pg-ortopedia-e-dor) .abertura .abertura-midia::after{ background:linear-gradient(to top,var(--preto) 0%,rgba(18,19,20,.88) 26%,rgba(18,19,20,.4) 56%,rgba(18,19,20,0) 84%); }
}

@media (max-width:820px){
  :where(.pg-ortopedia-e-dor) .abertura-midia{ --foco:50% 45%; }
  :where(.pg-ortopedia-e-dor) .abertura .abertura-midia::after{ background:linear-gradient(to top,var(--preto) 0%,rgba(18,19,20,.88) 26%,rgba(18,19,20,.58) 50%,rgba(18,19,20,.3) 62%,rgba(18,19,20,0) 80%); }
  :where(.pg-ortopedia-e-dor) .abertura :is(.hero-migalha,.rotulo){ text-shadow:0 1px 3px rgba(18,19,20,.9),0 0 14px rgba(18,19,20,.75); }
}


@media (min-width:1025px){
  :where(.pg-ortopedia-e-dor) .orto-convite{ --faixa:min(34vw,640px); padding-top:calc(var(--faixa) * .82); align-items:flex-start; }
  :where(.pg-ortopedia-e-dor) .orto-convite .convite-midia{ inset:0 0 auto 0; height:var(--faixa); overflow:hidden; }
  :where(.pg-ortopedia-e-dor) .orto-convite .convite-midia img{ --foco:50% 20%; }
  :where(.pg-ortopedia-e-dor) .orto-convite .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%); }
}
