@props(['benefits' => []])

@if (count($benefits) > 0)
    <section aria-label="Diferenciais da assessoria" class="border-b border-amare-border bg-amare-accent-deep text-amare-accent-text" data-reveal-group>
        <div class="grid grid-cols-2 md:grid-cols-4">
            @foreach ($benefits as $benefit)
                <div class="flex min-h-[132px] flex-col items-center justify-center gap-3 px-4 py-8 text-center" data-reveal data-reveal-from="up">
                    <x-package.icon :icon="$benefit['icon_key']" class="h-9 w-9" />
                    <span class="max-w-[180px] text-sm uppercase tracking-[0.06em]">{{ $benefit['label'] }}</span>
                </div>
            @endforeach
        </div>
    </section>
@endif