/* Brandbook 10.4: quatro costuras, escalas e composições; sem redesenhar a bola. */
.path-ball{width:76px;height:76px;object-fit:contain;margin:0 0 26px;align-self:flex-start;pointer-events:none}
.path-card:nth-child(2) .path-ball{width:60px;height:60px;margin:8px 0 34px;align-self:center}
.path-card:nth-child(3) .path-ball{width:68px;height:68px;margin:4px 0 30px;align-self:flex-end}
.ball-composition{display:flex;align-items:center;justify-content:flex-end;gap:38px;min-height:150px;margin:10px 0 24px;pointer-events:none}
.ball-composition img{object-fit:contain;flex:none}
.ball-composition img:nth-child(1){transform:translateY(18px)}
.ball-composition img:nth-child(2){transform:translateY(-4px);opacity:.6}
.ball-composition img:nth-child(3){transform:translateY(-28px);opacity:.35}
@keyframes arena-ball-arrive{from{translate:-28px 28px;opacity:0}to{translate:0 0}}
@media(prefers-reduced-motion:no-preference){.ball-composition.is-visible img{animation:arena-ball-arrive 560ms cubic-bezier(.16,1,.3,1) both}.ball-composition.is-visible img:nth-child(2){animation-delay:100ms}.ball-composition.is-visible img:nth-child(3){animation-delay:200ms}}
.agenda-balls{display:flex;gap:24px;align-items:center;justify-content:flex-end;margin:-4px 0 36px;min-height:100px;pointer-events:none}
.agenda-balls img{object-fit:contain}.agenda-balls img:last-child{opacity:.6;transform:translateY(-20px)}
/* Área própria no fechamento: o grafismo não fica sob títulos ou botões. */
.conversion .conversion-ball{position:relative;inset:auto;display:block;width:150px;height:150px;opacity:1;z-index:auto;margin:0 auto 32px;object-fit:contain}
@media(max-width:760px){
 .path-card{position:relative}.path-ball{width:60px;height:60px;margin:0 0 24px}
 .path-card:nth-child(2) .path-ball{width:52px;height:52px;margin:0 0 24px;align-self:center}
 .path-card:nth-child(3) .path-ball{width:64px;height:64px;margin:0 0 24px;align-self:flex-end}
 .ball-composition{gap:24px;min-height:116px;margin:22px 0 28px}
 .ball-composition img:nth-child(1){width:86px;height:86px;transform:translateY(12px)}
 .ball-composition img:nth-child(2){width:58px;height:58px}
 .ball-composition img:nth-child(3){width:36px;height:36px;transform:translateY(-22px)}
 .agenda-balls{min-height:76px;gap:20px;margin:4px 0 28px}.agenda-balls img:first-child{width:66px;height:66px}.agenda-balls img:last-child{width:42px;height:42px}
 .conversion .conversion-ball{width:112px;height:112px;margin-bottom:28px}
}