/* ============================================================
   APOIE v2 (teste) — mesmo sistema visual das outras páginas
   ============================================================ */
.ax-duas { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(32px, 6vw, 96px); align-items: center; }
.ax-duas .ha-titulo { margin-bottom: 20px; }
.ax-duas .ha-lead { color: var(--texto-2); font-weight: 300; margin: 0; }
#materiais .ax-duas { align-items: start; }

/* Cartão do PIX com a marca em destaque */
.ax-pix { position: relative; overflow: hidden; padding: clamp(28px, 3.4vw, 44px); border: 1px solid rgba(191, 165, 122, .55); background: radial-gradient(120% 120% at 100% 0%, rgba(191, 165, 122, .16), transparent 60%), var(--noite); }
.ax-pix-marca { position: absolute; right: -6px; bottom: -28px; font: 600 7rem/1 var(--serifa); letter-spacing: .02em; color: rgba(191, 165, 122, .09); pointer-events: none; }
.ax-pix .pix-aviso { margin: 0 0 22px; font: 500 1.45rem/1.3 var(--serifa); color: var(--texto); }

/* O que é necessário: cartões com ícone */
.ax-lista { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.ax-lista li { grid-column: span 2; display: grid; grid-template-columns: 48px 1fr; gap: 16px; align-items: start; padding: 22px; background: var(--noite-2); border: 1px solid var(--linha); }
.ax-lista li:nth-child(n+4) { grid-column: span 3; }
.ax-lista p { margin: 0; font-size: .95rem; line-height: 1.55; color: var(--texto); }
.ax-lista .px-ic { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; border: 1px solid rgba(191, 165, 122, .5); background: rgba(191, 165, 122, .08); }
.ax-lista .px-ic::before { content: ''; width: 24px; height: 24px; background: var(--latao-2); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }

.cx-dica { margin: 0; padding: 16px 18px; border-left: 2px solid var(--latao); background: rgba(191, 165, 122, .07); font-size: .92rem; color: var(--texto-2); }

@media (max-width: 900px) {
  .ax-duas { grid-template-columns: 1fr; }
  .ax-lista { grid-template-columns: 1fr 1fr; }
  .ax-lista li, .ax-lista li:nth-child(n+4) { grid-column: auto; }
  .ax-lista li:last-child { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  .ax-lista { grid-template-columns: 1fr; gap: 10px; }
  .ax-lista li { grid-template-columns: 40px 1fr; gap: 14px; padding: 16px; }
  .ax-lista .px-ic { width: 40px; height: 40px; }
  .ax-lista .px-ic::before { width: 20px; height: 20px; }
  .ax-lista p { font-size: .9rem; }
  .ax-pix-marca { font-size: 5rem; bottom: -18px; }
}

/* Ícones (na ordem da lista) */
.ax-lista li:nth-child(1) .px-ic::before { --ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%202c3.5%203.5%204.5%209%203.6%2013.5C14.9%2019%2013.4%2022%2012%2022s-2.9-3-3.6-6.5C7.5%2011%208.5%205.5%2012%202z%27%2F%3E%3Cpath%20d%3D%27M12%207v11%27%2F%3E%3C%2Fsvg%3E"); }
.ax-lista li:nth-child(2) .px-ic::before { --ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M2.5%2013.5l19-7-3%2013-6-4-3%204v-5.5z%27%2F%3E%3Cpath%20d%3D%27M9.5%2014l12-7.5%27%2F%3E%3C%2Fsvg%3E"); }
.ax-lista li:nth-child(3) .px-ic::before { --ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%2020s-7-4.4-7-10a4%204%200%200%201%207-2.6A4%204%200%200%201%2019%2010c0%205.6-7%2010-7%2010z%27%2F%3E%3Cpath%20d%3D%27M12%209.5v5M9.5%2012h5%27%2F%3E%3C%2Fsvg%3E"); }
.ax-lista li:nth-child(4) .px-ic::before { --ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%208h3l2-3h6l2%203h3v11H4z%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2713%27%20r%3D%273.5%27%2F%3E%3C%2Fsvg%3E"); }
.ax-lista li:nth-child(5) .px-ic::before { --ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2713%27%20r%3D%277%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2713%27%20r%3D%273.5%27%2F%3E%3Cpath%20d%3D%27M3%204v5M5%204v5M3%209h2M4%209v11M20%204c-1.5%201-2%203-2%206h2v10%27%2F%3E%3C%2Fsvg%3E"); }