/* ════════════════════════════════════════════════════════════════════
   AltivusPress — Manômetro Digital (complementa lp.css)
   ════════════════════════════════════════════════════════════════════ */

/* ── Hero: a caixa é redonda (imagem quadrada 1:1) ─────────────────── */
.mano-hero-img{ position:relative; z-index:2; display:flex; justify-content:center; align-items:center; animation:floatY 7s ease-in-out infinite; }
.mano-cutout{
    display:block; width:auto; height:min(460px, 60vh); max-width:100%; align-self:center;
    filter:drop-shadow(0 30px 60px rgba(0,0,0,.6)) drop-shadow(0 0 46px rgba(63,224,197,.16));
}

/* ── Preview do configurador (imagem frontal quadrada) ─────────────── */
.mano-preview{ min-height:340px; align-items:center; justify-content:center; }
.mano-preview__img{ width:min(300px, 82%); height:auto; filter:drop-shadow(0 20px 40px rgba(0,0,0,.5)); }

/* ── Anatomia (foto + callouts, estático) — trazido do sonda.css ───── */
.anatomia{ padding:100px clamp(20px,5vw,64px) 60px; }
.anatomia__grid{
    max-width:1040px; margin:46px auto 0;
    display:grid; grid-template-columns:.9fr 1.1fr; gap:40px; align-items:center;
}
.anatomia__foto{ display:flex; justify-content:center; }
.anatomia__foto img{
    width:min(420px, 90%); height:auto; border-radius:18px;
    filter:drop-shadow(0 24px 48px rgba(0,0,0,.5)) drop-shadow(0 0 40px rgba(63,224,197,.12));
}
.anatomia__callouts{ display:flex; flex-direction:column; gap:14px; }
/* reusa .exp-callout do lp.css, mas aqui sempre visível (sem animação de pin) */
.anatomia .exp-callout{ position:static; opacity:1; transform:none; max-width:none; }

@media (max-width:880px){
    .anatomia__grid{ grid-template-columns:1fr; }
    .anatomia__foto img{ width:min(340px, 80%); }
}