@aware(['page'])
<div class="bg-white my-10 sm:my-20">
    <div class="bg-babyblue-alt rounded-29xl py-12">
        <div class="container mx-auto text-center px-6 max-w-[50rem]">
            @if (!empty($sobrancelha))
                <x-typography.sobrancelha>{{ $sobrancelha }}</x-typography.sobrancelha>
            @endif
            <x-typography.titulo class="mb-10">
                {{ $titulo }}
            </x-typography.titulo>
        </div>
        <div class="{{ isset($estilo) && $estilo == 'compacto' ? 'px-2 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>
</div>