@props([
  'class' => '',
])

{{-- Contenedor BASE de hero, compartido por todas las variantes del sitio
     (home, services, futuro blog). Solo define el <section data-hero> y sus
     clases estructurales — NO sabe nada de imagen/gradiente/contenido, eso lo
     decide cada variante que lo consume (heroes/home.blade.php,
     heroes/service.blade.php, etc.) armando su propio markup dentro del slot. --}}
<section data-hero {{ $attributes->except('class') }} @class(['hero relative flex flex-col w-full overflow-hidden', $class])>
  {{-- Spacer: reserva el espacio que el header fixed le quita al flujo (mismo
      mecanismo de --nav-h que el margen negativo del hero, en sentido opuesto). --}}
    <div class="w-full h-(--nav-h)"></div>
  {{ $slot }}
</section>