@media (max-width: 476px) {
    .hero-cta-group {
        flex-direction: column;
        align-items: center;
        gap: 6px; /* garante espaçamento entre os botões */
        text-align: center;
    }

    .hero-cta {
        width: 60%;
        max-width: 250px;
        margin-bottom: 0px;
        font-size: 0.65rem; /* texto ainda menor */
        padding: 6px 12px; /* reduzido para telas pequenas */
    }
}