@aware(['page'])
<div class="bg-white py-10 sm:py-20">
    <div class="container mx-auto text-center px-6">
        @if(!empty($sobrancelha))
            <div class="text-blue-800 text-xs tracking-widest uppercase text-center mx-auto">{{ $sobrancelha }}</div>
        @endif
        <h2 class="max-w-[37.5rem] text-center mx-auto text-3xl md:text-5xl font-bold text-midnightblue-100 mt-4 font-bricolage mb-10">
            {{ $titulo }}
        </h2>
    </div>
    <div class="{{ isset($estilo) && $estilo == 'compacto' ? 'px-8 sm:px-0' : '' }}">
        <x-ultimas-novidades
            :titulo="$titulo ?? null"
            :sobrancelha="$sobrancelha ?? null"
            :botaoTexto="$botao ?? null"
            :estilo="$estilo ?? 'normal'"
            :limit="$limite ?? 6"
            :marca_id="$marcaId ?? null"
        />
    </div>
</div>