<section class="py-24" style="background: #f8fafc;" id="servicos">

    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">

        
        <div class="text-center max-w-2xl mx-auto mb-14">
            <span class="badge badge-green mb-4 reveal">Nossos serviços</span>
            <h2 class="display-lg reveal" style="transition-delay: 0.1s;">
                Soluções completas para
                <span class="text-gradient-green"> cada fase</span> do seu negócio
            </h2>
            <p class="text-lg mt-4 reveal" style="color: #565656; transition-delay: 0.2s;">
                Do nascimento ao crescimento, cobrimos todos os aspectos contábeis, fiscais e estratégicos da sua empresa.
            </p>
        </div>

        
        <div x-data="tabs(0)">

            
            <div class="flex flex-wrap justify-center gap-2 mb-10 reveal" style="transition-delay: 0.3s;">
                <?php
                    $categories = ['Empresarial', 'Estratégico', 'Digital'];
                ?>
                <?php $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $i => $cat): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <button @click="setTab(<?php echo e($i); ?>)"
                            :class="isActive(<?php echo e($i); ?>) ? 'text-white border-transparent' : 'border-slate-200 hover:border-green-300'"
                            :style="isActive(<?php echo e($i); ?>) ? 'background: #25b87e; color: white;' : 'background: white; color: #4b5563;'"
                            class="px-6 py-2.5 rounded-full text-sm font-semibold border transition-all duration-200">
                        <?php echo e($cat); ?>

                    </button>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>

            <?php
                $tabData = [
                    [
                        ['title' => 'Abertura de Empresa',    'desc' => 'Criamos sua empresa de forma rápida e correta, escolhendo o melhor regime e estrutura para seu perfil.',                           'icon' => '🏢', 'tag' => 'Popular'],
                        ['title' => 'Contabilidade Mensal',   'desc' => 'Escrituração completa, apuração de impostos, balancetes e DRE com entrega pontual de todas as obrigações.',                        'icon' => '📊', 'tag' => ''],
                        ['title' => 'Departamento Fiscal',    'desc' => 'SPED, EFD, DCTF, EFD-Contribuições e todas as obrigações acessórias dentro dos prazos.',                                          'icon' => '📋', 'tag' => ''],
                        ['title' => 'Departamento Pessoal',   'desc' => 'Folha de pagamento, eSocial, FGTS, férias, rescisões e toda a gestão trabalhista da sua equipe.',                                  'icon' => '👥', 'tag' => ''],
                        ['title' => 'Legalização e Alvarás',  'desc' => 'Regularização de licenças, alvarás, certificações e processos junto aos órgãos públicos.',                                        'icon' => '✅', 'tag' => ''],
                        ['title' => 'Encerramento',           'desc' => 'Processo completo e seguro para encerrar sua empresa sem surpresas fiscais ou trabalhistas.',                                      'icon' => '🔒', 'tag' => ''],
                    ],
                    [
                        ['title' => 'Planejamento Tributário','desc' => 'Análise profunda da carga tributária com estratégias legais para redução de impostos e maximização do lucro.',                    'icon' => '🎯', 'tag' => 'Mais buscado'],
                        ['title' => 'BPO Financeiro',         'desc' => 'Terceirize completamente o financeiro da sua empresa: contas a pagar/receber, conciliação e fluxo de caixa.',                     'icon' => '💎', 'tag' => ''],
                        ['title' => 'Consultoria Estratégica','desc' => 'Orientação especializada para decisões de crescimento, fusões, aquisições e reestruturações societárias.',                        'icon' => '🧠', 'tag' => ''],
                        ['title' => 'Gestão de Custos',       'desc' => 'Identificamos onde sua empresa gasta mais do que deveria e construímos planos de otimização precisos.',                           'icon' => '📉', 'tag' => ''],
                        ['title' => 'Valuation Empresarial',  'desc' => 'Avaliamos o valor real da sua empresa para captação de investimentos, vendas ou expansões.',                                      'icon' => '⚖️', 'tag' => ''],
                        ['title' => 'Due Diligence',          'desc' => 'Auditoria completa para garantir segurança em processos de fusão, aquisição ou entrada de sócios.',                               'icon' => '🔍', 'tag' => ''],
                    ],
                    [
                        ['title' => 'Dashboard Financeiro',   'desc' => 'Painel visual completo com KPIs, gráficos e indicadores em tempo real para decisões mais rápidas e inteligentes.',                'icon' => '📱', 'tag' => 'Novo'],
                        ['title' => 'Automação de Processos', 'desc' => 'Robôs contábeis que automatizam lançamentos, conciliações e geração de relatórios sem intervenção humana.',                       'icon' => '🤖', 'tag' => ''],
                        ['title' => 'Integração com ERPs',    'desc' => 'Conectamos com SAP, Totvs, Omie, ContaAzul, Bling e outros sistemas sem perda de dados.',                                        'icon' => '🔗', 'tag' => ''],
                        ['title' => 'Open Finance',           'desc' => 'Integração bancária automática com conciliação diária de extratos, eliminando o trabalho manual.',                                'icon' => '🏦', 'tag' => ''],
                        ['title' => 'Relatórios Inteligentes','desc' => 'DRE, Balanço, Fluxo de Caixa e análises customizadas com visualizações modernas e exportação fácil.',                            'icon' => '📈', 'tag' => ''],
                        ['title' => 'Portal do Cliente',      'desc' => 'Acesse documentos, aprovações, comunicados e análises a qualquer momento pelo nosso portal digital.',                             'icon' => '🌐', 'tag' => ''],
                    ],
                ];
            ?>

            <?php $__currentLoopData = $tabData; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $tabIdx => $services): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div x-show="isActive(<?php echo e($tabIdx); ?>)"
                     x-transition:enter="transition ease-out duration-200"
                     x-transition:enter-start="opacity-0 translate-y-2"
                     x-transition:enter-end="opacity-100 translate-y-0"
                     <?php echo e($tabIdx > 0 ? 'style=display:none' : ''); ?>>
                    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5">
                        <?php $__currentLoopData = $services; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $service): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <div class="service-card p-6 space-y-4 bg-white">
                                <div class="flex items-center justify-between">
                                    <span class="text-2xl"><?php echo e($service['icon']); ?></span>
                                    <?php if($service['tag']): ?>
                                        <span class="badge badge-green text-xs"><?php echo e($service['tag']); ?></span>
                                    <?php endif; ?>
                                </div>
                                <div>
                                    <h3 class="font-semibold mb-2" style="color: #1e3a5f;"><?php echo e($service['title']); ?></h3>
                                    <p class="text-sm leading-relaxed" style="color: #565656;"><?php echo e($service['desc']); ?></p>
                                </div>
                                <a href="<?php echo e(route('contato')); ?>" class="inline-flex items-center gap-1 text-sm font-semibold transition-colors duration-200"
                                   style="color: #25b87e;"
                                   onmouseover="this.style.color='#1a9b68'" onmouseout="this.style.color='#25b87e'">
                                    Saber mais
                                    <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                                    </svg>
                                </a>
                            </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>
                </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>

        
        <div class="text-center mt-10 reveal" style="transition-delay: 0.4s;">
            <a href="<?php echo e(route('servicos')); ?>" class="btn-secondary inline-flex items-center gap-2">
                Ver todos os serviços
                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"/>
                </svg>
            </a>
        </div>
    </div>
</section>
<?php /**PATH C:\ProjetosWeb\OPCON\resources\views/sections/services.blade.php ENDPATH**/ ?>