.ponta-stats-section { padding: 80px 0; font-family: 'Outfit', sans-serif; background: #fff; }
.stats-container-grid { display: flex; flex-wrap: wrap; gap: 50px; max-width: 1200px; margin: 0 auto; align-items: center; }

/* Grid de Contadores */
.stats-left-grid { flex: 1; display: grid; grid-template-columns: 1fr 1fr; border: 1px solid #f0f0f0; }
.stat-box-ravelo { padding: 40px; border: 0.5px solid #f0f0f0; text-align: left; }
.stat-icon { width: 40px; color: #ED2F59; margin-bottom: 15px; }
.stat-number { display: block; font-size: 45px; font-weight: 700; color: #1C231F; line-height: 1; }
.stat-label { font-size: 14px; font-weight: 500; color: #888; text-transform: uppercase; margin-top: 10px; display: block; }

/* Conteúdo da Direita */
.stats-right-content { flex: 1; min-width: 350px; padding: 0 20px; }
.ponta-tag { color: #ED2F59; font-weight: 800; font-size: 12px; letter-spacing: 2px; }
.ponta-title { font-size: 42px; font-weight: 700; margin: 15px 0; line-height: 1.1; }
.ponta-text { font-size: 16px; color: #666; margin-bottom: 30px; }
.ponta-features { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 40px; }
.p-feat { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 14px; }
.p-dot { width: 8px; height: 8px; background: #ED2F59; border-radius: 50%; }

/* Botão Moderno */
.ponta-btn-main { 
    background: #005B8E; color: #fff; padding: 18px 40px; border-radius: 50px; 
    text-decoration: none; font-weight: 700; display: inline-flex; align-items: center; gap: 10px;
    transition: 0.3s;
}
.ponta-btn-main:hover { background: #ED2F59; transform: translateY(-3px); }

@media (max-width: 768px) { .stats-left-grid { grid-template-columns: 1fr; } }
/* Destaque para o tempo de mercado */
.highlight-years {
    background-color: #fcfcfc !important; /* Diferencia levemente das outras */
}

.highlight-years .stat-number {
    color: #005B8E !important; /* Use o Azul do logo para passar sobriedade/tempo */
}

.stat-suffix {
    font-size: 20px;
    font-weight: 700;
    color: #ED2F59; /* Mantém o Rosa no sufixo para dar brilho */
    margin-left: 5px;
}
/* Estilo do Selo de 8 Anos */
.selo-autoridade {
    background: #fdfdfd !important;
    border-left: 4px solid #ED2F59 !important; /* Detalhe lateral rosa */
}

.badge-8-anos {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #005B8E; /* Azul do seu logo */
    color: white;
    padding: 4px 12px;
    border-radius: 20px;
    width: fit-content;
    margin-bottom: 15px;
}

.badge-8-anos svg {
    width: 14px;
    height: 14px;
    color: #ffd700; /* Estrela Dourada */
}

.badge-8-anos span {
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.selo-autoridade .stat-number {
    color: #005B8E !important; /* Número 8 em Azul */
}
/* --- AJUSTES MOBILE PARA STATS SECTION --- */

/* No Mobile, vamos garantir que a ordem faça sentido: Texto primeiro ou Imagem primeiro? 
   Geralmente, o título (Direita) deve vir antes dos números para dar contexto. */
@media (max-width: 991px) {
    .stats-container-grid {
        flex-direction: column; /* Empilha um em cima do outro */
        gap: 40px;
        padding: 0 15px;
    }

    .stats-right-content {
        order: -1; /* Joga o texto para cima dos números no mobile */
        text-align: center; /* Centraliza para leitura mobile */
        width: 100%;
        padding: 0;
    }

    .ponta-title {
        font-size: 28px !important; /* Diminui o título no mobile para não quebrar feio */
        line-height: 1.2;
    }

    .ponta-text {
        font-size: 15px;
        line-height: 1.6;
    }

    /* Centraliza a tag e as features no mobile */
    .ponta-features {
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .p-feat {
        justify-content: center;
    }

    /* Ajuste dos boxes de números */
    .stats-left-grid {
        width: 100%;
        grid-template-columns: 1fr 1fr; /* Mantém 2 colunas se couber, ou use 1fr para 1 coluna */
    }

    .stat-box-ravelo {
        padding: 25px 15px; /* Reduz o enchimento interno nos celulares */
    }

    .stat-number {
        font-size: 32px !important; /* Números um pouco menores no celular */
    }
    
    .badge-8-anos {
        margin: 0 auto 15px auto; /* Centraliza o selo de tradição no mobile */
    }
}

/* Ajuste extra para telas muito pequenas (iPhone SE, etc) */
@media (max-width: 480px) {
    .stats-left-grid {
        grid-template-columns: 1fr; /* Em telas muito pequenas, uma coluna só nos números */
    }
    
    .ponta-btn-main {
        width: 100%; /* Botão ocupa a largura toda no celular */
        justify-content: center;
    }
}