.guide-v3{display:grid;justify-items:center;gap:28px;max-width:560px;margin:0 auto}.guide-v3-film{position:relative;margin:0;width:min(100%,360px);aspect-ratio:450/520;overflow:hidden;border:1px solid var(--brand-accent-line);border-radius:20px;background:var(--brand-accent-soft);box-shadow:0 20px 44px -22px color-mix(in srgb,var(--brand-accent-ink) 55%,transparent)}.guide-v3-film video{display:block;width:100%;height:100%;object-fit:cover}.guide-v3-steps{display:grid;gap:12px;width:100%;max-width:440px;margin:0;padding:0;list-style:none;text-align:left}.guide-v3-steps li{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:13px;align-items:start;padding:14px 16px;border:1px solid var(--brand-accent-line);border-radius:14px;background:var(--paper);transition:opacity .45s ease,transform .45s ease,border-color .3s,background-color .3s}.guide-v3-check{display:grid;place-items:center;width:30px;height:30px;border:2px solid var(--brand-accent);border-radius:50%;color:var(--brand-accent-ink);transition:background-color .3s,color .3s}.guide-v3-check svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.guide-v3-steps h3{margin:6px 0 4px;font:800 13px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--brand-accent-ink)}.guide-v3-steps p{margin:0;font:400 15px/1.5 var(--sans);letter-spacing:-.01em;color:var(--muted)}.guide-v3.is-synced .guide-v3-steps li{opacity:0;transform:translateY(10px);transition-duration:.3s}.guide-v3.is-synced .guide-v3-steps li.is-shown{opacity:1;transform:none}.guide-v3-steps li.is-current{border-color:var(--brand-accent);background:var(--brand-accent-soft)}.guide-v3-steps li.is-current .guide-v3-check{background:var(--brand-accent);color:#fff}@media(max-width:640px){.guide-v3{gap:22px}.guide-v3-film{width:min(100%,320px)}.guide-v3-steps li{padding:13px 14px}.guide-v3-steps p{font-size:14px}}@media(prefers-reduced-motion:reduce){.guide-v3-steps li,.guide-v3-check{transition:none}}#como-utilizar.copy-story{padding-bottom:clamp(24px,3vw,48px)}#como-utilizar .visual-section-header>p.copy-kicker{max-width:none;margin:0 auto 12px;font:700 12px/1.4 var(--sans);letter-spacing:.13em;text-transform:uppercase;text-align:center;color:var(--brand-accent-ink)}