<section class="py-20" style="background: #1e3a5f;" id="numeros">

    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="grid grid-cols-2 lg:grid-cols-4 gap-8">
            <?php
                $metrics = [
                    ['value' => 30,  'suffix' => '+', 'label' => 'Anos de mercado',         'sub' => 'Experiência consolidada'],
                    ['value' => 100, 'suffix' => '+', 'label' => 'Clientes satisfeitos',    'sub' => 'Em todo o Brasil'],
                    ['value' => 300, 'suffix' => '+', 'label' => 'Projetos concluídos',     'sub' => 'Entregas com excelência'],
                    ['value' => 40,  'suffix' => '%', 'label' => 'Economia média',          'sub' => 'Em impostos via planejamento'],
                ];
            ?>

            <?php $__currentLoopData = $metrics; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $i => $metric): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="text-center reveal" style="transition-delay: <?php echo e($i * 100); ?>ms;">
                    <div class="metric-value mb-2" style="color: #25b87e; font-size: clamp(2.25rem,4.5vw,3.5rem); font-weight: 700; line-height: 1;">
                        <span data-counter="<?php echo e($metric['value']); ?>"
                              data-suffix="<?php echo e($metric['suffix']); ?>">0<?php echo e($metric['suffix']); ?></span>
                    </div>
                    <p class="font-semibold text-sm mb-1" style="color: #ffffff;"><?php echo e($metric['label']); ?></p>
                    <p class="text-xs" style="color: rgba(255,255,255,0.5);"><?php echo e($metric['sub']); ?></p>
                </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
    </div>
</section>
<?php /**PATH C:\ProjetosWeb\OPCON\resources\views\sections\metrics.blade.php ENDPATH**/ ?>