/* =========================================================================
   UNITECH · header.css  —  Header de 3 capas (top-bar / main / sub-nav sticky)
   ========================================================================= */

.unitech-header { position: relative; z-index: 100; }

/* ---- Capa 1: top-bar utility (#273694, 36px) ---- */
.unitech-topbar {
	min-height: var(--topbar-h);
	padding-block: 0;
	font-family: var(--font-ui);
	font-size: 0.8125rem;
}
.unitech-topbar__inner {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.75rem;
	min-height: var(--topbar-h);
}
.unitech-topbar__link { color: #fff; text-decoration: none; }
.unitech-topbar__link:hover { text-decoration: underline; }
.unitech-topbar__sep { color: rgba(255, 255, 255, 0.5); }

/* Campus virtual dropdown */
.unitech-campus { position: relative; }
.unitech-campus__toggle {
	display: inline-flex;
	align-items: center;
	gap: 0.4em;
	background: none;
	border: 0;
	color: #fff;
	font: inherit;
	cursor: pointer;
	padding: 0.4rem 0;
}
.unitech-campus__caret { transition: transform var(--t-fast); }
.unitech-campus__toggle[aria-expanded="true"] .unitech-campus__caret { transform: rotate(180deg); }

.unitech-campus__list {
	position: absolute;
	right: 0;
	top: 100%;
	margin: 0;
	padding: 0.5rem 0;
	list-style: none;
	min-width: 220px;
	background: #fff;
	color: var(--color-text-main);
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-card);
	z-index: 200;
}
.unitech-campus__list[hidden] { display: none; }
.unitech-campus__list li { margin: 0; }
.unitech-campus__list a {
	display: block;
	padding: 0.55rem 1.1rem;
	color: var(--color-text-main);
	text-decoration: none;
	font-size: 0.875rem;
}
.unitech-campus__list a:hover { background: var(--color-bg-light); color: var(--color-primary); }

/* ---- Capa 2: barra principal (blanca, 64px) ---- */
.unitech-mainbar {
	min-height: var(--header-h);
	box-shadow: var(--shadow-header);
	padding-block: 0.5rem;
}
.unitech-mainbar__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	min-height: var(--header-h);
}
.unitech-logo img { width: 180px; height: auto; }

.unitech-menu .wp-block-navigation-item__content {
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 0.9375rem;
	color: var(--color-text-main);
}
.unitech-menu .wp-block-navigation-item__content:hover { color: var(--color-secondary); }

/* Iconos de acción (buscar / whatsapp / teléfono) */
.unitech-actions { display: flex; align-items: center; gap: 0.5rem; }
.unitech-actions__btn {
	display: inline-grid;
	place-items: center;
	width: 38px;
	height: 38px;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--color-primary);
	cursor: pointer;
	text-decoration: none;
	transition: background var(--t-fast), color var(--t-fast);
}
.unitech-actions__btn:hover { background: var(--color-bg-light); color: var(--color-secondary); }

/* ---- Capa 3: sub-nav oscura sticky (#16181c, 40px) ---- */
.unitech-subnav {
	position: sticky;
	top: 0;
	z-index: 150;
	min-height: var(--subnav-h);
	padding-block: 0;
	transition: box-shadow var(--t-base);
}
.unitech-subnav.is-stuck { box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35); }
.unitech-subnav__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	min-height: var(--subnav-h);
}
.unitech-menu--light .wp-block-navigation-item__content { color: #e7e9ee; font-size: 0.875rem; }
.unitech-menu--light .wp-block-navigation-item__content:hover { color: #fff; }

/* CTA "Iniciar sesión" (coral → hover) */
.unitech-login {
	display: inline-flex;
	align-items: center;
	border: 0;
	border-radius: var(--radius-sm);
	background: var(--color-accent-coral);
	color: #fff;
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 0.875rem;
	padding: 0.45rem 1.2rem;
	cursor: pointer;
	transition: background var(--t-fast);
}
.unitech-login:hover { background: var(--color-accent-coral-h); }

/* Buscador desplegable (inyectado por nav-dropdown.js) */
.unitech-searchbar {
	display: flex;
	gap: 0.5rem;
	width: min(100% - 2.5rem, var(--max-wide));
	margin: 0 auto;
	padding: 0.75rem 0 1rem;
	animation: unitech-search-in var(--t-base);
}
.unitech-searchbar input {
	flex: 1;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-sm);
	padding: 0.7rem 1rem;
	font: inherit;
}
.unitech-searchbar input:focus { outline: 2px solid var(--color-secondary); outline-offset: 1px; }
@keyframes unitech-search-in { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }

/* ---- Responsive ---- */
@media (max-width: 900px) {
	.unitech-subnav { display: none; } /* el menú vive en el overlay móvil de la capa 2 */
}
@media (max-width: 768px) {
	.unitech-topbar__link { display: none; }
	.unitech-logo img { width: 150px; }
	.unitech-actions__btn { width: 34px; height: 34px; }
}