/**
 * Hexfy Header - Widget Elementor
 * Fondo oscuro: logo (icono + texto), menú, botón CTA
 */

.hexfy-header {
	--hexfy-header-bg: #0f172a;
	--hexfy-header-text: #fff;
	--hexfy-header-muted: #94a3b8;
	--hexfy-header-accent: #3b82f6;
	--hexfy-header-radius: 8px;
}

.hexfy-header {
	background: var(--hexfy-header-bg);
	color: var(--hexfy-header-text);
	padding: 0.875rem 1.5rem;
}

.hexfy-header--sticky {
	position: sticky;
	top: 0;
	z-index: 1000;
	box-shadow: 0 1px 0 rgba(248, 250, 252, 0.06);
}

.hexfy-header__inner {
	max-width: 1280px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
}

/* Logo */
.hexfy-header__logo {
	display: inline-flex;
	align-items: center;
	gap: 0.625rem;
	text-decoration: none;
	color: var(--hexfy-header-text);
	font-weight: 700;
	font-size: 1.25rem;
	letter-spacing: 0.02em;
	transition: opacity 0.2s;
}

.hexfy-header__logo:hover {
	opacity: 0.9;
	color: var(--hexfy-header-text);
}

.hexfy-header__logo-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: var(--hexfy-header-accent);
	border-radius: var(--hexfy-header-radius);
	overflow: hidden;
	flex-shrink: 0;
}

.hexfy-header__logo-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.hexfy-header__logo-text {
	text-transform: uppercase;
}

/* Menú */
.hexfy-header__nav {
	display: flex;
	align-items: center;
	flex: 1;
	justify-content: center;
}

.hexfy-header__menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 2rem;
}

.hexfy-header__menu-item {
	margin: 0;
}

.hexfy-header__link {
	font-size: 0.9375rem;
	font-weight: 500;
	color: var(--hexfy-header-muted);
	text-decoration: none;
	transition: color 0.2s;
}

.hexfy-header__link:hover {
	color: var(--hexfy-header-text);
}

/* Botón CTA */
.hexfy-header__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.5rem 1.25rem;
	font-size: 0.875rem;
	font-weight: 600;
	color: #fff;
	background: var(--hexfy-header-accent);
	text-decoration: none;
	border-radius: var(--hexfy-header-radius);
	transition: opacity 0.2s, transform 0.2s;
	flex-shrink: 0;
}

.hexfy-header__btn:hover {
	opacity: 0.95;
	transform: translateY(-1px);
	color: #fff;
}

/* Selector de idioma dentro del header */
.hexfy-header .hexfy-lang--in-header {
	margin: 0; 
}

.hexfy-header .hexfy-lang__btn,
.hexfy-header .hexfy-lang__dropdown-btn {
	font-size: 0.8125rem;
	padding: 0.3rem 0.5rem;
}

/* Móvil: menú en columna o hamburguesa */
@media (max-width: 767px) {
	.hexfy-header__inner {
		flex-wrap: wrap;
		gap: 1rem;
	}

	.hexfy-header__nav {
		order: 3;
		width: 100%;
		justify-content: flex-start;
	}

	.hexfy-header__menu {
		gap: 1.25rem;
	}
}