@media (min-width:1024px) and (min-height:600px) and (prefers-reduced-motion:no-preference){.movimento .como:not([data-sem-palco]){--como-cabecalho:73px;--como-altura-cena:clamp(24rem, calc(100svh - var(--como-cabecalho) - 5rem), 32rem)}.movimento .como:not([data-sem-palco]) .como-cabeca{padding-bottom:0}.movimento .como:not([data-sem-palco]) .como-palco{height:calc(100svh - var(--como-cabecalho));align-items:center;padding-block:0;display:grid}.movimento .como:not([data-sem-palco]) .como-grade{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-rows:repeat(var(--passos), 1fr);min-height:var(--como-altura-cena);column-gap:4rem;display:grid;position:relative}.movimento .como:not([data-sem-palco]) .como-passos{display:contents}.movimento .como:not([data-sem-palco]) .como-passo{grid-column:1;grid-row:var(--linha);align-items:stretch;display:flex}.movimento .como:not([data-sem-palco]) .como-texto{flex:1;position:relative}.movimento .como:not([data-sem-palco]) .como-cena{width:calc(52.381% - 2.09524rem);max-width:35rem;height:var(--como-altura-cena);margin-top:calc(var(--como-altura-cena) / -2);opacity:0;visibility:hidden;pointer-events:none;position:absolute;top:50%;right:0;transform:translateY(1.5rem)}.movimento .como:not([data-sem-palco]) .como-cena-foto{aspect-ratio:auto;flex:1 1 0;min-height:7rem}.movimento .como:not([data-sem-palco]) .como-passo[data-passou] .como-cena{transform:translateY(-1rem)}.movimento .como:not([data-sem-palco]) .como-passo[data-ativo] .como-cena{opacity:1;visibility:visible;pointer-events:auto;transform:none}.movimento .como:not([data-sem-palco]) .como-conector{background:var(--border);width:2px;height:100%;display:block;position:absolute;top:16px;left:15px}.movimento .como:not([data-sem-palco]) .como-preenchimento{background:var(--primary);transform-origin:top;position:absolute;inset:0;transform:scaleY(0)}.movimento .como:not([data-sem-palco]) .como-numero{z-index:1;background:var(--bg);position:relative}.movimento .como:not([data-sem-palco]) .como-passo:not([data-ativo]) .como-titulo{color:var(--text-2)}.movimento .como:not([data-sem-palco]) .como-passo[data-ativo] .como-numero{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}}
