{{-- Header demo-insurance — Usa componentes compartidos --}}
<header id="header" data-plugin-options="{'stickyEnabled': true, 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': false, 'stickyStartAt': 70, 'stickySetTop': '-70px', 'stickyChangeLogo': true}">
	<div class="header-body border-0 box-shadow-none">
		{{-- Top row: logo + social + phone --}}
		<div class="header-container container">
			<div class="header-row py-2">
				<div class="header-column">
					<div class="header-row">
						<div class="header-logo mb-0">
							<a href="{{ front_homepage_url() }}">
								<img alt="{{ config('site.assets.main_logo_alt', config('site.name')) }}" height="36" src="{{ site_asset_url('main_logo') }}">
							</a>
						</div>
					</div>
				</div>
				<div class="header-column justify-content-end align-items-center flex-row">
					<x-social-icons size="md" classes="header-social-icons social-icons-icon-dark me-2 mb-0 d-none d-sm-block" />
					@if(config('site.contact.phone'))
					<div class="header-nav-features">
						<a href="tel:{{ config('site.contact.phone') }}" class="d-flex align-items-center text-decoration-none text-color-dark text-color-hover-primary font-weight-semibold ms-1 me-3">
							<i class="icon icon-phone text-4-5 me-2"></i>
							{{ config('site.contact.phone') }}
						</a>
					</div>
					@endif
				</div>
			</div>
		</div>
		{{-- Nav bar --}}
		<div class="header-nav-bar z-index-0">
			<div class="container">
				<div class="header-row">
					<div class="header-column">
						<div class="header-row align-items-center justify-content-end">
							<div class="header-nav header-nav-links justify-content-start mb-3">
								<div class="header-nav-main header-nav-main-text-capitalize header-nav-main-effect-2 header-nav-main-sub-effect-1">
									<nav class="collapse">
										<ul class="nav nav-pills" id="mainNav">
											<x-header-nav :dropdowns="true" />
										</ul>
									</nav>
								</div>
							</div>
							<x-header-cta classes="btn-outline btn-rounded btn-secondary text-2 font-weight-bold text-uppercase px-5 btn-py-2 position-relative top-5 mb-3" />
							<button class="btn header-btn-collapse-nav" data-bs-toggle="collapse" data-bs-target=".header-nav-main nav">
								<i class="fas fa-bars"></i>
							</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</header>