/* =====================
   AJUSTES FINAIS DE IMAGEM E LAYOUT
   1. Remove filtro escuro da foto
   2. Ajusta números cortados no mobile
   3. Padding no texto do Hero mobile
   ===================== */

/* 1. REMOVER O ESCURO DA FOTO (Deixar natural) */
.hero-image::after {
    background: none !important;
    /* Remove o gradiente preto */
    display: none !important;
    /* Remove completamente a camada escura */
}

.hero-image img {
    opacity: 1 !important;
    /* Garante opacidade total */
    filter: none !important;
    /* Remove filtros se houver */
}


/* AJUSTES EXCLUSIVOS PARA MOBILE */
@media (max-width: 768px) {

    /* 2. CORRIGIR NÚMEROS CORTADOS (26+) */
    .carol-stats {
        display: flex !important;
        flex-wrap: wrap !important;
        /* Permite quebrar linha se não couber */
        justify-content: center !important;
        gap: 1.5rem !important;
        padding: 0 1rem !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .stat-item {
        min-width: 80px !important;
        /* Tamanho mínimo para não espremer */
        flex: 0 1 auto !important;
    }

    /* Se for a barra de social proof do Hero */
    .hero-social-proof {
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 1rem !important;
        padding: 1rem !important;
    }

    .proof-item {
        width: auto !important;
    }

    .proof-divider {
        display: none !important;
        /* Esconde as linhas divisórias no mobile para limpar o visual */
    }

    /* 3. TEXTO DO HERO NÃO COLAR NA BORDA */
    .hero-content,
    .hero-left {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Garante que o título principal tenha margem */
    .hero-headline {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }
}