/* =========================================
   FIX: CENTRALIZAÇÃO DO BADGE NO HERO
   Garante que o badge fique centralizado
   ========================================= */

.hero-content .badge {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: fit-content !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

/* Garantir centralização em mobile também */
@media (max-width: 768px) {
    .hero-content .badge {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}