/* Situações: uma de cada vez. No computador, a cena fica parada à esquerda e troca conforme a pergunta em foco;
   no celular (e sem JS), cada pergunta traz a própria cena acima. */
.ed-situacoes__titulo{max-width:14em;margin-bottom:clamp(48px,6vw,80px)}
.ed-sit__palco{display:none}
.ed-sit__lista{position:relative;display:grid;gap:56px}
.ed-sit__fio{display:none}
.ed-sit__foto{aspect-ratio:4/3;border-radius:var(--raio);overflow:hidden;margin-bottom:22px;background:var(--porcelana)}
.ed-sit__foto img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.ed-sit__item h3{margin-bottom:14px}
.ed-sit__item .ed-texto{color:var(--tinta-suave)}

.ed-sit--palco{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:clamp(48px,6vw,104px)}
.ed-sit--palco .ed-sit__palco{display:block;position:sticky;top:calc(var(--topo) + 4vh);height:calc(92vh - var(--topo));max-height:760px}
.ed-sit__imagens{position:relative;height:100%;border-radius:var(--raio);overflow:hidden;box-shadow:var(--sombra);background:var(--porcelana)}
.ed-sit__imagens img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;opacity:0;transform:scale(1.06);transition:opacity .6s var(--curva),transform 6s linear}
.ed-sit__imagens img.on{opacity:1;transform:scale(1)}
.ed-sit--palco .ed-sit__foto{display:none}
.ed-sit--palco .ed-sit__lista{gap:0;padding-left:40px;padding-block:calc((92vh - var(--topo) - 56vh) / 2)}
.ed-sit--palco .ed-sit__fio{display:block;left:0;top:0;width:10px;height:100%;stroke:var(--rosa-claro);stroke-width:1}
.ed-sit--palco .ed-sit__item{position:relative;min-height:56vh;display:flex;align-items:center;transition:opacity .45s var(--curva)}
.ed-sit--palco .ed-sit__item:not(.ativo){opacity:.26}
.ed-sit--palco .ed-sit__item::before{content:"";position:absolute;left:-45px;top:50%;width:11px;height:11px;border-radius:50%;background:var(--blush);box-shadow:inset 0 0 0 1.5px var(--rosa);transition:background .4s}
.ed-sit--palco .ed-sit__item.ativo::before{background:var(--rosa)}
.ed-sit--palco .ed-sit__item h3{font-size:clamp(1.6rem,1.2rem + 1vw,2.2rem)}
@media (prefers-reduced-motion:reduce){.ed-sit__imagens img,.ed-sit--palco .ed-sit__item{transition:none}}
/* lista no computador (movimento reduzido): cena ao lado da pergunta, não acima */
@media (min-width:900px){
  .ed-sit:not(.ed-sit--palco) .ed-sit__item{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1fr);gap:clamp(36px,5vw,72px);align-items:center}
  .ed-sit:not(.ed-sit--palco) .ed-sit__foto{margin:0;aspect-ratio:4/3}
}