/* Cabecera y lectura: usamos los colores del tema para conservar claro y oscuro. */
.whn-header__masthead { padding-block: 20px; }
.whn-branding .custom-logo-link {
	background: #fff;
	border: 1px solid #e4e4e0;
	border-radius: 12px;
	padding: 12px 20px;
}
.whn-branding .custom-logo { max-height: 64px; }
.whn-navbar__inner { gap: 8px; }
.whn-menu > li > a { padding: 12px 9px; font-size: .75rem; letter-spacing: .025em; }
.whn-search-toggle, .whn-theme-toggle { min-width: 44px; min-height: 44px; justify-content: center; }
/* El menú antiguo conserva su lupa por compatibilidad; solo ocultamos la copia
   cuando la cabecera ya ofrece el mismo control fuera del menú plegable. */
.whn-navbar:has(> .whn-navbar__inner > .whn-search-toggle) .whn-menu > li:has(> .whn-menu-search) { display: none; }
.whn-card__title { line-height: 1.25; text-wrap: pretty; }
.whn-featured-slider { border-radius: 12px; overflow: hidden; }
.whn-card img { border-radius: 8px; }
/* El foco no depende del ratón; el anillo sigue visible en ambos modos. */
.whn-header :focus-visible { outline: 3px solid var(--whn-accent); outline-offset: 3px; }
@media (max-width: 820px) {
	.whn-header__masthead { padding-block: 16px; }
	.whn-branding .custom-logo-link { padding: 10px 16px; max-width: min(320px, 90vw); }
	.whn-branding .custom-logo { max-height: 54px; }
	.whn-menu > li > a { padding: 14px 12px; font-size: .875rem; white-space: normal; }
	.whn-nav-toggle, .whn-submenu-toggle { min-height: 44px; }
	.whn-submenu-toggle { min-width: 44px; }
	.whn-main { padding-block: 24px; }
}