@props([
  'eyebrow',
  'lead' => null,
  'emph' => null,
  'align' => 'left',
  'hasHyphen' => true,
])

{{-- Encabezado de sección reutilizable de la Home: eyebrow + título serif.
     Dos modos: props lead/emph (2da línea itálica muted) o slot por defecto
     para títulos con itálica inline (se pasa el <h2> interno como contenido). --}}
<div class="{{ $align === 'center' ? 'text-center' : '' }}">
  <p class="text-xs font-semibold uppercase tracking-[0.22em] text-muted">{{ $eyebrow }} {{ $hasHyphen ? '—' : '' }}</p>
  <h2 class="section-title mt-4 font-serif text-fg">
    @if ($lead)
      {{ $lead }}
      <span class="italic text-muted">{{ $emph }}</span>
    @else
      {{ $slot }}
    @endif
  </h2>
</div>