{{-- Footer demo-law-firm-2 — Usa componentes compartidos --}}
<footer id="footer" class="border-0 pt-4 mt-0">
    <div class="container py-5">
        <div class="row py-4">
            <div class="col-lg-3 mb-5 mb-lg-0">
                <h5 class="text-transform-none font-weight-bold text-color-light text-5-5 mb-4">{{ config('site.footer.about_title', __('Sobre Nosotros')) }}</h5>
                <p class="text-3-5">{{ config('site.footer.about_description', config('site.description', '')) }}</p>
                <a href="{{ front_homepage_url() }}" class="text-decoration-none">
                    <img src="{{ site_asset_url('footer_logo') ?: site_asset_url('main_logo') }}" class="img-fluid" alt="{{ config('site.assets.main_logo_alt') }}" />
                </a>
            </div>
            <div class="col-lg-3 mb-5 mb-lg-0">
                <h5 class="text-transform-none font-weight-bold text-color-light text-5-5 mb-4">{{ config('site.footer.navigation_title', __('Navegación')) }}</h5>
                <x-footer-nav :limit="5" :as-list="true" classes="list list-unstyled text-3-5" />
            </div>
            <div class="col-lg-3 mb-5 mb-lg-0">
                <h5 class="text-transform-none font-weight-bold text-color-light text-5-5 mb-4">{{ config('site.footer.modulos_principales_title', __('Áreas de Actuación')) }}</h5>
                <x-footer-nav :limit="5" :as-list="true" classes="list list-unstyled text-3-5" />
            </div>
            <div class="col-lg-3">
                <h5 class="text-transform-none font-weight-bold text-color-light text-5-5 mb-4">{{ config('site.footer.contact_title', __('Contacto')) }}</h5>
                <x-footer-contact :show-icons="true" :show-address="false" />
                <x-social-icons theme="dark" size="md" classes="custom-social-icons-style-1 social-icons-clean mt-4" />
            </div>
        </div>
    </div>
    <div class="footer-copyright py-4">
        <div class="container py-2">
            <div class="row">
                <div class="col">
                    <p class="text-center text-3 mb-0">{{ config('site.name') }} © {{ date('Y') }}. {{ config('site.footer_copyright_text', __('Todos los derechos reservados.')) }}</p>
                </div>
            </div>
        </div>
    </div>
</footer>