/* ============================================================================ brand-header.css — cabecera y pie con la marca del cliente ---------------------------------------------------------------------------- ⚠️ Va APARTE de dental.css porque este último solo se encola en las dos plantillas del kit. La cabecera y el pie salen en TODAS las páginas —blog, artículo, 404— y con las reglas dentro de dental.css el logo volvía al estilo genérico del theme al salir de la portada (detectado en un artículo del blog, 2026-07-28). El selector sigue siendo `body:has(.siw-dental)`… no: aquí ya no vale, porque una página de blog no contiene ese contenedor. Se usa una clase en que añade functions.php cuando el sitio usa este kit. ========================================================================== */ body.siw-brand .sw-header .sw-wrap, body.siw-brand .sw-footer .sw-wrap { max-width: 1300px; padding-left: 20px; padding-right: 20px; } body.siw-brand .sw-foot-grid { padding-top: 70px; padding-bottom: 30px; } body.siw-brand .sw-foot-bottom { padding-top: 24px; padding-bottom: 30px; margin-top: 44px; } body.siw-brand .sw-logo .sw-name { font-family: var(--brand-font-heading); font-weight: 600; font-size: 22px; letter-spacing: -.01em; text-transform: none; color: var(--brand-primary); white-space: nowrap; } body.siw-brand .sw-logo .sw-name { display: inline-flex; align-items: baseline; gap: 7px; } body.siw-brand .sw-logo .sw-name > span { display: inline; font-family: var(--brand-font-heading); font-size: 22px; font-weight: 600; letter-spacing: -.01em; text-transform: none; color: var(--brand-accent); margin: 0; } body.siw-brand .sw-nav-menu { border: 1px solid var(--brand-line); border-radius: 50px; padding: 6px 14px; background: #fff; gap: 6px; } body.siw-brand .sw-nav-menu a { font-weight: 500; font-size: 15px; padding: 8px 13px; color: var(--brand-text); } body.siw-brand .sw-nav-menu a:hover { color: var(--brand-accent); } body.siw-brand .sw-footer .sw-logo .sw-name { color: var(--brand-on-primary); } body.siw-brand .sw-footer .sw-logo .sw-name > span { color: var(--brand-accent); } body.siw-brand .sw-logo img, body.siw-brand .custom-logo-link img.custom-logo { width: 38px; height: 38px; max-height: 38px; } body.siw-brand .sw-header { padding: 14px 0; } body.siw-brand .sw-nav { height: auto; } body.siw-brand .sw-nav-menu { align-items: center; } body.siw-brand .sw-nav-menu li { display: flex; } body.siw-brand .sw-nav-menu a { display: flex; align-items: center; line-height: 1.5; }