/* ===== INÍCIO: 07 Água salobra (ilustração da membrana + 4 passos) ===== */
.osmo{display:grid;gap:28px;align-items:center}
.membrane{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#0B2B63,#071D45);padding:18px;box-shadow:var(--shadow)}
.membrane svg.scene{width:100%;height:auto;display:block}
.membrane .cap{display:flex;justify-content:space-between;gap:10px;margin-top:10px;font-family:var(--head);font-weight:700;font-size:13px;color:var(--aqua-ink)}
.membrane .cap span:last-child{color:#fff}
.salt{animation:salt 3.2s ease-in-out infinite}
.salt:nth-child(2n){animation-delay:-1.1s}.salt:nth-child(3n){animation-delay:-2s}
@keyframes salt{0%,100%{transform:translateX(0)}50%{transform:translateX(10px)}}
.clean{animation:clean 2.6s linear infinite}
.clean:nth-child(2n){animation-delay:-.9s}.clean:nth-child(3n){animation-delay:-1.7s}
@keyframes clean{0%{transform:translateX(-14px);opacity:0}25%{opacity:1}100%{transform:translateX(70px);opacity:0}}
.osmo-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.osmo-steps li{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:14px;background:var(--soft);border:1px solid var(--line)}
.osmo-steps b{font-family:var(--head);color:var(--navy);font-size:15px;line-height:1.25}
.osmo-steps span{font-size:13.5px;color:var(--muted);line-height:1.4}
.osmo-steps .n{font-family:var(--head);font-weight:800;color:var(--aqua);font-size:13px;letter-spacing:.1em}
/* ===== FIM: 07 Água salobra ===== */
/* ----- rodada 3 ----- */
.osmo{align-items:start}
.osmo-steps li{min-height:118px}
.osmo-steps b{white-space:nowrap}
.membrane .cap{display:grid;grid-template-columns:128fr 36fr 128fr;padding-inline:4.4%;text-align:center;justify-content:initial}
.membrane .cap span:first-child{grid-column:1}.membrane .cap span:last-child{grid-column:3}
.membrane .cap span{text-wrap:balance;line-height:1.35}