/* ---------- Páginas de implantes e raio-X ---------- */
/* topo: enquadramento das fotos */
.hero-imp .hero-bg img{object-position:center 67%}
.hero-rx .hero-bg img{object-position:70% center}
@media(max-width:900px){
  .hero-imp .hero-bg,.hero-rx .hero-bg{height:auto;aspect-ratio:4/5;max-height:80svh}
  .hero-imp .hero-bg img{object-position:center 85%}
  .hero-rx .hero-bg img{object-position:82% center}
}

/* "para quem é" */
.who{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
.who li{border-radius:var(--r-lg);padding:22px;display:flex;gap:14px;align-items:flex-start}
.who li>*{position:relative;z-index:1}
.who .ck,.shows .ck{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#1A1206;background:linear-gradient(180deg,var(--gold-2),var(--gold))}
.who .ck svg,.shows .ck svg{width:16px;height:16px}
.who b{display:block;font-size:18px;font-weight:600;letter-spacing:-.02em;margin-bottom:4px}
.who span:not(.ck){display:block;font-size:15px;color:var(--grey);line-height:1.45}
@media(max-width:1000px){.who{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.who{grid-template-columns:1fr}}

/* soluções sobre implantes */
.sol-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
.sol{border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column}
.sol .ph{position:relative;z-index:1;aspect-ratio:4/3;margin:0;overflow:hidden;background:#070B16}
.sol .ph img{width:100%;height:100%;object-fit:cover}
.sol .b{position:relative;z-index:1;padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px}
.sol .for{font-size:13.5px;font-weight:600;color:var(--gold-2)}
.sol h3{font-size:21px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.sol p{font-size:15.5px;color:var(--grey);line-height:1.45}
@media(max-width:1100px){.sol-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.sol-grid{grid-template-columns:1fr}}

/* linha do tempo com 5 ou 3 etapas */
.timeline-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.timeline-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.timeline-5,.timeline-3{grid-template-columns:1fr}}

/* depoimento em destaque */
.story{border-radius:var(--r-xl);padding:clamp(22px,4vw,48px);display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:center}
.story>*{position:relative;z-index:1}
.story .dp-card{flex:none}
@media(max-width:760px){.story{grid-template-columns:1fr}.story .dp-card{max-width:300px;margin:0 auto;width:100%}}

/* raio-X: o que o exame mostra */
.xr{border-radius:var(--r-xl);padding:clamp(26px,4vw,52px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,56px);align-items:center}
.xr>*{position:relative;z-index:1}
.xr figure{margin:0;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--prism-out)}
.xr figure img{width:100%;display:block}
.shows{list-style:none;margin-top:24px;display:grid;gap:14px}
.shows li{display:flex;gap:12px;align-items:center;font-size:17px;color:#E3E6EC}
@media(max-width:900px){.xr{grid-template-columns:1fr}.xr figure{order:-1}}