.velarium-header-shell {

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	z-index: 1000;

}



.velarium-header {

	position: relative;

	z-index: 3;

	height: var(--vel-header-height);

	background: linear-gradient(180deg, rgba(0, 30, 80, 0.5) 0%, transparent 100%);

	transition: background-color 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;

}



.velarium-header__inner {

	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 1rem;

	height: var(--vel-header-height);

}



.velarium-header__logo {

	display: flex;

	align-items: center;

	flex-shrink: 0;

}



.velarium-header__logo .velarium-logo {

	max-height: 56px;

	width: auto;

	height: auto;

}



[data-theme="light"] .velarium-header__logo .velarium-logo--dark {

	display: none;

}



[data-theme="dark"] .velarium-header__logo .velarium-logo--light {

	display: none;

}



.velarium-header__logo .velarium-logo--inverse {

	display: none;

}



/* Nav sobre hero (menú vive en shell, no dentro de header) */

.velarium-header-shell:not(.velarium-header-shell--scrolled):not(.velarium-header-shell--open) .velarium-header__menu a {

	color: #fff;

	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);

}



.velarium-header-shell:not(.velarium-header-shell--scrolled):not(.velarium-header-shell--open) .velarium-header__menu a:hover,
.velarium-header-shell:not(.velarium-header-shell--scrolled):not(.velarium-header-shell--open) .velarium-header__menu .current-menu-item a,
.velarium-header-shell:not(.velarium-header-shell--scrolled):not(.velarium-header-shell--open) .velarium-header__menu a.velarium-header__link--active {

	color: rgba(255, 255, 255, 0.92);

}



.velarium-header-shell:not(.velarium-header-shell--scrolled):not(.velarium-header-shell--open) .velarium-header__menu a.velarium-header__link--active {

	box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.9);

	font-weight: 600;

}



.velarium-header:not(.velarium-header--scrolled) .velarium-theme-toggle,

.velarium-header:not(.velarium-header--scrolled) .velarium-header__menu-toggle {

	border-color: rgba(255, 255, 255, 0.35);

	background: rgba(255, 255, 255, 0.12);

	color: #fff;

}



/* Light — scrolled (fondo en shell para no tapar el nav) */

[data-theme="light"] .velarium-header-shell--scrolled:not(.velarium-header-shell--open) {

	background: rgba(255, 255, 255, 0.97);

	backdrop-filter: blur(12px);

	box-shadow: var(--vel-shadow);

	border-bottom: 1px solid var(--vel-border);

}



[data-theme="light"] .velarium-header-shell--scrolled .velarium-header {

	background: transparent;

	box-shadow: none;

	border-bottom: none;

}



.velarium-header-shell--scrolled:not(.velarium-header-shell--open) .velarium-header__menu a {

	color: var(--vel-text);

	text-shadow: none;

}



.velarium-header-shell--scrolled:not(.velarium-header-shell--open) .velarium-header__menu a:hover,
.velarium-header-shell--scrolled:not(.velarium-header-shell--open) .velarium-header__menu .current-menu-item a,
.velarium-header-shell--scrolled:not(.velarium-header-shell--open) .velarium-header__menu a.velarium-header__link--active {

	color: var(--vel-navy);

}



.velarium-header-shell--scrolled:not(.velarium-header-shell--open) .velarium-header__menu .current-menu-item a,
.velarium-header-shell--scrolled:not(.velarium-header-shell--open) .velarium-header__menu a.velarium-header__link--active {

	box-shadow: inset 0 -2px 0 var(--vel-navy);

	font-weight: 600;

}



[data-theme="light"] .velarium-header--scrolled .velarium-theme-toggle,

[data-theme="light"] .velarium-header--scrolled .velarium-header__menu-toggle {

	border-color: var(--vel-border);

	background: var(--vel-surface);

	color: var(--vel-navy);

}



/* Dark — scrolled */

[data-theme="dark"] .velarium-header-shell--scrolled:not(.velarium-header-shell--open) {

	background: rgba(10, 22, 40, 0.94);

	backdrop-filter: blur(12px);

	box-shadow: var(--vel-shadow);

	border-bottom: 1px solid rgba(255, 255, 255, 0.08);

}



[data-theme="dark"] .velarium-header-shell--scrolled .velarium-header {

	background: transparent;

	box-shadow: none;

	border-bottom: none;

}



[data-theme="dark"] .velarium-header-shell--scrolled:not(.velarium-header-shell--open) .velarium-header__menu a {

	color: #fff;

	text-shadow: none;

}



[data-theme="dark"] .velarium-header-shell--scrolled:not(.velarium-header-shell--open) .velarium-header__menu a:hover,

[data-theme="dark"] .velarium-header-shell--scrolled:not(.velarium-header-shell--open) .velarium-header__menu .current-menu-item a,

[data-theme="dark"] .velarium-header-shell--scrolled:not(.velarium-header-shell--open) .velarium-header__menu a.velarium-header__link--active {

	color: var(--vel-sky);

}



[data-theme="dark"] .velarium-header-shell--scrolled:not(.velarium-header-shell--open) .velarium-header__menu .current-menu-item a,

[data-theme="dark"] .velarium-header-shell--scrolled:not(.velarium-header-shell--open) .velarium-header__menu a.velarium-header__link--active {

	box-shadow: inset 0 -2px 0 var(--vel-sky);

	font-weight: 600;

}



[data-theme="dark"] .velarium-header--scrolled .velarium-theme-toggle,

[data-theme="dark"] .velarium-header--scrolled .velarium-header__menu-toggle {

	border-color: rgba(255, 255, 255, 0.25);

	background: rgba(255, 255, 255, 0.08);

	color: #fff;

}



.velarium-header__menu-toggle {

	display: none;

	align-items: center;

	justify-content: center;

	width: 48px;

	height: 48px;

	border: 1px solid rgba(255, 255, 255, 0.35);

	border-radius: var(--vel-radius);

	background: rgba(255, 255, 255, 0.12);

	color: #fff;

	cursor: pointer;

}

.velarium-header__menu-toggle:focus-visible {

	outline: 2px solid var(--vel-focus);

	outline-offset: 2px;

}



.velarium-header__menu-toggle .fa-xmark {

	display: none;

}



.velarium-header--open .velarium-header__menu-toggle .fa-bars,
.velarium-header-shell--open .velarium-header__menu-toggle .fa-bars {

	display: none;

}



.velarium-header--open .velarium-header__menu-toggle .fa-xmark,
.velarium-header-shell--open .velarium-header__menu-toggle .fa-xmark {

	display: inline;

}



.velarium-header__nav {

	flex: 1;

	display: flex;

	justify-content: center;

}



.velarium-header__backdrop {

	display: none;

}



@media (min-width: 901px) {

	.velarium-header-shell {

		height: var(--vel-header-height);

	}

	.velarium-header {

		pointer-events: none;

	}

	.velarium-header__nav-inner,
	.velarium-header__nav-scroll,
	.velarium-header__nav-foot {

		display: contents;

	}

	.velarium-header__nav-lead,
	.velarium-header__nav-cta,
	.velarium-header__nav-wa {

		display: none;

	}

	.velarium-header__nav {

		position: absolute;

		left: 0;

		right: 0;

		top: 0;

		height: var(--vel-header-height);

		z-index: 4;

		align-items: center;

		pointer-events: none;

	}

	.velarium-header__inner {

		position: relative;

		z-index: 3;

		pointer-events: none;

	}

	.velarium-header__logo,
	.velarium-header__actions {

		position: relative;

		z-index: 5;

	}

	.velarium-header__logo,
	.velarium-header__actions,
	.velarium-header__actions *,
	.velarium-header__menu,
	.velarium-header__menu a {

		pointer-events: auto;

	}

	.velarium-header-shell:not(.velarium-header-shell--open) .velarium-header__menu {

		flex-direction: row;

		align-items: center;

		gap: clamp(0.75rem, 2vw, 1.75rem);

	}

	.velarium-header-shell:not(.velarium-header-shell--open) .velarium-header__menu a {

		display: inline;

		font-size: 0.9375rem;

		font-weight: 500;

		padding: 0.5rem 0;

		line-height: 1.4;

		border: none;

		background: transparent;

		border-radius: 0;

		min-height: 0;

	}

	.velarium-header-shell:not(.velarium-header-shell--open) .velarium-header__menu a::before,
	.velarium-header-shell:not(.velarium-header-shell--open) .velarium-header__menu a::after {

		content: none;

		display: none;

	}

}



.velarium-header__menu {

	display: flex;

	align-items: center;

	gap: clamp(0.75rem, 2vw, 1.75rem);

	list-style: none;

	margin: 0;

	padding: 0;

}



.velarium-header__menu a {

	font-size: 0.9375rem;

	font-weight: 500;

	text-decoration: none;

	padding: 0.5rem 0;

	transition: var(--vel-transition);

}



.velarium-header__menu a:focus-visible {

	outline: 2px solid var(--vel-focus);

	outline-offset: 4px;

	border-radius: 4px;

}



.velarium-header__actions {

	display: flex;

	align-items: center;

	gap: 0.75rem;

	flex-shrink: 0;

}



.velarium-header__toolbar {

	display: flex;

	align-items: center;

	gap: 0.5rem;

	flex-shrink: 0;

}



.velarium-header__cta {

	padding: 0.625rem 1.125rem;

	font-size: 0.875rem;

	white-space: nowrap;

}

/* Header CTA: navy en tema claro, acento en oscuro (coherente con hero) */
[data-theme="light"] .velarium-header .velarium-header__cta.velarium-btn--primary {
	background: var(--vel-navy);
	color: #fff;
}

[data-theme="light"] .velarium-header .velarium-header__cta.velarium-btn--primary:hover {
	background: var(--vel-navy-deep);
	box-shadow: 0 8px 20px rgba(0, 51, 160, 0.35);
	color: #fff;
}

[data-theme="dark"] .velarium-header .velarium-header__cta.velarium-btn--primary {
	background: var(--vel-accent-strong);
}

[data-theme="dark"] .velarium-header .velarium-header__cta.velarium-btn--primary:hover {
	box-shadow: 0 8px 20px rgba(196, 118, 10, 0.35);
	color: #fff;
}



body.velarium-landing {

	padding-top: 0;

}



@media (max-width: 900px) {

	.velarium-header__actions {

		margin-left: auto;

	}

	.velarium-header__menu-toggle {

		display: inline-flex;

	}

	.velarium-header-shell--open .velarium-header__logo .velarium-logo--light,
	.velarium-header-shell--open .velarium-header__logo .velarium-logo--dark {

		display: none !important;

	}

	.velarium-header-shell--open .velarium-header__logo .velarium-logo--inverse {

		display: block;

		max-height: 48px;

		width: auto;

	}



	.velarium-header__nav {

		position: fixed;

		top: var(--vel-header-height);

		right: 0;

		bottom: 0;

		left: auto;

		width: min(100%, 420px);

		z-index: 2;

		background:
			radial-gradient(ellipse 120% 80% at 100% 0%, rgba(91, 164, 217, 0.14) 0%, transparent 55%),
			radial-gradient(ellipse 80% 50% at 0% 100%, rgba(232, 148, 26, 0.08) 0%, transparent 50%),
			linear-gradient(165deg, #0a1628 0%, #0f2240 52%, #122a52 100%);

		border-left: 1px solid rgba(255, 255, 255, 0.08);

		box-shadow: -12px 0 48px rgba(0, 0, 0, 0.45);

		padding: 0;

		transform: translateX(105%);

		opacity: 1;

		visibility: hidden;

		pointer-events: none;

		transition:
			transform 0.38s cubic-bezier(0.32, 1, 0.32, 1),
			visibility 0.38s;

		overflow: hidden;

		justify-content: stretch;

		flex: none;

	}



	.velarium-header-shell--open .velarium-header__nav {

		transform: translateX(0);

		visibility: visible;

		pointer-events: auto;

	}



	.velarium-header__nav-inner {

		display: flex;

		flex-direction: column;

		height: 100%;

		min-height: 0;

		padding:
			1.25rem clamp(1.25rem, 5vw, 1.75rem)
			max(1.25rem, env(safe-area-inset-bottom));

	}



	.velarium-header__nav-scroll {

		flex: 1;

		min-height: 0;

		overflow-y: auto;

		-webkit-overflow-scrolling: touch;

		padding-bottom: 0.75rem;

	}



	.velarium-header__nav-foot {

		flex-shrink: 0;

		display: flex;

		flex-direction: column;

		gap: 0.75rem;

		padding-top: 1rem;

		border-top: 1px solid rgba(255, 255, 255, 0.1);

	}



	.velarium-header__nav-lead {

		margin: 0;

		font-size: 0.875rem;

		line-height: 1.45;

		color: rgba(232, 234, 240, 0.72);

	}



	.velarium-header__nav-cta.velarium-btn--white {

		background: #fff;

		color: var(--vel-navy-deep);

		font-size: 1rem;

		min-height: 52px;

	}



	.velarium-header__nav-cta.velarium-btn--white:hover {

		background: #fff;

		color: var(--vel-navy-deep);

		box-shadow: 0 8px 24px rgba(255, 255, 255, 0.18);

	}



	.velarium-header__nav-wa {

		display: inline-flex;

		align-items: center;

		justify-content: center;

		gap: 0.5rem;

		min-height: 48px;

		padding: 0.625rem 1rem;

		font-size: 0.9375rem;

		font-weight: 600;

		text-decoration: none;

		color: #fff;

		border: 1px solid rgba(37, 211, 102, 0.45);

		border-radius: var(--vel-radius);

		background: rgba(37, 211, 102, 0.12);

		transition: background 0.2s ease, border-color 0.2s ease;

	}



	.velarium-header__nav-wa:hover {

		background: rgba(37, 211, 102, 0.22);

		border-color: rgba(37, 211, 102, 0.65);

		color: #fff;

	}



	.velarium-header__nav-wa:focus-visible {

		outline: 2px solid var(--vel-focus);

		outline-offset: 2px;

	}



	.velarium-header__backdrop {

		display: block;

		position: fixed;

		inset: var(--vel-header-height) 0 0 0;

		z-index: 1;

		background: rgba(6, 13, 24, 0.62);

		backdrop-filter: blur(4px);

		opacity: 0;

		visibility: hidden;

		pointer-events: none;

		transition: opacity 0.28s ease, visibility 0.28s;

	}



	.velarium-header-shell--open .velarium-header__backdrop {

		opacity: 1;

		visibility: visible;

		pointer-events: auto;

	}



	.velarium-header-shell--open .velarium-header,
	.velarium-header--open {

		background: rgba(10, 22, 40, 0.98);

		border-bottom: 1px solid rgba(255, 255, 255, 0.08);

	}



	.velarium-header-shell--open .velarium-theme-toggle,
	.velarium-header-shell--open .velarium-header__menu-toggle {

		border-color: rgba(255, 255, 255, 0.28);

		background: rgba(255, 255, 255, 0.1);

		color: #fff;

	}



	.velarium-header__menu {

		flex-direction: column;

		align-items: stretch;

		gap: 0.5rem;

		counter-reset: vel-nav;

	}



	.velarium-header__menu li {

		counter-increment: vel-nav;

	}



	.velarium-header-shell--open .velarium-header__menu a {

		display: flex;

		align-items: center;

		gap: 0.875rem;

		padding: 0.9375rem 1.125rem;

		font-size: 1.0625rem;

		font-weight: 600;

		line-height: 1.25;

		border: 1px solid rgba(255, 255, 255, 0.08);

		border-radius: var(--vel-radius);

		background: rgba(255, 255, 255, 0.04);

		min-height: 52px;

		color: #fff;

		text-shadow: none;

		transition:
			background 0.2s ease,
			border-color 0.2s ease,
			color 0.2s ease;

	}



	.velarium-header-shell--open .velarium-header__menu a::before {

		content: counter(vel-nav, decimal-leading-zero);

		flex-shrink: 0;

		font-size: 0.6875rem;

		font-weight: 700;

		letter-spacing: 0.04em;

		color: var(--vel-sky);

		opacity: 0.9;

		min-width: 1.375rem;

	}



	.velarium-header-shell--open .velarium-header__menu a::after {

		content: "\f054";

		font-family: "Font Awesome 6 Free";

		font-weight: 900;

		margin-left: auto;

		font-size: 0.6875rem;

		opacity: 0.35;

		transition: opacity 0.2s ease, transform 0.2s ease;

	}



	.velarium-header-shell--open .velarium-header__menu a:hover,
	.velarium-header-shell--open .velarium-header__menu a:focus-visible {

		background: rgba(255, 255, 255, 0.08);

		border-color: rgba(255, 255, 255, 0.14);

	}



	.velarium-header-shell--open .velarium-header__menu a:hover::after {

		opacity: 0.65;

		transform: translateX(2px);

	}



	.velarium-header-shell--open .velarium-header__menu li {

		animation: velarium-menu-item-in 0.4s cubic-bezier(0.32, 1, 0.32, 1) backwards;

	}



	.velarium-header-shell--open .velarium-header__menu li:nth-child(1) { animation-delay: 0.04s; }

	.velarium-header-shell--open .velarium-header__menu li:nth-child(2) { animation-delay: 0.08s; }

	.velarium-header-shell--open .velarium-header__menu li:nth-child(3) { animation-delay: 0.12s; }

	.velarium-header-shell--open .velarium-header__menu li:nth-child(4) { animation-delay: 0.16s; }

	.velarium-header-shell--open .velarium-header__menu li:nth-child(5) { animation-delay: 0.2s; }

	.velarium-header-shell--open .velarium-header__menu li:nth-child(6) { animation-delay: 0.24s; }

	.velarium-header-shell--open .velarium-header__menu li:nth-child(7) { animation-delay: 0.28s; }

	.velarium-header-shell--open .velarium-header__menu li:nth-child(8) { animation-delay: 0.32s; }



	.velarium-header-shell--open .velarium-header__menu a.velarium-header__link--active {

		color: #fff;

		font-weight: 700;

		background: rgba(91, 164, 217, 0.16);

		border-color: rgba(91, 164, 217, 0.4);

		box-shadow: inset 3px 0 0 var(--vel-sky);

	}



	.velarium-header-shell--open .velarium-header__menu a.velarium-header__link--active::before {

		color: #fff;

	}



	.velarium-header__cta {

		display: none;

	}

	[data-theme="light"] .velarium-header--scrolled,
	[data-theme="dark"] .velarium-header--scrolled {
		backdrop-filter: none;
	}

}



@keyframes velarium-menu-backdrop-in {

	from { opacity: 0; }

	to { opacity: 1; }

}



@keyframes velarium-menu-item-in {

	from {

		opacity: 0;

		transform: translateY(-6px);

	}

	to {

		opacity: 1;

		transform: translateY(0);

	}

}



@media (max-width: 900px) and (prefers-reduced-motion: reduce) {

	.velarium-header__nav {

		transition: visibility 0.15s;

	}



	.velarium-header-shell--open .velarium-header__menu li {

		animation: none;

	}

}


/* Legal pages — header siempre en modo scrolled (sin hero) */
body.velarium-legal .velarium-header {
	background: rgba(255, 255, 255, 0.97);
	backdrop-filter: blur(12px);
	box-shadow: var(--vel-shadow);
	border-bottom: 1px solid var(--vel-border);
}

body.velarium-legal .velarium-header__menu a {
	color: var(--vel-text);
	text-shadow: none;
}

body.velarium-legal .velarium-header__menu a:hover,
body.velarium-legal .velarium-header__menu .current-menu-item a {
	color: var(--vel-navy);
}

body.velarium-legal .velarium-theme-toggle,
body.velarium-legal .velarium-header__menu-toggle {
	border-color: var(--vel-border);
	background: var(--vel-surface);
	color: var(--vel-navy);
}

[data-theme="dark"] body.velarium-legal .velarium-header {
	background: rgba(10, 22, 40, 0.94);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] body.velarium-legal .velarium-header__menu a {
	color: #fff;
}

[data-theme="dark"] body.velarium-legal .velarium-header__menu a:hover {
	color: var(--vel-sky);
}

[data-theme="dark"] body.velarium-legal .velarium-theme-toggle,
[data-theme="dark"] body.velarium-legal .velarium-header__menu-toggle {
	border-color: rgba(255, 255, 255, 0.25);
	background: rgba(255, 255, 255, 0.08);
	color: #fff;
}