@php
    use function Modules\Core\Settings\Helpers\setting;
@endphp
<section class="py-40 relative bg-[#008B8B] bg-cover bg-center"
    style="background-image:url('{{ Storage::url(setting('site.parallax_imagen')) }}')">
    <!-- Floating items placeholders to match the image -->
    <div class="hidden md:block absolute left-0 w-[22%] pointer-events-none floating floating-bottom">
        <img src="{{ Vite::asset('resources/images/inicio/iniicio_08.webp') }}">
    </div>

    <div class="hidden md:block absolute right-0 w-[22%] pointer-events-none floating floating-side">
        <img src="{{ Vite::asset('resources/images/inicio/iniicio_11.webp') }}">
    </div>
    <div class="container mx-auto px-4 relative z-10 text-center text-white">
        <h2
            class="text-3xl md:text-5xl font-medium [&>p]:font-medium mb-8 leading-tight w-full md:w-[52%] lg:w-[50%] mx-auto">
            {!! setting('site.parallax_titulo') !!}
        </h2>
        <a href="{{ setting('site.parallax_boton_enlace') }}"
            class="inline-block text-white font-semibold border-white pb-1 hover:text-gray-200 transition-colors">
            {{ setting('site.parallax_boton_texto') }}
        </a>
    </div>
</section>