/* =========================================================================
   header.css — Estilos de la cabecera de GeneratePress para replicar la
   referencia: sticky, fondo blanco translúcido, borde inferior sutil, nav
   horizontal y dos botones CTA a la derecha (inyectados desde functions.php).
   ========================================================================= */

.site-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background: rgba(255, 255, 255, 0.96);
	-webkit-backdrop-filter: saturate(180%) blur(8px);
	backdrop-filter: saturate(180%) blur(8px);
	border-bottom: 1px solid rgba(18, 50, 71, 0.08);
}

/* Marca / logo. */
.site-header .site-logo img,
.site-header .header-image { max-height: 46px; width: auto; }

.main-title,
.site-title a {
	font-family: var(--font-heading);
	font-weight: var(--fw-strong);
	color: var(--navy);
	letter-spacing: -0.01em;
}

/* Navegación primaria. */
.main-navigation {
	background: transparent;
}
.main-navigation .main-nav ul li a {
	font-family: var(--font-sans);
	font-weight: var(--fw-semibold);
	color: var(--ink);
	transition: color 0.15s ease;
}
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li.current-menu-item > a {
	color: var(--blue);
}

/* Botones CTA del header (contenedor inyectado por generate_menu_bar_items). */
.abogalis-header-ctas {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-left: 14px;
}

/* En móvil, los CTA del header se ocultan (quedan dentro del menú/hero). */
@media (max-width: 768px) {
	.abogalis-header-ctas { display: none; }
}

/* Botón hamburguesa (usa el de GeneratePress; solo color). */
.main-navigation .menu-toggle { color: var(--navy); }

/* --- Tamaño del logo (antes en CSS adicional). Escritorio 80px, móvil 70px. --- */
.navigation-branding img,
.site-logo img,
.site-logo.mobile-header-logo img {
	height: 80px;
	width: auto;
}
@media (max-width: 768px) {
	.navigation-branding img,
	.site-logo img,
	.site-logo.mobile-header-logo img {
		height: 70px;
		width: auto;
	}
}