{{-- Footer demo-construction — Usa componentes compartidos --}}
<footer id="footer" class="overflow-hidden border-0 m-0" style="background-image: url({{ asset('template/img/demos/construction/backgrounds/background-3.jpg') }}); background-repeat: no-repeat; background-position: center bottom;">
	<div class="container container-xl-custom pt-5">
		<div class="row pt-4 mb-5 gy-4">
			<div class="col-lg-2 align-self-center">
				<a href="{{ front_homepage_url() }}">
					<img alt="{{ config('site.assets.main_logo_alt') }}" class="img-fluid logo" height="96" src="{{ site_asset_url('footer_logo') ?: site_asset_url('main_logo') }}">
				</a>
			</div>
			<div class="col-lg-4 offset-lg-1">
				<h4 class="text-color-dark font-weight-bold mb-4-5">{{ config('site.footer.navigation_title', __('Navegación')) }}</h4>
				<x-footer-nav :limit="10" :as-list="true" classes="list list-unstyled columns-lg-2" />
			</div>
			<div class="col-lg-5">
                <h4 class="text-color-dark font-weight-bold mb-4-5">{{ __('Contacto') }}</h4>
				<x-footer-contact :show-icons="true" :show-address="false" />
			</div>
		</div>

		<hr>

		<div class="footer-copyright bg-transparent pb-5 mt-5-5">
			<div class="row pb-5">
				<div class="col text-center mb-5">
					<p class="text-color-grey text-3 mb-3">
						<a href="https://bewpro.com" target="_blank" rel="noopener noreferrer" class="text-color-primary text-color-hover-primary text-decoration-none font-weight-semibold">
                            Bewpro
                        </a> | &copy; {{ date('Y') }}. {{ config('site.footer.copyright_text', config('site.name') . '. ' . __('Todos los derechos reservados.')) }}
					</p>
					<x-social-icons theme="dark" size="md" classes="footer-social-icons social-icons-clean social-icons-medium mb-5" />
				</div>
			</div>
		</div>

	</div>
	<div class="position-absolute left-100pct transform3dx-n50 top-0 d-none d-lg-block">
		<div class="appear-animation" data-appear-animation="fadeInLeftShorterPlus" data-appear-animation-delay="1000" data-appear-animation-duration="1500ms">
			<div class="custom-square-1 custom-square-1-big bg-dark mt-0 mb-5 me-5"></div>
		</div>
	</div>
</footer>