@props([
    // ['name' => '…', 'type' => '…', 'description' => '…' (HTML)]
    'community' => [],
])

{{-- Tarjeta de una comunidad (grilla desktop y swiper móvil de locality-communities). --}}
<article class="border-line bg-surface/60 flex h-full flex-col rounded-xl border p-5 sm:p-6">
  <div class="flex items-start gap-3">
    <x-lucide-map-pin class="text-honey mt-1 h-5 w-5 shrink-0" />
    <div>
      <h3 class="card-title text-fg font-serif leading-snug">{{ $community['name'] }}</h3>
      @if (!empty($community['type']))
        <p class="text-muted-2 mt-1 text-xs font-semibold uppercase tracking-wide">{{ $community['type'] }}</p>
      @endif
    </div>
  </div>

  @if (!empty($community['description']))
    <p class="text-muted mt-4 text-sm font-light leading-relaxed sm:text-base">{!! $community['description'] !!}</p>
  @endif
</article>