@props([
'class' => '',
])
{{-- Contenedor BASE de hero, compartido por todas las variantes del sitio
(home, services, futuro blog). Solo define el
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.
, NO
, a propósito: es *sectioning content* y toda
sección abre un nodo propio en el outline del documento, así que el que
cada hero lleva adentro titularía al hero en vez de titular a la página —
dejando al documento sin título ("Untitled BODY") en TODAS las vistas. Con un
(transparente para el outline) ese
sube al y titula el
documento, que es lo que corresponde. Nada de CSS/JS depende del tag: todo
engancha por `.hero`, `.hero-*` o `[data-hero]`. --}}
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). --}}
{{ $slot }}