/* Topo e secao A medica: versao visual aprovada em 28/09/2026.
   Consolidado de preview.css, variacoes.css e avaliacoes.css. */

/* ---- preview.css ---- */
.hero{padding:64px 0 76px;background:#f5f8fb}.hero:before,.hero:after{display:none}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:80px;align-items:center}.hero .t-grande{font-size:clamp(38px,4.4vw,64px);line-height:1.08;letter-spacing:-2px;max-width:690px}.hero .t-grande span{color:var(--azul)}.hero .lead{font-size:19px;line-height:1.65;max-width:480px;margin-top:24px}.hero-acoes{margin-top:28px}.hero-figura{aspect-ratio:4/4.6;width:100%;max-width:510px;justify-self:end;isolation:isolate}.hero-figura>img{width:100%;height:100%;object-fit:cover;object-position:center 38%;border-radius:120px 24px 24px 24px}.foto-legenda{position:absolute;left:20px;right:20px;bottom:20px;padding:18px 22px;background:rgba(255,255,255,.94);border-radius:14px;display:grid;gap:4px}.foto-legenda strong{font-size:21px;color:var(--azul-escuro)}.foto-legenda span{font-size:12px}.prova{margin-top:30px}.nota-num,.credencial-num{font-size:25px}.medica-foto{left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:28px}.t-secao{letter-spacing:-1px}.btn{border-radius:12px}.hero .selo-crm{background:white;color:var(--azul-escuro)}@media(max-width:1080px){.hero-grid{gap:32px;grid-template-columns:1fr 1fr}.hero .t-grande{font-size:42px}.hero-figura{margin:0}.prova{flex-wrap:wrap}}@media(max-width:720px){.hero{padding:32px 0 44px}.hero-grid{grid-template-columns:1fr;gap:32px}.hero .t-grande{font-size:39px;letter-spacing:-1.3px}.hero .lead{font-size:16px;margin-top:16px}.hero-acoes{margin-top:22px;gap:10px}.hero-acoes .btn{width:100%;justify-content:center}.hero-figura{aspect-ratio:4/4.5;max-width:100%;width:100%}.hero-figura>img{border-radius:70px 18px 18px 18px}.prova{gap:16px;margin-top:24px}.hero .selo-crm{font-size:11px}.foto-legenda{bottom:14px;left:14px;right:14px}}.hero-texto{gap:20px;min-width:0}.hero .lead,.hero-acoes{margin-top:0}.hero-figura>img{position:absolute;inset:0}.hero .prova{display:flex;flex-wrap:wrap;gap:20px;padding:20px;margin-top:4px;max-width:100%}.hero .prova-col{flex:1;min-width:110px}.hero .divisor{display:none}.hero .credencial-txt{font-size:12px}.hero .hero-acoes .btn{padding:16px 20px}@media(max-width:720px){.hero-texto{gap:18px}.hero .t-grande{font-size:36px}.hero .prova{width:100%}}


/* ---- variacoes.css ---- */
.hero-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:48px}.hero{padding-top:40px;padding-bottom:52px}.hero-figura{max-width:none;aspect-ratio:4/4.5}.retrato-recorte{position:absolute;inset:0;overflow:hidden;background:#e4eaf0;border-radius:8px}.retrato-recorte img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;display:block}.foto-legenda{border-radius:8px;left:24px;right:auto;bottom:24px;max-width:calc(100% - 48px);box-shadow:0 6px 24px #16223f0a}.hero .t-grande{font-size:clamp(36px,3.8vw,56px)}[data-enquadramento="proximo"] .retrato-recorte img{transform:scale(1.18);transform-origin:50% 34%}[data-moldura="arco"] .retrato-recorte{border-radius:48% 48% 12px 12px}[data-moldura="arco"] .hero-figura:before{content:"";position:absolute;inset:-12px 14px 14px -12px;border:1px solid #57c7da;border-radius:48% 48% 12px 12px;z-index:-1}[data-moldura="cor"] .hero-figura:before{content:"";position:absolute;inset:28px -18px -18px 28px;background:#e3eff8;border-radius:16px;z-index:-1}[data-moldura="cor"] .hero-figura:after{content:"";position:absolute;width:80px;height:8px;background:#e9068c;left:-16px;top:52px;border-radius:4px}[data-moldura="cor"] .retrato-recorte{border-radius:16px 100px 16px 16px}[data-moldura="original"] .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:80px}[data-moldura="original"] .hero-figura{max-width:510px;aspect-ratio:4/4.6}[data-moldura="original"] .retrato-recorte{border-radius:120px 24px 24px 24px}@media(max-width:1080px) and (min-width:721px){.hero-grid{gap:30px}.hero .t-grande{font-size:38px}}@media(max-width:720px){.hero-grid,[data-moldura="original"] .hero-grid{grid-template-columns:1fr;gap:30px}.hero{padding-top:28px}.hero .t-grande{font-size:36px}.hero-figura,[data-moldura="original"] .hero-figura{width:100%;max-width:none;aspect-ratio:4/5}.foto-legenda{left:14px;bottom:14px;max-width:calc(100% - 28px);padding:14px}.foto-legenda strong{font-size:19px}[data-moldura="cor"] .hero-figura:before{inset:20px -10px -10px 20px}}@media(max-width:720px){.hero .prova{gap:12px;padding:16px}.hero .prova-col{min-width:90px}.foto-legenda span{overflow-wrap:anywhere}}.hero-figura>.rins-personagens,.medica-figura>.rins-personagens{position:absolute;inset:auto;left:-4%;bottom:15%;width:35%;height:auto;object-fit:contain;border-radius:0;z-index:3;pointer-events:none}.medica-figura>.rins-personagens{left:-7%;bottom:5%;width:38%}.sem-rins .rins-personagens{display:none}.hero-figura .foto-legenda{z-index:4}.medica-figura{isolation:isolate}@media(max-width:720px){.hero-figura>.rins-personagens{left:-3%;bottom:22%;width:36%}.medica-figura>.rins-personagens{left:-3%;width:34%}}.hero-figura .foto-legenda{left:auto;right:16px;bottom:12px;padding:10px 14px}.hero-figura .foto-legenda strong{font-size:16px}.hero-figura .foto-legenda span{font-size:10px}body:not(.sem-rins) .medica-figura{aspect-ratio:1/1}body:not(.sem-rins) .medica-foto{object-fit:contain}/* Foto da seção A médica: área maior e enquadramento próximo. */
#medica .medica-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px;align-items:center}#medica .medica-figura{width:100%;max-width:none;aspect-ratio:4/4.65;border-radius:28px;overflow:hidden}#medica .medica-foto{object-fit:cover;object-position:50% 44%;width:100%;height:100%;transform:scale(1.1);transform-origin:50% 44%}#medica .medica-circulo,#medica .medica-nuvem-a,#medica .medica-nuvem-b{display:none}@media(max-width:1080px){#medica .medica-grid{grid-template-columns:minmax(0,1fr);gap:36px}#medica .medica-figura{max-width:620px;justify-self:center}}@media(max-width:620px){#medica .medica-figura{border-radius:20px;aspect-ratio:4/4.6}}#medica .medica-detalhes{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;margin-top:14px}#medica .medica-detalhes .cartao-onde{width:100%;max-width:none;min-width:0;padding:26px 30px 28px;border-radius:24px}@media(max-width:620px){#medica .medica-detalhes{gap:22px}#medica .medica-detalhes .cartao-onde{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px 16px}#medica .cartao-onde .ladrilho{grid-row:1/4}#medica .cartao-onde>span:not(.ladrilho){grid-column:2}}/* Redução de 10% do conjunto visual do topo,preservando a diagramação. */
.hero .hero-figura{transform:scale(.9);transform-origin:center center}/* Mesma moldura do topo na foto da seção A médica. */
#medica .medica-figura{overflow:visible;border-radius:0;isolation:isolate}#medica .medica-foto{transform:none;object-fit:cover;object-position:50% 44%;border-radius:16px 100px 16px 16px;clip-path:inset(0 round 16px 100px 16px 16px)}#medica .medica-figura::before{content:"";position:absolute;inset:28px -18px -18px 28px;background:#e3eff8;border-radius:16px;z-index:-1}#medica .medica-figura::after{content:"";position:absolute;width:80px;height:8px;background:#e9068c;left:-16px;top:52px;border-radius:4px;z-index:2}@media(max-width:720px){#medica .medica-figura::before{inset:20px -10px -10px 20px}}#medica .medica-recorte{position:absolute;inset:0;overflow:hidden;border-radius:16px 100px 16px 16px}#medica .medica-foto{border-radius:0;clip-path:none;transform:scale(1.1);transform-origin:50% 44%}


/* ---- avaliacoes.css ---- */
.hero .prova{display:grid;grid-template-columns:1.05fr .85fr 1.1fr;gap:20px;padding:22px 24px;align-items:start;width:100%;background:rgba(255,255,255,.7);border:1px solid #e6ecf4;border-radius:20px;box-shadow:none}.avaliacao-destaque{display:flex;flex-direction:column;gap:9px;min-width:0;color:var(--azul-escuro);text-decoration:none}.avaliacao-resumo{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.avaliacao-nota{font-family:var(--display);font-size:25px;font-weight:700;line-height:1.15;letter-spacing:-.5px}.avaliacao-destaque .estrelas{gap:2px}.avaliacao-destaque svg{width:12px;height:12px;fill:#bd8b32;flex-shrink:0}.avaliacao-quantidade{font-size:12px;line-height:1.5;color:#64718a;max-width:155px}.hero .prova>.prova-col{min-width:0;gap:9px;padding:0}.hero .prova>.prova-col .credencial-num{font-size:25px;line-height:1.15;color:var(--azul-escuro)}.hero .prova>.prova-col .credencial-txt{font-size:12px;line-height:1.5;color:#64718a}@media(hover:hover) and (pointer:fine){.avaliacao-destaque:hover .avaliacao-quantidade{text-decoration:underline;text-underline-offset:3px}}@media(max-width:620px){.hero .prova{grid-template-columns:1fr 1fr;gap:20px;padding:20px}.avaliacao-destaque{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 16px;padding-bottom:16px;border-bottom:1px solid #e6ecf4}.avaliacao-quantidade{max-width:none}.hero .prova>.prova-col .credencial-num{font-size:22px}}/* Destaque suave apenas na composição de três colunas. */
@media(min-width:621px){
.hero .prova{align-items:center}.avaliacao-destaque{background:#edf3fc;border-inline-start:3px solid #3861ab;border-radius:12px;padding:14px 12px;gap:9px}.avaliacao-destaque .avaliacao-nota{color:#24406f}.avaliacao-destaque .avaliacao-quantidade{color:#435e87}}


/* Três credenciais equilibradas,sem cartão dentro do cartão. */
.hero .prova .avaliacao-destaque{background:none;border:0;border-radius:0;padding:0;gap:9px}.hero .prova .avaliacao-nota,.hero .prova .avaliacao-quantidade{color:#3861ab}.hero .prova .avaliacao-quantidade{font-weight:600}@media(min-width:621px){.hero .prova{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:stretch;padding:22px 18px}.hero .prova .avaliacao-destaque,.hero .prova>.prova-col{padding:0 14px}.hero .prova>.prova-col{border-inline-start:1px solid #dce4ef}.hero .prova .avaliacao-quantidade{max-width:none}
}@media(max-width:620px){.hero .prova .avaliacao-destaque{padding-bottom:16px;border-bottom:1px solid #e6ecf4}
}/* Cor no próprio espaço da avaliação,sem novo contorno ou cartão. */
.hero .prova .avaliacao-destaque{background:#edf3fc;box-shadow:none;border-radius:0}@media(min-width:621px){.hero .prova{overflow:hidden}.hero .prova .avaliacao-destaque{margin:-22px 0 -22px -18px;padding:22px 14px 22px 32px}}@media(max-width:620px){.hero .prova{overflow:hidden}.hero .prova .avaliacao-destaque{margin:-20px -20px 0;padding:20px;border-bottom:1px solid #e6ecf4}}/* Azul mais presente para diferenciar a avaliação do fundo da página. */
.hero .prova .avaliacao-destaque{background:#d4e3f7}.hero .prova .avaliacao-nota,.hero .prova .avaliacao-quantidade{color:#24406f}.avaliacao-nota-grupo{display:inline-flex;align-items:center;gap:8px}.avaliacao-destaque .google-marca{width:20px;height:20px;object-fit:contain;flex-shrink:0}


/* Etiqueta com o nome da medica, sobre a foto do topo. */
.hero-figura .foto-legenda{
  left:auto; right:18px; bottom:18px; max-width:none;
  padding:13px 20px; gap:2px;
  background:rgba(255,255,255,.96);
  border-radius:14px;
  box-shadow:0 8px 28px #16223f1f;
  z-index:4;
}
.hero-figura .foto-legenda strong{font-size:19px;line-height:1.2;color:var(--azul-escuro)}
.hero-figura .foto-legenda span{font-size:12px;line-height:1.4;color:var(--apagado);letter-spacing:.2px}
@media(max-width:720px){
  .hero-figura .foto-legenda{right:12px;bottom:12px;left:auto;padding:11px 16px;max-width:none}
  .hero-figura .foto-legenda strong{font-size:17px}
}


/* Cartao Onde atende: largura cheia da coluna, conteudo em linha. */
#medica .medica-detalhes .cartao-onde{display:grid;grid-template-columns:52px minmax(0,1fr);gap:6px 20px;align-items:center}
#medica .cartao-onde .ladrilho{grid-row:1/4;align-self:center;width:52px;height:52px;border-radius:16px}
#medica .cartao-onde>span:not(.ladrilho){grid-column:2}
@media(max-width:620px){
  #medica .medica-detalhes .cartao-onde{grid-template-columns:44px minmax(0,1fr);gap:6px 14px;padding:22px}
  #medica .cartao-onde .ladrilho{width:44px;height:44px}
}

/* Cartao Onde atende agora e um link para o WhatsApp. */
#medica .cartao-onde-link{
  text-decoration:none; cursor:pointer;
  transition: transform var(--duration-fast) var(--curva), box-shadow var(--duration-fast) var(--curva);
}
#medica .cartao-onde-acao{
  grid-column:2; display:inline-flex; align-items:center; gap:9px; margin-top:12px;
  justify-self:start; padding:10px 16px; border-radius:999px;
  background:rgba(255,255,255,.18); color:#fff;
  font-size:14px; font-weight:700; line-height:1;
}
#medica .cartao-onde-seta{ transition: transform var(--duration-fast) var(--curva); }
@media (hover:hover) and (pointer:fine){
  #medica .cartao-onde-link:hover{ transform:translateY(-3px); box-shadow:0 20px 42px rgba(233,6,140,.34); }
  #medica .cartao-onde-link:hover .cartao-onde-acao{ background:rgba(255,255,255,.26); }
  #medica .cartao-onde-link:hover .cartao-onde-seta{ transform:translateX(4px); }
}
#medica .cartao-onde-link:active{ transform:scale(.985); }
@media (max-width:620px){
  #medica .cartao-onde-acao{ grid-column:1/-1; width:100%; justify-content:center; margin-top:14px; }
}


/* ---- A médica: fundo ameixa chapado (opção 02, aprovada 28/09/2026) ---- */
#medica.faixa-rosa { background: var(--ameixa); }

#medica .olho { color: #F79CCC; }
#medica .olho-cinza { color: #F79CCC; }
#medica .t-secao { color: #fff; }
#medica .medica-texto p { color: #EFD5E6; }

#medica .pilula {
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .3);
  color: #fff;
  height: 34px;
  padding: 0 16px;
  font-size: 14px;
}

/* a moldura da foto troca o azul claro pelo magenta da marca */
#medica .medica-figura::before { background: rgba(233, 6, 140, .28); }
#medica .medica-figura::after { background: var(--magenta); }

/* o cartão continua magenta, agora sobre a ameixa */
#medica .cartao-onde-cheio { box-shadow: 0 18px 44px rgba(233, 6, 140, .4); }
#medica .cartao-onde-acao { background: #fff; color: #A8055F; }
@media (hover: hover) and (pointer: fine) {
  #medica .cartao-onde-link:hover { box-shadow: 0 24px 52px rgba(233, 6, 140, .5); }
  #medica .cartao-onde-link:hover .cartao-onde-acao { background: #FDEBF5; }
}

#medica .social {
  background: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .32);
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  #medica .social:hover { background: var(--magenta); border-color: var(--magenta); color: #fff; }
}

/* Um tom abaixo do magenta da marca, para o texto branco do cartão passar em 5,1:1. */
#medica .cartao-onde-cheio { background: #D4067F; }