


:where(.pg-dermatologia) .abertura-midia :is(img,video){ --origem:50% 50%; }
@media (max-width:820px){ :where(.pg-dermatologia) .abertura-midia :is(img,video){ object-position:var(--foco-movel,50% 55%); } }
:where(.pg-dermatologia) .abertura-medico--texto{ grid-template-columns:minmax(0,1fr); }


:where(.pg-dermatologia) .tela-foto-lugar{ display:flex; align-items:center; gap:var(--e-3); margin-top:var(--e-5); font:500 var(--t-rotulo)/1.4 var(--texto); letter-spacing:var(--track); text-transform:uppercase; color:var(--champanhe); }
@media (max-width:640px){ :where(.pg-dermatologia) .tela-foto img{ object-position:var(--foco-movel,var(--foco,50% 50%)); } }
:where(.pg-dermatologia) .tela-foto-lugar::before{ content:""; width:32px; height:1px; background:currentColor; }


:where(.pg-dermatologia) .causas-base{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:var(--e-4);
  margin-top:var(--e-8); padding-top:var(--e-5); border-top:1px solid var(--f-fio); }
:where(.pg-dermatologia) .causas-base p{ max-width:60ch; font-size:var(--t-apoio); color:var(--f-texto); }
:where(.pg-dermatologia) .causas-base strong{ color:var(--f-titulo); }


:where(.pg-dermatologia) .aba-corpo > .aba-texto{ grid-column:1 / span 7; }
:where(.pg-dermatologia) .aba-corpo > .aba-texto .aba-def{ font:400 var(--t-chamada)/1.6 var(--texto); color:var(--f-titulo); }
:where(.pg-dermatologia) .aba-corpo > .aba-texto .ficha-tec{ margin-top:var(--e-6); }
:where(.pg-dermatologia) .aba-corpo > .aba-lado{ grid-column:8 / -1; }
:where(.pg-dermatologia) .aba-lado figure{ margin:0; }
:where(.pg-dermatologia) .aba-lado figcaption{ margin-top:var(--e-3); font-size:var(--t-legenda); line-height:1.5; color:var(--f-apoio); }
:where(.pg-dermatologia) .aba-lado svg{ display:block; width:100%; height:auto; max-width:440px; }


:where(.pg-dermatologia) .queixas-lista{ border-top:1px solid var(--f-fio-destaque); }
:where(.pg-dermatologia) .queixas-lista li{ position:relative; padding:var(--e-4) 0 var(--e-4) var(--e-6); border-bottom:1px solid var(--f-fio); font-size:var(--t-apoio); line-height:1.55; color:var(--f-texto); }
:where(.pg-dermatologia) .queixas-lista li::before{ content:""; position:absolute; left:0; top:calc(var(--e-4) + .55em); width:8px; height:8px; border-radius:50%; background:var(--f-ponto); }
:where(.pg-dermatologia) .aba-texto .rotulo{ display:block; margin-bottom:var(--e-4); }


:where(.pg-dermatologia) .sinais-sub{ font-size:var(--t-h4); margin-bottom:var(--e-5); }
:where(.pg-dermatologia) .abcde-svg .pinta{ fill:var(--marrom); }
:where(.pg-dermatologia) .abcde-svg .pinta-2{ fill:var(--preto); }
:where(.pg-dermatologia) .abcde-svg .pinta-3{ fill:var(--pedra); }
:where(.pg-dermatologia) .abcde-svg .abcde-div{ stroke:var(--fio-claro); stroke-width:1; }
:where(.pg-dermatologia) .abcde-svg .abcde-eixo{ stroke:var(--marfim); stroke-width:1.5; stroke-dasharray:4 4; }
:where(.pg-dermatologia) .abcde-svg :is(.abcde-cota,.abcde-seta){ stroke:var(--pedra); stroke-width:1.5; fill:none; stroke-linecap:round; stroke-linejoin:round; }
:where(.pg-dermatologia) .abcde-svg .abcde-cota-t{ font:500 12px var(--texto); fill:var(--pedra); }
:where(.pg-dermatologia) .abcde-svg .abcde-rot{ font:500 12px var(--texto); letter-spacing:.1em; text-transform:uppercase; fill:var(--pedra); }
:where(.pg-dermatologia) .abcde-svg .abcde-rot--alerta{ fill:var(--marrom); }
:where(.pg-dermatologia) #sinais .aba-def{ font:400 var(--t-h4)/1.4 var(--display)!important; }
:where(.pg-dermatologia) #sinais .aba-corpo{ align-items:center; }
:where(.pg-dermatologia) .sinais-fonte{ margin-top:var(--e-6); max-width:72ch; font-size:var(--t-legenda); line-height:1.6; color:var(--f-apoio); }
:where(.pg-dermatologia) .sinais-fonte a{ color:var(--f-link); }


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


:where(.pg-dermatologia) .faq-grade .essencial{ margin-top:var(--e-7); }


:where(.pg-dermatologia) .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-dermatologia) .v3-meio-tit{ grid-column:1; font:400 var(--t-h4)/1.2 var(--display); color:var(--f-titulo); max-width:28ch; }
:where(.pg-dermatologia) .v3-meio-apoio{ grid-column:1; font-size:var(--t-apoio); line-height:1.6; color:var(--f-apoio); max-width:58ch; }
:where(.pg-dermatologia) .v3-meio .btn{ grid-column:2; grid-row:1 / span 2; }
:where(.pg-dermatologia) .v3-meio .v3-micro{ grid-column:2; margin-top:var(--e-2); text-align:center; }
@media (max-width:820px){
  :where(.pg-dermatologia) .v3-meio{ grid-template-columns:minmax(0,1fr); }
  :where(.pg-dermatologia) .v3-meio > *,:where(.pg-dermatologia) .v3-meio .btn,:where(.pg-dermatologia) .v3-meio .v3-micro{ grid-column:1; grid-row:auto; }
  :where(.pg-dermatologia) .v3-meio .btn{ margin-top:var(--e-4); justify-self:stretch; white-space:normal; text-align:center; }
  :where(.pg-dermatologia) .v3-meio .v3-micro{ text-align:left; }
}

@media (max-width:820px){
  :where(.pg-dermatologia) .abertura .abertura-midia{ top:var(--topo-h); --midia-top:var(--topo-h); }
  
  :where(.pg-dermatologia) .abertura .abertura-midia::before{ display:none; }
  :where(.pg-dermatologia) .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 (min-width:1025px){
  :where(.pg-dermatologia) .convite-final{ --faixa:clamp(360px,30vw,560px); padding-top:calc(var(--faixa) * .82); align-items:flex-start; }
  :where(.pg-dermatologia) .convite-midia{ inset:0 0 auto 0; height:var(--faixa); overflow:hidden; }
  :where(.pg-dermatologia) .convite-midia img{ --foco:50% 64%; }
  :where(.pg-dermatologia) .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%); }
}

/* dupla de médicos (quem atende) */
:where(.pg-dermatologia) .dupla-cab{ display:grid; grid-template-columns:minmax(0,1fr)!important; grid-auto-flow:row!important; gap:var(--e-4); max-width:760px; margin-bottom:var(--e-8); }
:where(.pg-dermatologia) .dupla-cab > *{ grid-column:1 / -1!important; margin-left:0; }
:where(.pg-dermatologia) .dupla-medicos{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:var(--calha); row-gap:var(--e-9); }
:where(.pg-dermatologia) .dupla-medico{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); column-gap:var(--e-6); align-items:start; min-width:0; }
:where(.pg-dermatologia) .dupla-medico-foto{ position:relative; margin:0; aspect-ratio:4/5; overflow:hidden; background-color:var(--areia); }
:where(.pg-dermatologia) .dupla-medico-foto picture{ display:block; width:100%; height:100%; }
:where(.pg-dermatologia) .dupla-medico-foto img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:var(--foco,50% 25%); filter:saturate(.74) sepia(.12) contrast(1.03) brightness(.97); }
:where(.pg-dermatologia) .dupla-medico .id-medica{ font-size:15px; color:var(--f-titulo); }
:where(.pg-dermatologia) .dupla-medico .texto{ margin-top:var(--e-4); font-size:var(--t-apoio); line-height:1.65; }
:where(.pg-dermatologia) .dupla-medico .ficha-tec{ margin-top:var(--e-5); grid-template-columns:minmax(0,1fr); }
:where(.pg-dermatologia) .dupla-medico .ficha-tec dt{ padding-bottom:0; border-bottom:0; }
:where(.pg-dermatologia) .dupla-medico .ficha-tec dd{ padding-top:var(--e-2); }
:where(.pg-dermatologia) .dupla-medico .botoes{ margin-top:var(--e-5); }
:where(.pg-dermatologia) .dupla-rodape{ display:flex; flex-wrap:wrap; gap:var(--e-3) var(--e-6); align-items:center; margin-top:var(--e-8); padding-top:var(--e-5); border-top:1px solid var(--f-fio); }
@media (max-width:1180px){ :where(.pg-dermatologia) .dupla-medicos{ grid-template-columns:minmax(0,1fr); row-gap:var(--e-8); } :where(.pg-dermatologia) .dupla-medico{ grid-template-columns:minmax(0,4fr) minmax(0,8fr); } }
@media (max-width:640px){ :where(.pg-dermatologia) .dupla-medico{ grid-template-columns:minmax(0,1fr); row-gap:var(--e-5); } :where(.pg-dermatologia) .dupla-medico-foto{ max-width:240px; } }

:where(.pg-dermatologia) .causas-base .link-seta + .link-seta{ margin-left:var(--e-4); }
