/* Página /como-funciona (usa precos.css para títulos, dúvidas e chamada final) */
.cf-page .pr-eyebrow { display: inline-block; padding: 6px 14px; border-radius: 999px; border: 1px solid #262626; color: #9b9b9b; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.cf-hero { max-width: 720px; margin: 0 auto; padding: 132px 20px 0; text-align: center; }
.cf-h1 { margin: 16px 0 14px; font-size: clamp(34px, 5.4vw, 56px); line-height: 1.05; font-weight: 700; letter-spacing: -.03em; text-wrap: balance; }
.cf-h1 em { font-style: normal; color: #ff2d9b; }
.cf-page .hw-head .hw-eyebrow { display: none; }
.cf-give { max-width: 1060px; margin: 0 auto; padding: 72px 20px; text-align: center; }
.cf-give .pc-lead { max-width: 560px; margin: 0 auto 36px; }
.cf-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; text-align: left; }
.cf-card { padding: 24px 22px; border: 1px solid #262626; border-radius: 20px; background: #121212; }
.cf-ico { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: rgba(255, 45, 155, .1); color: #ff2d9b; }
.cf-card h3 { margin: 18px 0 6px; font-size: 17px; font-weight: 700; color: #fff; }
.cf-card p { margin: 0; color: #a3a3a3; font-size: 14.5px; line-height: 1.55; }
@media (max-width: 900px) { .cf-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .cf-cards { grid-template-columns: 1fr; } .cf-hero { padding-top: 112px; } }