.section-beneficios { padding: 50px 0; background: var(--branco); text-align: center; overflow: hidden; }
.section-beneficios h2 { font-size: 20px; text-align: center; line-height: .95; font-weight: 900; }
.section-beneficios h2 strong { display: block; color: var(--vermelho); }
.section-beneficios p { margin-top: 10px; font-size: 12px; line-height: 1.5; }

.section-beneficios .grid { display: grid; grid-template-columns: repeat(1, 1fr); gap: 10px; }
.section-beneficios .card { padding: 30px; background: var(--amarelo); border: 1px solid var(--amarelo); border-radius: 0; transition: .2s; }
.section-beneficios .card:hover { background: var(--amarelo-hover); transform: translateY(-3px); box-shadow: 0 15px 30px rgba(0,0,0,.07); }
.section-beneficios .card-icone { font-size: 20px; color: var(--vermelho);  }
.section-beneficios .card-link { font-size: 12px; line-height: 1.5; font-weight: 900; color: var(--quase-preto); transition: .2s; }
.section-beneficios .card-link:hover { color: var(--vermelho); }

@media (min-width: 576px) {
}

@media (min-width: 768px) {
.section-beneficios h2 { font-size: 30px; }
.section-beneficios p { font-size: 16px; line-height: 1.2; }
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
.section-beneficios h2 { font-size: 50px; }
.section-beneficios p { font-size: 20px; line-height: 1.5; }
.section-beneficios .grid { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 1400px) {
}