/* =========================================================
   Endostar — páginas individuais do corpo clínico (out/2026)
   Complementa assets/style.css; usa as mesmas variáveis.
   ========================================================= */

/* ---------- topo da página do médico ---------- */
.dhero{background:var(--deeper);color:#fff;padding:140px 0 64px;position:relative;overflow:hidden}
@media(min-width:768px){.dhero{padding:160px 0 80px}}
.dhero .blob{position:absolute;right:-120px;top:-60px;width:420px;height:420px;border-radius:50%;background:rgba(1,87,140,.5);filter:blur(120px)}
.dhero .wrap{position:relative}
.dgrid2{display:grid;gap:28px;align-items:center;margin-top:10px}
@media(min-width:768px){.dgrid2{grid-template-columns:auto 1fr;gap:48px}}
.dphoto{width:168px;height:168px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.12);background:var(--deep)}
@media(min-width:768px){.dphoto{width:220px;height:220px}}
.dphoto.ini{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand),var(--teal));font-size:56px;font-weight:600;letter-spacing:.02em;color:#fff}
@media(min-width:768px){.dphoto.ini{font-size:72px}}
.dinfo .cap{font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--teal);margin-bottom:12px}
.dinfo h1{font-size:clamp(30px,4.4vw,56px);line-height:1.08;max-width:820px}
.dcrm{margin-top:14px;font-size:15px;color:rgba(255,255,255,.65)}
.darea{margin-top:6px;font-size:18px;font-weight:500;color:#fff}
.dchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.dchips span{font-size:13px;font-weight:500;border:1px solid rgba(255,255,255,.28);color:rgba(255,255,255,.9);border-radius:999px;padding:6px 14px}
.dhero .hacts{margin-top:26px}

/* ---------- conteúdo ---------- */
.dregs{list-style:none;display:grid;gap:10px}
.dregs li{display:flex;flex-direction:column;gap:4px;background:#fff;border-radius:12px;padding:14px 18px;font-size:15px;line-height:1.5;color:var(--body)}
.dregs li b{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.dregs li span{color:var(--ink)}
.dunits{display:grid;gap:20px}
@media(min-width:640px){.dunits{grid-template-columns:1fr 1fr}}
.dunits .ucard{background:#fff}
.dunits .ucard .ph{aspect-ratio:16/9}
.dunits .ucard h3{font-size:18px}
.emain .disclaimer a{color:var(--brand);text-decoration:underline}

/* ---------- outros médicos: carrossel que anda sozinho e para com o mouse ---------- */
/* usa .omarquee/.otrack do style.css (mesmo do "Outros exames") */
.dmarq .otrack{align-items:stretch}
.dmini{display:flex;gap:16px;align-items:center;background:var(--bg);border-radius:16px;padding:18px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,opacity .4s,filter .4s}
.dmarq .dmini{flex-shrink:0;width:320px}
@media(max-width:639px){.dmarq .dmini{width:78vw}}
.dmini:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(2,29,47,.1)}
/* foco ao passar o mouse: igual aos cards da página inicial, os outros só esmaecem de leve */
@media(hover:hover) and (min-width:640px){.dmarq:hover .dmini:not(:hover){opacity:.8;filter:blur(.6px)}}
@media(prefers-reduced-motion:reduce){.dmini{transition:none}.dmarq .otrack .dmini[aria-hidden]{display:none}}
.dava{flex-shrink:0;width:64px;height:64px;border-radius:50%;object-fit:cover}
.dava.ini{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand),var(--teal));color:#fff;font-size:20px;font-weight:600}
.dtx{display:flex;flex-direction:column;min-width:0}
.dtx .nm{font-size:16px;font-weight:500;line-height:1.25;color:var(--ink)}
.dtx .ar{margin-top:4px;font-size:13px;color:var(--brand);font-weight:500}
.dtx .un{margin-top:3px;font-size:12.5px;color:var(--muted)}
.dtx .mais{margin-top:8px;font-size:13px;font-weight:600;color:var(--brand)}

/* ---------- lista do corpo clínico: nome e foto levam ao perfil ---------- */
.med h3 a{transition:color .25s}
.med h3 a:hover{color:var(--brand)}
.med .avalink{flex-shrink:0;display:block;border-radius:50%;transition:transform .3s}
.med .avalink:hover{transform:scale(1.05)}
.med .perfil{display:inline-block;margin-top:14px;font-size:13px;font-weight:600;color:var(--brand);transition:color .25s}
.med .perfil:hover{color:var(--ink)}