{{-- Footer específico para demo-insurance - DINÁMICO CON ESTRUCTURA DEL DEMO --}}
<footer id="footer" class="position-relative bg-transparent border-top-0">
	<svg version="1.1" class="custom-svg-position-4" width="400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 393.35 539.93" data-appear-animation-svg="true">
		<path class="appear-animation" data-appear-animation="customLines1anim" data-appear-animation-delay="450" data-appear-animation-duration="7s" fill="none" stroke="#d8d8d8" stroke-width="2px" stroke-miterlimit="10" d="M28.37,469.29c2.49-4.63,6.2-10.92,11.4-17.87c15.63-20.86,33.61-32.82,43.74-38.64
			c26.56-15.25,50.74-17.9,60.77-18.89c4.57-0.45,10.99-0.53,23.83-0.68c36.32-0.43,40.17,1.96,58.38,0.17
			c9-0.89,23.27-2.39,40.51-9.02c11.47-4.41,24.18-9.3,35.91-21.62c4.47-4.69,13.9-14.84,17.7-30.98c4.25-18.05-1.07-32.85-4.26-41.7
			c-5.13-14.26-12.31-23.35-20.09-33.02c-14.72-18.31-21.46-19.69-47.32-45.28c-13.18-13.04-19.91-19.77-27.06-29.96
			c-8.26-11.77-18.02-25.68-21.28-46.3c-3.02-19.16,1.11-34.41,3.4-42.55c5.08-17.99,13.63-30.88,19.4-38.3"/>
		<path class="appear-animation" data-appear-animation="customLines1anim" data-appear-animation-delay="600" data-appear-animation-duration="7s" fill="none" stroke="#d8d8d8" stroke-width="2px" stroke-miterlimit="10" d="M251.86,1.54c-2.79,4.55-6.74,11.14-11.23,19.23c-10.16,18.31-15.49,27.92-19.4,40
			c-6.53,20.17-5.91,37.39-5.62,42.55c0.27,4.8,1.9,28.1,16.68,53.45c7.02,12.04,16.31,21.42,34.89,40.17
			c8.7,8.78,8.8,8.28,37.28,35.4c19.69,18.76,24.27,23.4,29.96,31.66c4.02,5.83,11.13,17.14,16.51,32.85
			c4.13,12.06,7.49,21.87,6.64,35.23c-1.1,17.25-8.52,29.48-11.57,34.38c-10.54,16.92-24.6,25.2-34.38,30.81
			c-23.97,13.74-46.66,16.04-64.85,17.7c-13.03,1.19-11.92-0.08-50.72,0c-30.21,0.06-45.31,0.09-54.81,1.53
			c-35.14,5.33-59.22,19.59-64.51,22.81c-4.7,2.87-22.2,13.85-39.83,33.87c-9.91,11.26-16.88,21.97-21.62,30.3"/>
		<path class="appear-animation" data-appear-animation="customLines1anim" data-appear-animation-delay="450" data-appear-animation-duration="7s" fill="none" stroke="#d8d8d8" stroke-width="2px" stroke-miterlimit="10" d="M21.4,486.48c2.43-4.47,5.99-10.49,10.89-17.19c4.56-6.23,17.13-22.38,38.64-36.94
			c18.11-12.25,34.84-18.16,44.26-20.94c19.22-5.68,34.55-6.05,65.19-6.81c22.03-0.54,23.98,0.75,45.96-0.34
			c30.37-1.51,41.85-4.73,45.96-5.96c8.55-2.56,22.15-6.77,36.43-17.7c7.25-5.55,17.31-13.26,24.17-27.4
			c7.69-15.85,6.81-30.45,6.3-37.62c-1.35-18.73-8.81-32.01-14.3-41.53c-1.63-2.83-7.11-12.08-24.51-30.64
			c-17.71-18.89-23.21-21.22-43.57-41.19c-18.87-18.51-28.31-27.77-34.72-39.15c-14.17-25.16-14.48-48.64-14.47-53.79
			c0.06-18.92,5.49-33.24,9.02-42.38c5.14-13.32,11.47-23.6,16.51-30.68"/>
		<path class="appear-animation" data-appear-animation="customLines1anim" data-appear-animation-delay="600" data-appear-animation-duration="7s" fill="none" stroke="#d8d8d8" stroke-width="2px" stroke-miterlimit="10" d="M239.27,25.12c-1.17,2.11-2.75,5.07-4.47,8.68c-2.36,4.94-7.66,16.06-10.47,28.72
			c-3.53,15.91-1.97,29.02-1.02,36.38c2.68,20.94,10.24,35.77,14.55,44.04c9.35,17.94,19.67,29.07,32.81,43.02
			c19.26,20.45,23.51,19.93,47.23,43.4c17,16.82,26.71,26.54,36.77,42.51c8.86,14.06,18.12,29.14,20.04,50.81
			c0.61,6.92,1.86,23.15-6,41.23c-9.11,20.95-24.94,31.75-35.11,38.68c-19.84,13.53-39.05,17.58-52.6,20.3
			c-10.9,2.19-18.73,2.66-31.79,3.45c-25.76,1.55-34.35-0.54-61.79-0.13c-18.14,0.27-27.93,0.42-41.11,2.3
			c-13.25,1.89-37.65,5.6-65.36,20.3c-29.6,15.7-46.94,35.44-51.83,41.23c-10.02,11.87-16.67,23.12-20.94,31.4"/>
		<path class="appear-animation" data-appear-animation="customLines1anim" data-appear-animation-delay="450" data-appear-animation-duration="7s" fill="none" stroke="#d8d8d8" stroke-width="2px" stroke-miterlimit="10" d="M0.67,538.69c0.95-1.71,2.34-4.15,4.09-7.02c11.96-19.63,24.46-32.62,28.98-37.15
			c15.57-15.61,30.82-25.49,40.72-31.15c9.07-5.18,24.93-13.26,46.09-18.89c18.57-4.95,32.81-5.77,50.17-6.77
			c16.47-0.95,18.38,0,54.38,0c26.4,0,39.82-0.03,50.81-1.4c12.86-1.61,30.09-3.88,50.55-12.64c11.2-4.79,24.83-10.77,38.43-24
			c6.21-6.04,16.47-16.24,22.47-33.06c4.92-13.78,4.61-25.35,4.34-32.81c-0.77-21.33-7.97-36.9-12.51-46.47
			c-8.94-18.82-19.41-30.64-32.17-44.81c-9.84-10.92-12.11-11.88-44.3-42c-28.9-27.05-32.97-31.8-35.87-35.36
			c-8.92-10.95-20.3-25.17-28.34-46.98c-2.77-7.52-11.81-32.78-7.91-59.11c0.78-5.28,2.71-14.86,6.51-25.79
			c2.36-6.79,4.83-12.33,6.77-16.34"/>
	</svg>

	<div class="container pt-5-5 pb-3">
		<div class="row gy-5">
			<div class="col-lg-4">
				<a href="{{ route('front.homepage') }}" class="text-decoration-none">
					<img src="{{ asset(config('site.assets.main_logo')) }}" width="200" class="img-fluid mb-4" alt="{{ config('site.assets.main_logo_alt') }}" />
				</a>
				<p class="text-3-5 pe-lg-2">{{ config('site.footer.about_description') ?? 'Lorem ipsum dolor sit amet, consectetur adipiscing elit quisque rutrum pellentesqu.' }}</p>
				<ul class="list list-unstyled">
					<li class="d-flex align-items-center mb-4">
						<i class="icon icon-envelope text-color-dark text-5 font-weight-bold position-relative top-1 me-3-5"></i>
						<a href="mailto:{{ config('site.contact.email') }}" class="d-inline-flex align-items-center text-decoration-none text-color-dark text-color-hover-primary font-weight-semibold text-4-5">{{ config('site.contact.email') }}</a>
					</li>
					<li class="d-flex align-items-center mb-4">
						<i class="icon icon-phone text-color-dark text-5 font-weight-bold position-relative top-1 me-3-5"></i>
						<a href="tel:{{ str_replace([' ', '-', '(', ')'], '', config('site.contact.phone')) }}" class="d-inline-flex align-items-center text-decoration-none text-color-dark text-color-hover-primary font-weight-semibold text-4-5">{{ config('site.contact.phone') }}</a>
					</li>
				</ul>
				<ul class="social-icons social-icons-clean social-icons-medium">
					@foreach(config('site.social_media') as $key => $social)
						@if($social['active'])
							<li class="social-icons-{{ $key }}">
								<a href="{{ $social['url'] }}" target="_blank" title="{{ $social['title'] }}">
									<i class="{{ $social['icon'] }}"></i>
								</a>
							</li>
						@endif
					@endforeach
				</ul>
			</div>
			<div class="col-lg-8">
				<div class="row mb-5-5">
					<div class="col-lg-6 mb-4 mb-lg-0">
						<h4 class="text-color-dark font-weight-bold mb-3">{{ config('site.footer.navigation_title') ?? 'Navigation' }}</h4>
						<ul class="list list-unstyled columns-lg-2">
							@php
								$navigation = get_dynamic_navigation('footer');
							@endphp
							@foreach($navigation as $key => $item)
								@if($item['active'])
									<li><a href="{{ $item['url'] }}" class="text-color-grey text-color-hover-primary">{{ $item['title'] }}</a></li>
								@endif
							@endforeach
						</ul>
					</div>
					<div class="col-lg-6">
						<h4 class="text-color-dark font-weight-bold mb-3">{{ __('Insurance Products') }}</h4>
						<ul class="list list-unstyled columns-lg-2">
							@if(is_module_active('services'))
								@foreach($serviceCategories ?? [] as $category)
									<li><a href="{{ route('frontend.services.index') }}?category={{ $category->slug }}" class="text-color-grey text-color-hover-primary">{{ $category->name }}</a></li>
								@endforeach
							@else
								<li><a href="#" class="text-color-grey text-color-hover-primary">{{ __('Home Insurance') }}</a></li>
								<li><a href="#" class="text-color-grey text-color-hover-primary">{{ __('Travel Insurance') }}</a></li>
								<li><a href="#" class="text-color-grey text-color-hover-primary">{{ __('Life Insurance') }}</a></li>
								<li><a href="#" class="text-color-grey text-color-hover-primary">{{ __('Vehicle Insurance') }}</a></li>
								<li><a href="#" class="text-color-grey text-color-hover-primary">{{ __('Business Insurance') }}</a></li>
							@endif
						</ul>
					</div>
				</div>
				<div class="row">
					<div class="col">
						<div class="alert alert-success d-none" id="newsletterSuccess">
							<strong>{{ config('site.welcome_newsletter_success') ?? 'Success!' }}</strong> {{ config('site.welcome_newsletter_success_message') ?? "You've been added to our email list." }}
						</div>
						<div class="alert alert-danger d-none" id="newsletterError"></div>
						<div class="d-flex flex-column flex-lg-row align-items-start align-items-lg-center">
							<h4 class="text-color-dark ws-nowrap me-3 mb-3 mb-lg-0">{{ config('site.footer.newsletter_title') ?? 'Subscribe to Newsletter:' }}</h4>
							<form id="newsletterForm" class="form-style-3 w-100" action="{{ route('front.newsletter.subscribe') }}" method="POST">
								@csrf
								<div class="d-flex">
									<input class="form-control custom-form-control-newsletter-field box-shadow-none" placeholder="{{ config('site.welcome_newsletter_placeholder') ?? 'Email Address' }}" name="newsletterEmail" id="newsletterEmail" type="email" />
									<button class="btn btn-primary custom-form-control-newsletter-btn btn-px-3 btn-py-2 font-weight-bold" type="submit">
										<img width="27" height="27" src="{{ asset('cd-project/img/demos/insurance/icons/arrow-right.svg') }}" alt="" data-icon data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-fill-color-light'}" style="width: 27px;" />
									</button>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="footer-copyright bg-transparent">
		<div class="container">
			<hr>
			<div class="row">
				<div class="col mt-4 mb-4">
					<p class="text-center text-3 mb-0">{{ config('site.name') }} © {{ date('Y') }}. {{ config('site.footer_copyright_text') ?? 'All Rights Reserved.' }}</p>
				</div>
			</div>
		</div>
	</div>
</footer>