@media (max-width: 700px) {
.topo { padding: 40px 0 48px; }
.topo-nums { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; padding: 20px 0; }
.topo-nums b { font-size: 21px; }
.topo-nums > div > span { font-size: 11.5px; margin-top: 6px; }
.topo-nums > div > span br { display: none; }
.topo .lead { margin-bottom: 22px; }
}

.ou-wpp { margin: 2px 0; display: flex; flex-direction: column; gap: 10px; }
.ou-wpp .ou {
position: relative; text-align: center; font-size: 11.5px; color: var(--ink-4);
text-transform: uppercase; letter-spacing: .08em; margin-top: 6px;
}
.ou-wpp .ou::before, .ou-wpp .ou::after {
content: ''; position: absolute; top: 50%; width: calc(50% - 76px); height: 1px;
background: var(--line);
}
.ou-wpp .ou::before { left: 0; }
.ou-wpp .ou::after { right: 0; }
.btn-wpp {
display: inline-flex; align-items: center; justify-content: center; gap: 8px;
padding: 13px; border-radius: var(--radius);
border: 1px solid var(--wpp); background: var(--wpp); color: #fff;
font-size: 15px; font-weight: 500; text-decoration: none;
transition: filter .15s;
}
@media (hover: hover) { .btn-wpp:hover { filter: brightness(.92); } }
.btn-wpp .ico-wpp { width: 18px; height: 18px; }
.btn-wpp[hidden] { display: none; }
.wpp-nota { margin: 0; font-size: 11.5px; color: var(--ink-4); text-align: center; line-height: 1.5; }

.passo h4 { margin: 0 0 5px; font-size: 16px; font-weight: 600; }
.passo p { margin: 0; color: var(--ink-3); font-size: 13.5px; line-height: 1.6; }

.recebe { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
@media(max-width:920px){ .recebe { grid-template-columns: repeat(2, 1fr); } }
@media(max-width:600px){ .recebe { grid-template-columns: 1fr; } }
.item {
display: flex; gap: 14px; align-items: flex-start;
padding: 20px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--surface);
transition: border-color .18s, box-shadow .18s;
}
@media (hover: hover) { .item:hover { border-color: var(--accent); box-shadow: var(--shadow-1); } }
.item .ico { width: 38px; height: 38px; flex-shrink: 0; border-radius: 10px; background: var(--accent-soft); color: var(--accent); display: grid; place-items: center; }
.item .ico .material-icons { font-size: 20px; }
.item h4 { margin: 0 0 4px; font-size: 15.5px; font-weight: 600; }
.item p { margin: 0; color: var(--ink-3); font-size: 13.5px; line-height: 1.55; }

.fim p { color: var(--ink-3); font-size: 15.5px; margin: 0 0 24px; }