{{-- Bloque: Barra de Características (iconos + texto) --}}
@props(['items' => []])
@php
    // $items es un array de {icon, title, text}. Valores por defecto si viene vacío.
    $items = !empty($items) ? $items : [
        ['icon' => '🌿', 'title' => 'Natural', 'text' => 'Ingredientes de origen natural'],
        ['icon' => '🚚', 'title' => 'Envío rápido', 'text' => 'Entrega en 24-48h'],
        ['icon' => '🔒', 'title' => 'Pago seguro', 'text' => 'Transacciones protegidas'],
    ];
@endphp
<section class="bg-white border-y border-olive/10">
    <div class="max-w-7xl mx-auto px-4 py-10 grid grid-cols-1 sm:grid-cols-3 gap-8 text-center">
        @foreach($items as $item)
            <div class="flex flex-col items-center">
                <div class="text-3xl mb-3">{{ $item['icon'] ?? '✔' }}</div>
                <h3 class="font-display text-lg text-olive">{{ $item['title'] ?? '' }}</h3>
                <p class="text-sm text-gray-500 mt-1">{{ $item['text'] ?? '' }}</p>
            </div>
        @endforeach
    </div>
</section>
