Header
Pattern base de cabecera con logo, nombre de herramienta, selector de idioma y botón secundario.
Variante completa · Boxed + navmenu en bloque inferior + identificación de usuario (barra verde superior)
Saltar al contenido principal
Nombre Apellido y Apellido
00000000A
Última conexión 13 enero 2024
NAA
- 00000000A
Herramienta
Mostrar HTML
<a class="gn-skip-link" href="#main-content">Saltar al contenido principal</a>
<!-- HEADER — boxed + navmenu en bloque inferior + identificación de usuario (barra verde superior) -->
<header class="gn-header gn-header--boxed" aria-label="Cabecera principal">
<!-- Barra de identificación de usuario (verde, desktop) -->
<div class="gn-header-identification gn-header-identification--desktop">
<div class="gn-header__inner gn-header-identification__inner">
<div class="gn-header-identification__item gn-header-identification__item--principal">
<svg class="gn-header-identification__icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
<path
d="M12 11.7375C10.9 11.7375 10 11.3875 9.3 10.6875C8.6 9.98751 8.25 9.08751 8.25 7.98751C8.25 6.88751 8.6 5.98751 9.3 5.28751C10 4.58749 10.9 4.23749 12 4.23749C13.1 4.23749 14 4.58749 14.7 5.28751C15.4 5.98751 15.75 6.88751 15.75 7.98751C15.75 9.08751 15.4 9.98751 14.7 10.6875C14 11.3875 13.1 11.7375 12 11.7375ZM4 19.7625V17.4125C4 16.7792 4.15833 16.2375 4.475 15.7875C4.79166 15.3375 5.2 14.9958 5.7 14.7625C6.81665 14.2625 7.8875 13.8875 8.9125 13.6375C9.9375 13.3875 10.9667 13.2625 12 13.2625C13.0333 13.2625 14.0583 13.3917 15.075 13.65C16.0917 13.9083 17.1583 14.2792 18.275 14.7625C18.7916 14.9958 19.2083 15.3375 19.525 15.7875C19.8417 16.2375 20 16.7792 20 17.4125V19.7625H4Z"
fill="currentColor" />
</svg>
<span class="gn-header-identification__name">Nombre Apellido y Apellido</span>
<span class="gn-header-identification__divider" aria-hidden="true"></span>
<span class="gn-header-identification__text">00000000A</span>
</div>
<div class="gn-header-identification__item gn-header-identification__item--actions">
<span class="gn-header-identification__last-connection">Última conexión 13 enero 2024</span>
<button type="button" class="gn-button gn-button--secondary gn-button--sm">Desconectar</button>
</div>
</div>
</div>
<!-- Barra de identificación de usuario (mobile) -->
<div class="gn-header-identification gn-header-identification--mobile-user">
<div class="gn-header__inner gn-header-identification__inner">
<div class="gn-header-identification__item gn-header-identification__item--principal">
<svg class="gn-header-identification__icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
<path
d="M12 11.7375C10.9 11.7375 10 11.3875 9.3 10.6875C8.6 9.98751 8.25 9.08751 8.25 7.98751C8.25 6.88751 8.6 5.98751 9.3 5.28751C10 4.58749 10.9 4.23749 12 4.23749C13.1 4.23749 14 4.58749 14.7 5.28751C15.4 5.98751 15.75 6.88751 15.75 7.98751C15.75 9.08751 15.4 9.98751 14.7 10.6875C14 11.3875 13.1 11.7375 12 11.7375ZM4 19.7625V17.4125C4 16.7792 4.15833 16.2375 4.475 15.7875C4.79166 15.3375 5.2 14.9958 5.7 14.7625C6.81665 14.2625 7.8875 13.8875 8.9125 13.6375C9.9375 13.3875 10.9667 13.2625 12 13.2625C13.0333 13.2625 14.0583 13.3917 15.075 13.65C16.0917 13.9083 17.1583 14.2792 18.275 14.7625C18.7916 14.9958 19.2083 15.3375 19.525 15.7875C19.8417 16.2375 20 16.7792 20 17.4125V19.7625H4Z"
fill="currentColor" />
</svg>
<span class="gn-header-identification__name">NAA</span>
<span class="gn-header-identification__text">- 00000000A</span>
</div>
<button type="button" class="gn-header__mobile-action gn-header-identification__logout"
aria-label="Desconectar">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"
aria-hidden="true" focusable="false">
<path
d="M5.08325 28.3167V4.31674H17.0499V6.31674H7.08325V26.3167H17.0499V28.3167H5.08325ZM23.2833 22.1501L21.8499 20.7167L25.2499 17.3167H13.0833V15.3167H25.1833L21.7833 11.9167L23.2166 10.4834L29.0833 16.3501L23.2833 22.1501Z"
fill="currentColor" />
</svg>
</button>
</div>
</div>
<!-- Fila principal del header: marca + acciones -->
<div class="gn-header__inner">
<div class="gn-header__main">
<!-- Brand -->
<div class="gn-header__brand">
<!-- Logotipo completo (visible en desktop, boxed) -->
<svg class="gn-header__logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 148 35.3" aria-hidden="true"
focusable="false">
<g>
<g>
<path class="gn-header__logo-fill-primary"
d="M20.9,31.2c0,1.3-1,2.4-2.3,2.6l-8.1,1.5-8.1-1.5C1,33.6,0,32.6,0,31.2V12.1h20.9v19.1ZM18.1,12.8c-1.1,0-1.8.6-2,1.4h-3.7c-.2-.8-1-1.4-1.9-1.4-.9,0-1.7.6-1.9,1.4h-3.7c-.2-.8-1-1.4-1.9-1.4-.9,0-2,.9-2,2,0,1.1.6,1.6,1.4,1.9v4.2c-.8.3-1.4,1-1.4,1.9,0,.9.6,1.6,1.4,1.9v4.2c-.8.3-1.4,1-1.4,1.9,0,.9.9,2,2,2s1.5-.5,1.8-1.2l3.7.7c0,1.1.9,1.9,2,1.9,1.1,0,2-.8,2-1.9l3.7-.7c.3.7,1,1.2,2,1.2,1,0,1.9-.9,1.9-2,0-1.1-.6-1.6-1.4-1.9v-4.2c.8-.3,1.5-1,1.5-1.9h0c0-.9-.6-1.7-1.4-1.9v-4.2c.8-.3,1.4-1,1.4-1.9s-.8-2-2-2ZM10.4,31.4c.5,0,.9.4.9.9,0,.5-.4.9-.9.9s-.9-.4-.9-.9c0-.5.4-.9.9-.9ZM2.8,29.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9s-.9-.4-.9-.9c0-.5.4-.9.9-.9ZM18.1,29.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM9.4,24.6c.2,0,.3.2.4.2v5.6c-.5.2-.9.5-1.2.9l-3.8-.7c0-.3-.2-.6-.3-.8l4.9-5.1ZM16.3,29.7c-.2.2-.2.5-.3.7l-3.8.7c-.3-.4-.7-.7-1.2-.9v-5.6c.1,0,.3-.1.4-.2l4.9,5.2ZM16.1,23.3c.2.7.8,1.2,1.4,1.4v4.2c-.2,0-.3.1-.4.2l-4.9-5.2c.1-.2.2-.3.2-.5h3.7ZM8.4,23.3c0,.2.1.3.2.5l-4.9,5.2c-.1,0-.2-.1-.3-.1v-4.2c.7-.2,1.2-.7,1.4-1.4h3.6ZM10.5,21.8c.5,0,1,.4,1,.9,0,.5-.4.9-1,.9s-1-.4-1-.9c0-.5.4-.9,1-.9ZM18.1,21.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM2.8,21.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9s-.9-.4-.9-.9c0-.5.4-.9.9-.9ZM8.6,21.7h0c-.1.2-.2.4-.2.6h-3.6c-.2-.7-.8-1.2-1.4-1.4v-4.1c.2,0,.3-.1.4-.2l4.9,5ZM17,16.6c.2,0,.3.2.4.2v4.1c-.7.2-1.2.7-1.4,1.4h-3.6c0-.2-.2-.4-.3-.6l4.9-5ZM16.1,15.4c0,.2.1.3.2.4l-4.9,5.1c-.1,0-.3-.1-.4-.2v-4c.6-.2,1.2-.7,1.4-1.4h3.7ZM4.8,15.4h3.7c.2.6.7,1.2,1.4,1.3v4c-.2,0-.3.1-.5.2l-4.9-5c.1-.2.2-.3.2-.5h0ZM2.8,14c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM10.4,13.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM18.1,13.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM10.5,9.1c2.3,0,4.6.3,6.7.9l-.5,1.6h0c-2-.6-4-.9-6.2-.9s-4.2.3-6.1.8l-.4-1.6c2.1-.6,4.3-.9,6.6-.9ZM5.3,2.5c2.4,0,1.6.2,2.3.6-.5.4-.9.8-1.1,1.3-.3-.2-.7-.3-1.1-.3-1.5,0-2.6,1.2-2.6,2.6,0,1.4,1,2.4,2.4,2.5-.9.2-1.7.4-2.5.7-1-.8-1.6-1.9-1.6-3.2,0-2.3,1.9-4.2,4.3-4.2ZM15.7,2.5c2.4,0,4.3,1.9,4.3,4.2,0,1.3-.6,2.4-1.6,3.2-.8-.3-1.7-.5-2.5-.7,1.3-.1,2.4-1.1,2.4-2.5,0-1.4-1.2-2.6-2.6-2.6-.4,0-.7,0-1,.2-.3-.5-.7-.9-1.2-1.2.6-.4-.1-.6,2.3-.6ZM9.3,4.4c-.9.4-1.4,1.3-1.4,2.3,0,1,.4,1.6,1,2h0c-.7,0-1.4.1-2,.2-.4-.6-.6-1.4-.6-2.2,0-1.9,1.3-3.5,3.1-4v1.8ZM11.6,2.6c1.8.5,3.1,2.2,3.1,4s-.2,1.6-.6,2.2c-.6-.1-1.3-.2-2-.2h0c.6-.4,1-1,1-2,0-1-.5-1.8-1.4-2.3v-1.8ZM10.5,2.5c.3,0,.6,0,.9.1v6.1h-1.7V2.6c.3-.1.6-.1.9-.1ZM14.7,4.4h-.1s0,0,0,0c0,0,0,0,0,0ZM10.4,2.2c-.5,0-.9-.5-1-.9h1v.9ZM11.6,1.3c0,.5-.5.9-1,.9v-.9h1ZM10.4.9h-1c0-.5.5-.9,1-.9v.9ZM10.6,0c.5,0,.9.5,1,.9h-1v-.9Z" />
<path class="gn-header__logo-fill-dark"
d="M32.4,19.1c-.6.8-1.5,1.2-2.3,1.2-2.6,0-4.2-1.9-4.2-4.3s1.6-4.4,4.2-4.4,3.3,1.1,3.6,2.9h-1.8c-.2-.9-.9-1.4-1.8-1.4-1.7,0-2.3,1.4-2.3,2.8s.6,2.8,2.3,2.8,1.9-.6,2-1.8h-1.9v-1.4h3.6v4.5h-1.2l-.2-.9h0ZM38.1,13.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM38.1,19c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM42.3,11.8h1.7v3c.4-.6,1.2-.9,1.9-.9,1.2,0,2.5.9,2.5,3.2s-1.3,3.2-2.5,3.2-1.7-.3-2-.9v.8h-1.6v-8.3ZM45.4,15.2c-1,0-1.5.9-1.5,1.9s.4,1.9,1.5,1.9,1.5-.9,1.5-1.9-.4-1.9-1.5-1.9ZM51.3,13.2h-1.7v-1.4h1.7v1.4ZM49.6,14.1h1.7v6h-1.7v-6ZM54,17.5c0,1.1.6,1.5,1.5,1.5s1.2-.4,1.3-.8h1.5c-.5,1.4-1.5,2-2.9,2s-3.1-1.3-3.1-3.2,1.3-3.2,3.1-3.2,3.1,1.7,3,3.6h-4.5ZM56.8,16.4c-.2-.8-.5-1.3-1.3-1.3s-1.4.8-1.4,1.3h2.8ZM59.5,14.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM64.3,14.1h1.6v.8c.4-.7,1.2-1,1.9-1,1.8,0,2.3,1,2.3,2.5v3.7h-1.7v-3.4c0-1-.3-1.5-1.1-1.5s-1.3.5-1.3,1.7v3.2h-1.7v-6h0ZM74.3,13.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM74.3,19c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM86.2,19.3c-.4.6-1.1.9-1.9.9-1.8,0-2.8-1.5-2.8-3.2s.9-3.1,2.7-3.1,1.5.3,1.8.9v-3h1.7v8.3h-1.6v-.8h0ZM84.8,15.2c-1.1,0-1.5.9-1.5,1.9s.4,1.9,1.5,1.9,1.5-.9,1.5-1.9-.4-1.9-1.5-1.9ZM90.5,17.5c0,1.1.6,1.5,1.5,1.5s1.2-.4,1.3-.8h1.5c-.5,1.4-1.5,2-2.9,2s-3.1-1.3-3.1-3.2,1.3-3.2,3.1-3.2,3.1,1.7,3,3.6h-4.5ZM93.2,16.4c-.2-.8-.5-1.3-1.3-1.3s-1.4.8-1.4,1.3h2.8ZM99.4,11.8h1.8l3.6,5.5v-5.5h1.7v8.3h-1.9l-3.5-5.5v5.5h-1.7v-8.3ZM108,15.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM111.8,17.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM118.2,20.1h-1.9l-2.1-6h1.8l1.3,4.1,1.3-4.1h1.7l-2.1,6h0ZM120.9,15.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM124.8,17.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM127.8,14.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM132.4,14.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM137,15.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM140.9,17.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM26.2,24.8h1.8l3.6,5.5v-5.5h1.7v8.3h-1.9l-3.5-5.5v5.5h-1.7v-8.3ZM34.8,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM38.7,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM42.1,28.2h-1v-1.1h1v-.5c0-1.1.7-1.8,2-1.8h.9v1.2h-.6c-.4,0-.6.2-.6.7v.4h1.2v1.1h-1.2v4.9h-1.7v-4.9h0ZM45.6,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM49.4,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM52.5,27.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM57,27.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM64.4,26.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM64.4,32c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM68.6,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM72.5,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM75.7,24.8h1.7v4.4l2.1-2.2h2l-2.3,2.2,2.6,3.8h-2l-1.7-2.7-.6.6v2h-1.7v-8.3ZM85.3,26.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM85.3,32c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM99.2,32.1c-.6.8-1.5,1.2-2.3,1.2-2.6,0-4.2-1.9-4.2-4.3s1.6-4.4,4.2-4.4,3.3,1.1,3.6,2.9h-1.8c-.2-.9-.9-1.4-1.8-1.4-1.7,0-2.3,1.4-2.3,2.8s.6,2.8,2.3,2.8,1.9-.6,2-1.8h-1.9v-1.4h3.6v4.5h-1.2l-.2-.9h0ZM104.9,26.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM104.9,32c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM109.1,24.8h1.7v3c.4-.6,1.2-.9,1.9-.9,1.2,0,2.5.9,2.5,3.2s-1.3,3.2-2.5,3.2-1.7-.3-2-.9v.8h-1.6v-8.3ZM112.2,28.2c-1,0-1.5.9-1.5,1.9s.4,1.9,1.5,1.9,1.5-.9,1.5-1.9-.4-1.9-1.5-1.9ZM117.8,30.5c0,1.1.6,1.5,1.5,1.5s1.2-.4,1.3-.8h1.5c-.5,1.4-1.5,2-2.9,2s-3.1-1.3-3.1-3.2,1.3-3.2,3.1-3.2,3.1,1.7,3,3.6h-4.5ZM120.5,29.4c-.2-.8-.5-1.3-1.3-1.3s-1.4.8-1.4,1.3h2.8ZM123.2,27.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM128,27.1h1.6v.8c.4-.7,1.2-1,1.9-1,1.8,0,2.3,1,2.3,2.5v3.7h-1.7v-3.4c0-1-.3-1.5-1.1-1.5s-1.3.5-1.3,1.7v3.2h-1.7v-6h0ZM140.8,33.1h-1.6v-.8c-.4.7-1.2,1-1.9,1-1.8,0-2.3-1-2.3-2.5v-3.7h1.7v3.4c0,1,.3,1.5,1.1,1.5s1.3-.5,1.3-1.7v-3.2h1.7v6h0ZM142,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2.1.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM145.9,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0Z" />
</g>
</g>
</svg>
<!-- Símbolo (visible en mobile, boxed) -->
<svg class="gn-header__symbol" xmlns="http://www.w3.org/2000/svg" width="21" height="35" viewBox="0 0 21 35"
fill="none" aria-hidden="true" focusable="false">
<g clip-path="url(#hdr-bx-0-gn-prose-ciudadania-logo-clip)">
<path d="M11.3002 22.322L10.4555 23.1667L9.61079 22.322L10.4555 21.4773L11.3002 22.322Z"
fill="currentColor" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M18.6982 11.2757C19.9112 11.2757 20.8963 12.2601 20.8963 13.4729C20.8963 14.4589 20.2454 15.2938 19.3515 15.5714V20.2088C20.2454 20.4865 20.8962 21.3206 20.8963 22.3064C20.8963 23.2929 20.2454 24.1273 19.3515 24.4049V29.0814C20.2454 29.3596 20.8961 30.194 20.8963 31.1799C20.8963 32.3927 19.9112 33.378 18.6982 33.378C17.8056 33.3779 17.0378 32.8455 16.6934 32.0812L12.6516 32.8673C12.6172 34.0498 11.6474 35 10.4555 35C9.26455 34.9999 8.2946 34.0519 8.26028 32.8693L4.20191 32.0793C3.8575 32.8453 3.08984 33.378 2.19714 33.378C0.984393 33.3779 0 32.3927 0 31.1799C0.000167875 30.1918 0.651518 29.3569 1.54874 29.0794V24.4068C0.651402 24.1291 0 23.2947 0 22.3064C6.3701e-05 21.3188 0.651446 20.4843 1.54874 20.2069V15.5733C0.651417 15.2958 2.06593e-05 14.4612 0 13.4729C0 12.2601 0.984393 11.2758 2.19714 11.2757C3.20169 11.2757 4.05057 11.9501 4.31226 12.8733H8.34328C8.60281 11.9501 9.45166 11.2758 10.4555 11.2757C11.4602 11.2757 12.3089 11.9501 12.5706 12.8733H16.585C16.8448 11.9502 17.6944 11.2759 18.6982 11.2757ZM10.4525 31.8215C9.88818 31.8216 9.4303 32.278 9.43014 32.8419C9.43014 33.4078 9.88808 33.8642 10.4525 33.8643C11.0164 33.8643 11.4749 33.4079 11.4749 32.8419C11.4748 32.2779 11.0163 31.8215 10.4525 31.8215ZM2.17371 30.1721C1.61 30.1724 1.15228 30.6306 1.15228 31.1945C1.15235 31.7589 1.61004 32.2167 2.17371 32.217C2.73819 32.217 3.19604 31.759 3.19611 31.1945C3.19611 30.6304 2.73824 30.1721 2.17371 30.1721ZM18.7304 30.1721C18.1665 30.1723 17.709 30.6306 17.709 31.1945C17.709 31.7604 18.1665 32.2168 18.7304 32.217C19.2949 32.217 19.7527 31.7605 19.7528 31.1945C19.7528 30.6304 19.2949 30.1721 18.7304 30.1721ZM4.04079 29.9827C4.21173 30.2461 4.32841 30.5492 4.37378 30.8752L8.56105 31.6887C8.84235 31.2111 9.29889 30.8504 9.84125 30.6936V24.4869C9.6682 24.4399 9.50224 24.3745 9.34713 24.2897L4.04079 29.9827ZM11.4749 24.3111C11.3438 24.3797 11.2048 24.4337 11.059 24.4752V30.6897C11.6047 30.8447 12.0662 31.2072 12.3489 31.6867L16.5225 30.8752C16.5637 30.5726 16.6669 30.291 16.8184 30.0403L11.4749 24.3111ZM12.6341 22.9235C12.5729 23.1268 12.4846 23.3162 12.3743 23.4909L17.7129 29.2171C17.8461 29.1486 17.9862 29.0937 18.1338 29.054V24.4322C17.3931 24.2338 16.8035 23.6587 16.5889 22.9235H12.6341ZM4.3064 22.9235C4.09215 23.6572 3.50615 24.2319 2.76547 24.4303V29.056C2.88998 29.0904 3.00759 29.1341 3.12092 29.1868L8.46437 23.4547C8.36316 23.2906 8.28345 23.1127 8.2261 22.9235H4.3064ZM10.4525 21.2381C9.85896 21.2382 9.38034 21.7176 9.38034 22.3103C9.38044 22.9034 9.85903 23.3824 10.4525 23.3825C11.0452 23.3825 11.5256 22.9034 11.5257 22.3103C11.5257 21.7175 11.0453 21.2381 10.4525 21.2381ZM2.17371 21.2879C1.61 21.2881 1.15228 21.7465 1.15228 22.3103C1.15238 22.8746 1.61007 23.3325 2.17371 23.3327C2.73817 23.3327 3.19601 22.8747 3.19611 22.3103C3.19611 21.7464 2.73824 21.2879 2.17371 21.2879ZM18.7304 21.2879C18.1665 21.2881 17.709 21.7465 17.709 22.3103C17.7091 22.8746 18.1665 23.3325 18.7304 23.3327C19.2949 23.3327 19.7527 22.8747 19.7528 22.3103C19.7528 21.7464 19.2949 21.2879 18.7304 21.2879ZM3.19123 15.4327C3.05764 15.5007 2.91467 15.5567 2.76547 15.5968V20.1825C3.51149 20.383 4.10122 20.9639 4.31226 21.7068H8.19876C8.25445 21.4834 8.3412 21.2741 8.45656 21.0809L3.19123 15.4327ZM12.3763 21.0389C12.5041 21.2425 12.6013 21.4669 12.6604 21.7068H16.585C16.7941 20.964 17.3879 20.3799 18.1338 20.1815V15.5987C17.9593 15.5519 17.7918 15.4827 17.6367 15.3986L12.3763 21.0389ZM4.3064 14.09C4.25261 14.2718 4.1771 14.4449 4.0818 14.6037L9.33835 20.2391C9.49491 20.1549 9.66464 20.0858 9.84125 20.0389V15.5821C9.12385 15.3747 8.55619 14.8091 8.34719 14.09H4.3064ZM12.5647 14.09C12.3543 14.8125 11.7829 15.3826 11.059 15.588V20.0497C11.2048 20.0914 11.3454 20.1469 11.4789 20.2157L16.7745 14.5363C16.6972 14.3963 16.6338 14.2464 16.5889 14.09H12.5647ZM2.17371 12.4544C1.61 12.4546 1.15228 12.9131 1.15228 13.4768C1.15237 14.0411 1.61006 14.499 2.17371 14.4992C2.73818 14.4992 3.19602 14.0413 3.19611 13.4768C3.19611 12.9129 2.73824 12.4544 2.17371 12.4544ZM10.4525 12.4544C9.88808 12.4545 9.43014 12.913 9.43014 13.4768C9.43023 14.0412 9.88814 14.4991 10.4525 14.4992C11.0164 14.4992 11.4749 14.0413 11.4749 13.4768C11.4749 12.9129 11.0164 12.4544 10.4525 12.4544ZM18.7304 12.4544C18.1665 12.4546 17.709 12.913 17.709 13.4768C17.7091 14.0412 18.1665 14.499 18.7304 14.4992C19.2949 14.4992 19.7527 14.0413 19.7528 13.4768C19.7528 12.9129 19.2949 12.4544 18.7304 12.4544Z"
fill="currentColor" />
<path
d="M10.266 8.61866C12.3753 8.61867 14.402 8.92053 16.3194 9.48189H16.3331L15.8956 10.9613C14.1011 10.4404 12.2248 10.1664 10.266 10.1664C8.35317 10.1664 6.50795 10.4388 4.74485 10.9301L4.32202 9.45455C6.19819 8.90694 8.19781 8.61866 10.266 8.61866Z"
fill="currentColor" />
<path d="M4.74681 10.934H4.73216C4.73627 10.9328 4.74073 10.9312 4.74485 10.9301L4.74681 10.934Z"
fill="currentColor" />
<path
d="M5.67839 2.48326C6.41711 2.4833 7.10173 2.67431 7.69098 3.0301C7.26621 3.3589 6.90998 3.7702 6.65002 4.22242H6.63635C6.34907 4.09907 6.0205 4.01642 5.67839 4.01638C4.37669 4.01638 3.30841 5.08531 3.30841 6.38636C3.3086 7.61929 4.26766 8.63193 5.47235 8.7417H5.48602C4.69215 8.90631 3.92501 9.12554 3.18537 9.3862H3.1717C2.32235 8.6742 1.77443 7.59191 1.77432 6.38636C1.77432 4.22278 3.52789 2.48326 5.67839 2.48326Z"
fill="currentColor" />
<path
d="M14.9914 2.48326C17.1552 2.48344 18.9081 4.22289 18.9081 6.38636C18.908 7.59191 18.3602 8.6742 17.4971 9.3862C16.7438 9.12557 15.9767 8.90629 15.1964 8.7417C16.4153 8.63193 17.3611 7.61929 17.3613 6.38636C17.3613 5.08542 16.306 4.01656 14.9914 4.01638C14.6489 4.01638 14.3338 4.099 14.0324 4.22242C13.7585 3.77017 13.4023 3.35891 12.9915 3.0301C13.58 2.67414 14.2659 2.48326 14.9914 2.48326Z"
fill="currentColor" />
<path
d="M9.18406 4.31812C8.44504 4.71548 7.9517 5.49645 7.9517 6.38636C7.9518 7.15336 8.32122 7.82474 8.88232 8.26321C8.25266 8.30438 7.6226 8.35926 7.00644 8.45461C6.63652 7.85219 6.41767 7.13965 6.41761 6.38636C6.41761 4.61955 7.58165 3.14052 9.18406 2.64731V4.31812Z"
fill="currentColor" />
<path
d="M11.4984 2.64731C13.1011 3.1406 14.2658 4.61966 14.2658 6.38636C14.2657 7.13965 14.0457 7.85219 13.6623 8.45461C13.0462 8.35928 12.4299 8.30437 11.8001 8.26321C12.3617 7.82474 12.717 7.15336 12.7171 6.38636C12.7171 5.49656 12.2248 4.71553 11.4984 4.31812V2.64731Z"
fill="currentColor" />
<path
d="M10.3207 2.48326C10.5946 2.48327 10.8689 2.50997 11.1293 2.56529L11.1429 8.2222C10.8549 8.2222 10.5541 8.20755 10.266 8.20755C10.0195 8.20755 9.78662 8.2222 9.53951 8.2222V2.55064C9.78662 2.50947 10.047 2.48326 10.3207 2.48326Z"
fill="currentColor" />
<path d="M10.2016 2.11121C9.71896 2.05151 9.3368 1.66744 9.27878 1.18353H10.2016V2.11121Z"
fill="currentColor" />
<path d="M11.39 1.1845C11.3313 1.66923 10.9467 2.05383 10.4613 2.11121V1.18353H11.388L11.39 1.1845Z"
fill="currentColor" />
<path d="M10.2016 0.915965H9.28073C9.34346 0.438429 9.72318 0.0604591 10.2016 0.000976508V0.915965Z"
fill="currentColor" />
<path d="M10.4613 0C10.9425 0.0575917 11.3257 0.436268 11.389 0.915965H10.4613V0Z"
fill="currentColor" />
</g>
<defs>
<clipPath id="hdr-bx-0-gn-prose-ciudadania-logo-clip">
<rect width="20.8963" height="35" fill="white" />
</clipPath>
</defs>
</svg>
<span class="gn-header__separator" aria-hidden="true"></span>
<div class="gn-header__title-group">
<p class="gn-header__title">Herramienta</p>
</div>
</div>
<!-- Desktop actions: idioma (nombre completo) -->
<div class="gn-header__desktop-actions">
<div class="gn-header__language-wrap">
<div class="gn-dropdown-menu gn-dropdown-menu--sm gn-dropdown-menu--selector gn-header__language">
<button type="button" class="gn-dropdown-menu__trigger gn-dropdown-menu__trigger--ghost"
aria-haspopup="listbox" aria-expanded="false" aria-controls="hdr-bx-0-hdr-lang-cb-ciud"
id="hdr-bx-0-hdr-lang-cb-ciud-trigger">
<span class="gn-dropdown-menu__trigger-label">
<span class="gn-dropdown-menu__trigger-text">Castellano</span>
<svg class="gn-dropdown-menu__trigger-icon" aria-hidden="true" focusable="false"
viewBox="0 0 24 24">
<path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" fill="currentColor" />
</svg>
</span>
</button>
<ul class="gn-dropdown-menu__panel" id="hdr-bx-0-hdr-lang-cb-ciud" role="listbox"
aria-labelledby="hdr-bx-0-hdr-lang-cb-ciud-trigger">
<li class="gn-dropdown-menu__option" role="option" aria-selected="true" tabindex="0"
data-trigger-label="Castellano">Castellano</li>
<li class="gn-dropdown-menu__option" role="option" aria-selected="false" tabindex="-1"
data-trigger-label="Euskera">Euskera</li>
</ul>
</div>
</div>
</div>
<!-- Mobile actions -->
<div class="gn-header__mobile-actions">
<span class="gn-header__mobile-separator" aria-hidden="true"></span>
<button type="button" class="gn-header__mobile-action gn-header__mobile-menu" aria-label="Abrir menú"
aria-expanded="false" aria-controls="hdr-bx-0-gn-header-mobile-menu-panel-v0"
data-gn-header-mobile-toggle>
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="32" height="32"
viewBox="0 0 32 32" fill="none">
<path d="M28 25.3333H4V22.6667H28V25.3333Z" fill="currentColor" />
<path d="M28 17.3333H4V14.6667H28V17.3333Z" fill="currentColor" />
<path d="M28 9.33332H4V6.66666H28V9.33332Z" fill="currentColor" />
</svg>
</button>
</div>
</div>
</div>
<!-- Navmenu en bloque inferior (debajo de la barra del logo) -->
<div class="gn-header__nav-row">
<div class="gn-header__nav-inner">
<nav class="gn-header__nav" aria-label="Navegación principal">
<div class="gn-nav-menu">
<ul class="gn-nav-menu__list">
<li class="gn-nav-menu__item">
<a href="#" class="gn-nav-menu__link gn-nav-menu__link--active" aria-current="page">Item</a>
</li>
<li class="gn-nav-menu__item">
<a href="#" class="gn-nav-menu__link">Item</a>
</li>
<li class="gn-nav-menu__item">
<button type="button" class="gn-nav-menu__link" aria-expanded="false" aria-haspopup="true"
data-gn-menu-trigger>
Item
<svg aria-hidden="true" focusable="false" viewBox="0 0 24 24" width="20" height="20">
<path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" fill="currentColor" />
</svg>
</button>
</li>
<li class="gn-nav-menu__item">
<a href="#" class="gn-nav-menu__link">Item</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<div id="hdr-bx-0-gn-header-mobile-menu-panel-v0" class="gn-header__mobile-panel" data-gn-header-mobile-panel
hidden>
<div class="gn-header__mobile-user-card">
<div class="gn-header__mobile-user-head">
<svg class="gn-header__mobile-user-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
<path
d="M12 11.7375C10.9 11.7375 10 11.3875 9.3 10.6875C8.6 9.98751 8.25 9.08751 8.25 7.98751C8.25 6.88751 8.6 5.98751 9.3 5.28751C10 4.58749 10.9 4.23749 12 4.23749C13.1 4.23749 14 4.58749 14.7 5.28751C15.4 5.98751 15.75 6.88751 15.75 7.98751C15.75 9.08751 15.4 9.98751 14.7 10.6875C14 11.3875 13.1 11.7375 12 11.7375ZM4 19.7625V17.4125C4 16.7792 4.15833 16.2375 4.475 15.7875C4.79166 15.3375 5.2 14.9958 5.7 14.7625C6.81665 14.2625 7.8875 13.8875 8.9125 13.6375C9.9375 13.3875 10.9667 13.2625 12 13.2625C13.0333 13.2625 14.0583 13.3917 15.075 13.65C16.0917 13.9083 17.1583 14.2792 18.275 14.7625C18.7916 14.9958 19.2083 15.3375 19.525 15.7875C19.8417 16.2375 20 16.7792 20 17.4125V19.7625H4Z"
fill="currentColor"></path>
</svg>
<div class="gn-header__mobile-user-info">
<p class="gn-header__mobile-user-name">Nombre Apellido y Apellido</p>
<p class="gn-header__mobile-user-meta">00000000A</p>
<p class="gn-header__mobile-user-meta">Última conexión 13 enero 2024</p>
<a href="#" class="gn-header__mobile-logout-link">
<span>Desconectar</span>
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 23 23" fill="none"
aria-hidden="true" focusable="false">
<path
d="M3.65381 20.3527V3.10266H12.2549V4.54016H5.09131V18.9152H12.2549V20.3527H3.65381ZM16.7351 15.9204L15.7049 14.8902L18.1486 12.4464H9.40381V11.0089H18.1007L15.6569 8.56516L16.6871 7.53495L20.9038 11.7516L16.7351 15.9204Z"
fill="currentColor"></path>
</svg>
</a>
</div>
</div>
</div>
<nav class="gn-side-navigation" aria-label="Menú mobile principal" data-gn-side-navigation-init="true">
<ul class="gn-side-navigation__list">
<li class="gn-side-navigation__item gn-side-navigation__item--level-1">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Inicio</span>
</a>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-1">
<button type="button" class="gn-side-navigation__link" aria-expanded="false"
aria-controls="hdr-bx-0-header-mobile-v0-sub-1">
<span class="gn-side-navigation__content">Trámites</span>
<svg class="gn-side-navigation__icon" aria-hidden="true" viewBox="0 0 24 24" focusable="false">
<path d="M12 15.35L6 9.34998L7.4 7.94998L12 12.55L16.6 7.94998L18 9.34998L12 15.35Z"
fill="currentColor"></path>
</svg>
</button>
<ul class="gn-side-navigation__list" id="hdr-bx-0-header-mobile-v0-sub-1" hidden>
<li class="gn-side-navigation__item gn-side-navigation__item--level-2">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Solicitud general</span>
</a>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-2">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Ayudas y subvenciones</span>
</a>
</li>
</ul>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-1">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Mi perfil</span>
</a>
</li>
</ul>
</nav>
</div>
</header>Mostrar JS
document.addEventListener('DOMContentLoaded', () => {
// initAll() inicializa todos los componentes y patrones, incluido el header.
// Si solo necesitas el header: window.GNDS.initHeader();
window.GNDS.initAll();
});Variante 1 · Boxed, sin identificación, sin idioma, sin navmenu
Saltar al contenido principal
Herramienta
Mostrar HTML
<a class="gn-skip-link" href="#main-content">Saltar al contenido principal</a>
<!-- HEADER — boxed, sin identificación, sin idioma, sin navmenu -->
<header class="gn-header gn-header--boxed" aria-label="Cabecera principal">
<!-- Fila principal del header: marca -->
<div class="gn-header__inner">
<div class="gn-header__main">
<!-- Brand -->
<div class="gn-header__brand">
<!-- Logotipo completo (visible en desktop, boxed) -->
<svg class="gn-header__logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 148 35.3" aria-hidden="true"
focusable="false">
<g>
<g>
<path class="gn-header__logo-fill-primary"
d="M20.9,31.2c0,1.3-1,2.4-2.3,2.6l-8.1,1.5-8.1-1.5C1,33.6,0,32.6,0,31.2V12.1h20.9v19.1ZM18.1,12.8c-1.1,0-1.8.6-2,1.4h-3.7c-.2-.8-1-1.4-1.9-1.4-.9,0-1.7.6-1.9,1.4h-3.7c-.2-.8-1-1.4-1.9-1.4-.9,0-2,.9-2,2,0,1.1.6,1.6,1.4,1.9v4.2c-.8.3-1.4,1-1.4,1.9,0,.9.6,1.6,1.4,1.9v4.2c-.8.3-1.4,1-1.4,1.9,0,.9.9,2,2,2s1.5-.5,1.8-1.2l3.7.7c0,1.1.9,1.9,2,1.9,1.1,0,2-.8,2-1.9l3.7-.7c.3.7,1,1.2,2,1.2,1,0,1.9-.9,1.9-2,0-1.1-.6-1.6-1.4-1.9v-4.2c.8-.3,1.5-1,1.5-1.9h0c0-.9-.6-1.7-1.4-1.9v-4.2c.8-.3,1.4-1,1.4-1.9s-.8-2-2-2ZM10.4,31.4c.5,0,.9.4.9.9,0,.5-.4.9-.9.9s-.9-.4-.9-.9c0-.5.4-.9.9-.9ZM2.8,29.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9s-.9-.4-.9-.9c0-.5.4-.9.9-.9ZM18.1,29.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM9.4,24.6c.2,0,.3.2.4.2v5.6c-.5.2-.9.5-1.2.9l-3.8-.7c0-.3-.2-.6-.3-.8l4.9-5.1ZM16.3,29.7c-.2.2-.2.5-.3.7l-3.8.7c-.3-.4-.7-.7-1.2-.9v-5.6c.1,0,.3-.1.4-.2l4.9,5.2ZM16.1,23.3c.2.7.8,1.2,1.4,1.4v4.2c-.2,0-.3.1-.4.2l-4.9-5.2c.1-.2.2-.3.2-.5h3.7ZM8.4,23.3c0,.2.1.3.2.5l-4.9,5.2c-.1,0-.2-.1-.3-.1v-4.2c.7-.2,1.2-.7,1.4-1.4h3.6ZM10.5,21.8c.5,0,1,.4,1,.9,0,.5-.4.9-1,.9s-1-.4-1-.9c0-.5.4-.9,1-.9ZM18.1,21.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM2.8,21.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9s-.9-.4-.9-.9c0-.5.4-.9.9-.9ZM8.6,21.7h0c-.1.2-.2.4-.2.6h-3.6c-.2-.7-.8-1.2-1.4-1.4v-4.1c.2,0,.3-.1.4-.2l4.9,5ZM17,16.6c.2,0,.3.2.4.2v4.1c-.7.2-1.2.7-1.4,1.4h-3.6c0-.2-.2-.4-.3-.6l4.9-5ZM16.1,15.4c0,.2.1.3.2.4l-4.9,5.1c-.1,0-.3-.1-.4-.2v-4c.6-.2,1.2-.7,1.4-1.4h3.7ZM4.8,15.4h3.7c.2.6.7,1.2,1.4,1.3v4c-.2,0-.3.1-.5.2l-4.9-5c.1-.2.2-.3.2-.5h0ZM2.8,14c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM10.4,13.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM18.1,13.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM10.5,9.1c2.3,0,4.6.3,6.7.9l-.5,1.6h0c-2-.6-4-.9-6.2-.9s-4.2.3-6.1.8l-.4-1.6c2.1-.6,4.3-.9,6.6-.9ZM5.3,2.5c2.4,0,1.6.2,2.3.6-.5.4-.9.8-1.1,1.3-.3-.2-.7-.3-1.1-.3-1.5,0-2.6,1.2-2.6,2.6,0,1.4,1,2.4,2.4,2.5-.9.2-1.7.4-2.5.7-1-.8-1.6-1.9-1.6-3.2,0-2.3,1.9-4.2,4.3-4.2ZM15.7,2.5c2.4,0,4.3,1.9,4.3,4.2,0,1.3-.6,2.4-1.6,3.2-.8-.3-1.7-.5-2.5-.7,1.3-.1,2.4-1.1,2.4-2.5,0-1.4-1.2-2.6-2.6-2.6-.4,0-.7,0-1,.2-.3-.5-.7-.9-1.2-1.2.6-.4-.1-.6,2.3-.6ZM9.3,4.4c-.9.4-1.4,1.3-1.4,2.3,0,1,.4,1.6,1,2h0c-.7,0-1.4.1-2,.2-.4-.6-.6-1.4-.6-2.2,0-1.9,1.3-3.5,3.1-4v1.8ZM11.6,2.6c1.8.5,3.1,2.2,3.1,4s-.2,1.6-.6,2.2c-.6-.1-1.3-.2-2-.2h0c.6-.4,1-1,1-2,0-1-.5-1.8-1.4-2.3v-1.8ZM10.5,2.5c.3,0,.6,0,.9.1v6.1h-1.7V2.6c.3-.1.6-.1.9-.1ZM14.7,4.4h-.1s0,0,0,0c0,0,0,0,0,0ZM10.4,2.2c-.5,0-.9-.5-1-.9h1v.9ZM11.6,1.3c0,.5-.5.9-1,.9v-.9h1ZM10.4.9h-1c0-.5.5-.9,1-.9v.9ZM10.6,0c.5,0,.9.5,1,.9h-1v-.9Z" />
<path class="gn-header__logo-fill-dark"
d="M32.4,19.1c-.6.8-1.5,1.2-2.3,1.2-2.6,0-4.2-1.9-4.2-4.3s1.6-4.4,4.2-4.4,3.3,1.1,3.6,2.9h-1.8c-.2-.9-.9-1.4-1.8-1.4-1.7,0-2.3,1.4-2.3,2.8s.6,2.8,2.3,2.8,1.9-.6,2-1.8h-1.9v-1.4h3.6v4.5h-1.2l-.2-.9h0ZM38.1,13.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM38.1,19c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM42.3,11.8h1.7v3c.4-.6,1.2-.9,1.9-.9,1.2,0,2.5.9,2.5,3.2s-1.3,3.2-2.5,3.2-1.7-.3-2-.9v.8h-1.6v-8.3ZM45.4,15.2c-1,0-1.5.9-1.5,1.9s.4,1.9,1.5,1.9,1.5-.9,1.5-1.9-.4-1.9-1.5-1.9ZM51.3,13.2h-1.7v-1.4h1.7v1.4ZM49.6,14.1h1.7v6h-1.7v-6ZM54,17.5c0,1.1.6,1.5,1.5,1.5s1.2-.4,1.3-.8h1.5c-.5,1.4-1.5,2-2.9,2s-3.1-1.3-3.1-3.2,1.3-3.2,3.1-3.2,3.1,1.7,3,3.6h-4.5ZM56.8,16.4c-.2-.8-.5-1.3-1.3-1.3s-1.4.8-1.4,1.3h2.8ZM59.5,14.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM64.3,14.1h1.6v.8c.4-.7,1.2-1,1.9-1,1.8,0,2.3,1,2.3,2.5v3.7h-1.7v-3.4c0-1-.3-1.5-1.1-1.5s-1.3.5-1.3,1.7v3.2h-1.7v-6h0ZM74.3,13.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM74.3,19c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM86.2,19.3c-.4.6-1.1.9-1.9.9-1.8,0-2.8-1.5-2.8-3.2s.9-3.1,2.7-3.1,1.5.3,1.8.9v-3h1.7v8.3h-1.6v-.8h0ZM84.8,15.2c-1.1,0-1.5.9-1.5,1.9s.4,1.9,1.5,1.9,1.5-.9,1.5-1.9-.4-1.9-1.5-1.9ZM90.5,17.5c0,1.1.6,1.5,1.5,1.5s1.2-.4,1.3-.8h1.5c-.5,1.4-1.5,2-2.9,2s-3.1-1.3-3.1-3.2,1.3-3.2,3.1-3.2,3.1,1.7,3,3.6h-4.5ZM93.2,16.4c-.2-.8-.5-1.3-1.3-1.3s-1.4.8-1.4,1.3h2.8ZM99.4,11.8h1.8l3.6,5.5v-5.5h1.7v8.3h-1.9l-3.5-5.5v5.5h-1.7v-8.3ZM108,15.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM111.8,17.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM118.2,20.1h-1.9l-2.1-6h1.8l1.3,4.1,1.3-4.1h1.7l-2.1,6h0ZM120.9,15.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM124.8,17.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM127.8,14.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM132.4,14.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM137,15.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM140.9,17.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM26.2,24.8h1.8l3.6,5.5v-5.5h1.7v8.3h-1.9l-3.5-5.5v5.5h-1.7v-8.3ZM34.8,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM38.7,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM42.1,28.2h-1v-1.1h1v-.5c0-1.1.7-1.8,2-1.8h.9v1.2h-.6c-.4,0-.6.2-.6.7v.4h1.2v1.1h-1.2v4.9h-1.7v-4.9h0ZM45.6,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM49.4,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM52.5,27.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM57,27.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM64.4,26.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM64.4,32c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM68.6,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM72.5,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM75.7,24.8h1.7v4.4l2.1-2.2h2l-2.3,2.2,2.6,3.8h-2l-1.7-2.7-.6.6v2h-1.7v-8.3ZM85.3,26.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM85.3,32c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM99.2,32.1c-.6.8-1.5,1.2-2.3,1.2-2.6,0-4.2-1.9-4.2-4.3s1.6-4.4,4.2-4.4,3.3,1.1,3.6,2.9h-1.8c-.2-.9-.9-1.4-1.8-1.4-1.7,0-2.3,1.4-2.3,2.8s.6,2.8,2.3,2.8,1.9-.6,2-1.8h-1.9v-1.4h3.6v4.5h-1.2l-.2-.9h0ZM104.9,26.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM104.9,32c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM109.1,24.8h1.7v3c.4-.6,1.2-.9,1.9-.9,1.2,0,2.5.9,2.5,3.2s-1.3,3.2-2.5,3.2-1.7-.3-2-.9v.8h-1.6v-8.3ZM112.2,28.2c-1,0-1.5.9-1.5,1.9s.4,1.9,1.5,1.9,1.5-.9,1.5-1.9-.4-1.9-1.5-1.9ZM117.8,30.5c0,1.1.6,1.5,1.5,1.5s1.2-.4,1.3-.8h1.5c-.5,1.4-1.5,2-2.9,2s-3.1-1.3-3.1-3.2,1.3-3.2,3.1-3.2,3.1,1.7,3,3.6h-4.5ZM120.5,29.4c-.2-.8-.5-1.3-1.3-1.3s-1.4.8-1.4,1.3h2.8ZM123.2,27.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM128,27.1h1.6v.8c.4-.7,1.2-1,1.9-1,1.8,0,2.3,1,2.3,2.5v3.7h-1.7v-3.4c0-1-.3-1.5-1.1-1.5s-1.3.5-1.3,1.7v3.2h-1.7v-6h0ZM140.8,33.1h-1.6v-.8c-.4.7-1.2,1-1.9,1-1.8,0-2.3-1-2.3-2.5v-3.7h1.7v3.4c0,1,.3,1.5,1.1,1.5s1.3-.5,1.3-1.7v-3.2h1.7v6h0ZM142,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2.1.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM145.9,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0Z" />
</g>
</g>
</svg>
<!-- Símbolo (visible en mobile, boxed) -->
<svg class="gn-header__symbol" xmlns="http://www.w3.org/2000/svg" width="21" height="35" viewBox="0 0 21 35"
fill="none" aria-hidden="true" focusable="false">
<g clip-path="url(#hdr-bx-1-gn-boxed-v1-logo-clip)">
<path d="M11.3002 22.322L10.4555 23.1667L9.61079 22.322L10.4555 21.4773L11.3002 22.322Z"
fill="currentColor" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M18.6982 11.2757C19.9112 11.2757 20.8963 12.2601 20.8963 13.4729C20.8963 14.4589 20.2454 15.2938 19.3515 15.5714V20.2088C20.2454 20.4865 20.8962 21.3206 20.8963 22.3064C20.8963 23.2929 20.2454 24.1273 19.3515 24.4049V29.0814C20.2454 29.3596 20.8961 30.194 20.8963 31.1799C20.8963 32.3927 19.9112 33.378 18.6982 33.378C17.8056 33.3779 17.0378 32.8455 16.6934 32.0812L12.6516 32.8673C12.6172 34.0498 11.6474 35 10.4555 35C9.26455 34.9999 8.2946 34.0519 8.26028 32.8693L4.20191 32.0793C3.8575 32.8453 3.08984 33.378 2.19714 33.378C0.984393 33.3779 0 32.3927 0 31.1799C0.000167875 30.1918 0.651518 29.3569 1.54874 29.0794V24.4068C0.651402 24.1291 0 23.2947 0 22.3064C6.3701e-05 21.3188 0.651446 20.4843 1.54874 20.2069V15.5733C0.651417 15.2958 2.06593e-05 14.4612 0 13.4729C0 12.2601 0.984393 11.2758 2.19714 11.2757C3.20169 11.2757 4.05057 11.9501 4.31226 12.8733H8.34328C8.60281 11.9501 9.45166 11.2758 10.4555 11.2757C11.4602 11.2757 12.3089 11.9501 12.5706 12.8733H16.585C16.8448 11.9502 17.6944 11.2759 18.6982 11.2757ZM10.4525 31.8215C9.88818 31.8216 9.4303 32.278 9.43014 32.8419C9.43014 33.4078 9.88808 33.8642 10.4525 33.8643C11.0164 33.8643 11.4749 33.4079 11.4749 32.8419C11.4748 32.2779 11.0163 31.8215 10.4525 31.8215ZM2.17371 30.1721C1.61 30.1724 1.15228 30.6306 1.15228 31.1945C1.15235 31.7589 1.61004 32.2167 2.17371 32.217C2.73819 32.217 3.19604 31.759 3.19611 31.1945C3.19611 30.6304 2.73824 30.1721 2.17371 30.1721ZM18.7304 30.1721C18.1665 30.1723 17.709 30.6306 17.709 31.1945C17.709 31.7604 18.1665 32.2168 18.7304 32.217C19.2949 32.217 19.7527 31.7605 19.7528 31.1945C19.7528 30.6304 19.2949 30.1721 18.7304 30.1721ZM4.04079 29.9827C4.21173 30.2461 4.32841 30.5492 4.37378 30.8752L8.56105 31.6887C8.84235 31.2111 9.29889 30.8504 9.84125 30.6936V24.4869C9.6682 24.4399 9.50224 24.3745 9.34713 24.2897L4.04079 29.9827ZM11.4749 24.3111C11.3438 24.3797 11.2048 24.4337 11.059 24.4752V30.6897C11.6047 30.8447 12.0662 31.2072 12.3489 31.6867L16.5225 30.8752C16.5637 30.5726 16.6669 30.291 16.8184 30.0403L11.4749 24.3111ZM12.6341 22.9235C12.5729 23.1268 12.4846 23.3162 12.3743 23.4909L17.7129 29.2171C17.8461 29.1486 17.9862 29.0937 18.1338 29.054V24.4322C17.3931 24.2338 16.8035 23.6587 16.5889 22.9235H12.6341ZM4.3064 22.9235C4.09215 23.6572 3.50615 24.2319 2.76547 24.4303V29.056C2.88998 29.0904 3.00759 29.1341 3.12092 29.1868L8.46437 23.4547C8.36316 23.2906 8.28345 23.1127 8.2261 22.9235H4.3064ZM10.4525 21.2381C9.85896 21.2382 9.38034 21.7176 9.38034 22.3103C9.38044 22.9034 9.85903 23.3824 10.4525 23.3825C11.0452 23.3825 11.5256 22.9034 11.5257 22.3103C11.5257 21.7175 11.0453 21.2381 10.4525 21.2381ZM2.17371 21.2879C1.61 21.2881 1.15228 21.7465 1.15228 22.3103C1.15238 22.8746 1.61007 23.3325 2.17371 23.3327C2.73817 23.3327 3.19601 22.8747 3.19611 22.3103C3.19611 21.7464 2.73824 21.2879 2.17371 21.2879ZM18.7304 21.2879C18.1665 21.2881 17.709 21.7465 17.709 22.3103C17.7091 22.8746 18.1665 23.3325 18.7304 23.3327C19.2949 23.3327 19.7527 22.8747 19.7528 22.3103C19.7528 21.7464 19.2949 21.2879 18.7304 21.2879ZM3.19123 15.4327C3.05764 15.5007 2.91467 15.5567 2.76547 15.5968V20.1825C3.51149 20.383 4.10122 20.9639 4.31226 21.7068H8.19876C8.25445 21.4834 8.3412 21.2741 8.45656 21.0809L3.19123 15.4327ZM12.3763 21.0389C12.5041 21.2425 12.6013 21.4669 12.6604 21.7068H16.585C16.7941 20.964 17.3879 20.3799 18.1338 20.1815V15.5987C17.9593 15.5519 17.7918 15.4827 17.6367 15.3986L12.3763 21.0389ZM4.3064 14.09C4.25261 14.2718 4.1771 14.4449 4.0818 14.6037L9.33835 20.2391C9.49491 20.1549 9.66464 20.0858 9.84125 20.0389V15.5821C9.12385 15.3747 8.55619 14.8091 8.34719 14.09H4.3064ZM12.5647 14.09C12.3543 14.8125 11.7829 15.3826 11.059 15.588V20.0497C11.2048 20.0914 11.3454 20.1469 11.4789 20.2157L16.7745 14.5363C16.6972 14.3963 16.6338 14.2464 16.5889 14.09H12.5647ZM2.17371 12.4544C1.61 12.4546 1.15228 12.9131 1.15228 13.4768C1.15237 14.0411 1.61006 14.499 2.17371 14.4992C2.73818 14.4992 3.19602 14.0413 3.19611 13.4768C3.19611 12.9129 2.73824 12.4544 2.17371 12.4544ZM10.4525 12.4544C9.88808 12.4545 9.43014 12.913 9.43014 13.4768C9.43023 14.0412 9.88814 14.4991 10.4525 14.4992C11.0164 14.4992 11.4749 14.0413 11.4749 13.4768C11.4749 12.9129 11.0164 12.4544 10.4525 12.4544ZM18.7304 12.4544C18.1665 12.4546 17.709 12.913 17.709 13.4768C17.7091 14.0412 18.1665 14.499 18.7304 14.4992C19.2949 14.4992 19.7527 14.0413 19.7528 13.4768C19.7528 12.9129 19.2949 12.4544 18.7304 12.4544Z"
fill="currentColor" />
<path
d="M10.266 8.61866C12.3753 8.61867 14.402 8.92053 16.3194 9.48189H16.3331L15.8956 10.9613C14.1011 10.4404 12.2248 10.1664 10.266 10.1664C8.35317 10.1664 6.50795 10.4388 4.74485 10.9301L4.32202 9.45455C6.19819 8.90694 8.19781 8.61866 10.266 8.61866Z"
fill="currentColor" />
<path d="M4.74681 10.934H4.73216C4.73627 10.9328 4.74073 10.9312 4.74485 10.9301L4.74681 10.934Z"
fill="currentColor" />
<path
d="M5.67839 2.48326C6.41711 2.4833 7.10173 2.67431 7.69098 3.0301C7.26621 3.3589 6.90998 3.7702 6.65002 4.22242H6.63635C6.34907 4.09907 6.0205 4.01642 5.67839 4.01638C4.37669 4.01638 3.30841 5.08531 3.30841 6.38636C3.3086 7.61929 4.26766 8.63193 5.47235 8.7417H5.48602C4.69215 8.90631 3.92501 9.12554 3.18537 9.3862H3.1717C2.32235 8.6742 1.77443 7.59191 1.77432 6.38636C1.77432 4.22278 3.52789 2.48326 5.67839 2.48326Z"
fill="currentColor" />
<path
d="M14.9914 2.48326C17.1552 2.48344 18.9081 4.22289 18.9081 6.38636C18.908 7.59191 18.3602 8.6742 17.4971 9.3862C16.7438 9.12557 15.9767 8.90629 15.1964 8.7417C16.4153 8.63193 17.3611 7.61929 17.3613 6.38636C17.3613 5.08542 16.306 4.01656 14.9914 4.01638C14.6489 4.01638 14.3338 4.099 14.0324 4.22242C13.7585 3.77017 13.4023 3.35891 12.9915 3.0301C13.58 2.67414 14.2659 2.48326 14.9914 2.48326Z"
fill="currentColor" />
<path
d="M9.18406 4.31812C8.44504 4.71548 7.9517 5.49645 7.9517 6.38636C7.9518 7.15336 8.32122 7.82474 8.88232 8.26321C8.25266 8.30438 7.6226 8.35926 7.00644 8.45461C6.63652 7.85219 6.41767 7.13965 6.41761 6.38636C6.41761 4.61955 7.58165 3.14052 9.18406 2.64731V4.31812Z"
fill="currentColor" />
<path
d="M11.4984 2.64731C13.1011 3.1406 14.2658 4.61966 14.2658 6.38636C14.2657 7.13965 14.0457 7.85219 13.6623 8.45461C13.0462 8.35928 12.4299 8.30437 11.8001 8.26321C12.3617 7.82474 12.717 7.15336 12.7171 6.38636C12.7171 5.49656 12.2248 4.71553 11.4984 4.31812V2.64731Z"
fill="currentColor" />
<path
d="M10.3207 2.48326C10.5946 2.48327 10.8689 2.50997 11.1293 2.56529L11.1429 8.2222C10.8549 8.2222 10.5541 8.20755 10.266 8.20755C10.0195 8.20755 9.78662 8.2222 9.53951 8.2222V2.55064C9.78662 2.50947 10.047 2.48326 10.3207 2.48326Z"
fill="currentColor" />
<path d="M10.2016 2.11121C9.71896 2.05151 9.3368 1.66744 9.27878 1.18353H10.2016V2.11121Z"
fill="currentColor" />
<path d="M11.39 1.1845C11.3313 1.66923 10.9467 2.05383 10.4613 2.11121V1.18353H11.388L11.39 1.1845Z"
fill="currentColor" />
<path d="M10.2016 0.915965H9.28073C9.34346 0.438429 9.72318 0.0604591 10.2016 0.000976508V0.915965Z"
fill="currentColor" />
<path d="M10.4613 0C10.9425 0.0575917 11.3257 0.436268 11.389 0.915965H10.4613V0Z"
fill="currentColor" />
</g>
<defs>
<clipPath id="hdr-bx-1-gn-boxed-v1-logo-clip">
<rect width="20.8963" height="35" fill="white" />
</clipPath>
</defs>
</svg>
<span class="gn-header__separator" aria-hidden="true"></span>
<div class="gn-header__title-group">
<p class="gn-header__title">Herramienta</p>
</div>
</div>
</div>
</div>
</header>Variante 2 · Boxed, sin identificación, sin idioma, sin navmenu, con subtítulo
Saltar al contenido principal
Herramienta
Subtítulo
Mostrar HTML
<a class="gn-skip-link" href="#main-content">Saltar al contenido principal</a>
<!-- HEADER — boxed, sin identificación, sin idioma, sin navmenu, con subtítulo -->
<header class="gn-header gn-header--boxed" aria-label="Cabecera principal">
<!-- Fila principal del header: marca -->
<div class="gn-header__inner">
<div class="gn-header__main">
<!-- Brand -->
<div class="gn-header__brand">
<!-- Logotipo completo (visible en desktop, boxed) -->
<svg class="gn-header__logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 148 35.3" aria-hidden="true"
focusable="false">
<g>
<g>
<path class="gn-header__logo-fill-primary"
d="M20.9,31.2c0,1.3-1,2.4-2.3,2.6l-8.1,1.5-8.1-1.5C1,33.6,0,32.6,0,31.2V12.1h20.9v19.1ZM18.1,12.8c-1.1,0-1.8.6-2,1.4h-3.7c-.2-.8-1-1.4-1.9-1.4-.9,0-1.7.6-1.9,1.4h-3.7c-.2-.8-1-1.4-1.9-1.4-.9,0-2,.9-2,2,0,1.1.6,1.6,1.4,1.9v4.2c-.8.3-1.4,1-1.4,1.9,0,.9.6,1.6,1.4,1.9v4.2c-.8.3-1.4,1-1.4,1.9,0,.9.9,2,2,2s1.5-.5,1.8-1.2l3.7.7c0,1.1.9,1.9,2,1.9,1.1,0,2-.8,2-1.9l3.7-.7c.3.7,1,1.2,2,1.2,1,0,1.9-.9,1.9-2,0-1.1-.6-1.6-1.4-1.9v-4.2c.8-.3,1.5-1,1.5-1.9h0c0-.9-.6-1.7-1.4-1.9v-4.2c.8-.3,1.4-1,1.4-1.9s-.8-2-2-2ZM10.4,31.4c.5,0,.9.4.9.9,0,.5-.4.9-.9.9s-.9-.4-.9-.9c0-.5.4-.9.9-.9ZM2.8,29.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9s-.9-.4-.9-.9c0-.5.4-.9.9-.9ZM18.1,29.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM9.4,24.6c.2,0,.3.2.4.2v5.6c-.5.2-.9.5-1.2.9l-3.8-.7c0-.3-.2-.6-.3-.8l4.9-5.1ZM16.3,29.7c-.2.2-.2.5-.3.7l-3.8.7c-.3-.4-.7-.7-1.2-.9v-5.6c.1,0,.3-.1.4-.2l4.9,5.2ZM16.1,23.3c.2.7.8,1.2,1.4,1.4v4.2c-.2,0-.3.1-.4.2l-4.9-5.2c.1-.2.2-.3.2-.5h3.7ZM8.4,23.3c0,.2.1.3.2.5l-4.9,5.2c-.1,0-.2-.1-.3-.1v-4.2c.7-.2,1.2-.7,1.4-1.4h3.6ZM10.5,21.8c.5,0,1,.4,1,.9,0,.5-.4.9-1,.9s-1-.4-1-.9c0-.5.4-.9,1-.9ZM18.1,21.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM2.8,21.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9s-.9-.4-.9-.9c0-.5.4-.9.9-.9ZM8.6,21.7h0c-.1.2-.2.4-.2.6h-3.6c-.2-.7-.8-1.2-1.4-1.4v-4.1c.2,0,.3-.1.4-.2l4.9,5ZM17,16.6c.2,0,.3.2.4.2v4.1c-.7.2-1.2.7-1.4,1.4h-3.6c0-.2-.2-.4-.3-.6l4.9-5ZM16.1,15.4c0,.2.1.3.2.4l-4.9,5.1c-.1,0-.3-.1-.4-.2v-4c.6-.2,1.2-.7,1.4-1.4h3.7ZM4.8,15.4h3.7c.2.6.7,1.2,1.4,1.3v4c-.2,0-.3.1-.5.2l-4.9-5c.1-.2.2-.3.2-.5h0ZM2.8,14c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM10.4,13.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM18.1,13.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM10.5,9.1c2.3,0,4.6.3,6.7.9l-.5,1.6h0c-2-.6-4-.9-6.2-.9s-4.2.3-6.1.8l-.4-1.6c2.1-.6,4.3-.9,6.6-.9ZM5.3,2.5c2.4,0,1.6.2,2.3.6-.5.4-.9.8-1.1,1.3-.3-.2-.7-.3-1.1-.3-1.5,0-2.6,1.2-2.6,2.6,0,1.4,1,2.4,2.4,2.5-.9.2-1.7.4-2.5.7-1-.8-1.6-1.9-1.6-3.2,0-2.3,1.9-4.2,4.3-4.2ZM15.7,2.5c2.4,0,4.3,1.9,4.3,4.2,0,1.3-.6,2.4-1.6,3.2-.8-.3-1.7-.5-2.5-.7,1.3-.1,2.4-1.1,2.4-2.5,0-1.4-1.2-2.6-2.6-2.6-.4,0-.7,0-1,.2-.3-.5-.7-.9-1.2-1.2.6-.4-.1-.6,2.3-.6ZM9.3,4.4c-.9.4-1.4,1.3-1.4,2.3,0,1,.4,1.6,1,2h0c-.7,0-1.4.1-2,.2-.4-.6-.6-1.4-.6-2.2,0-1.9,1.3-3.5,3.1-4v1.8ZM11.6,2.6c1.8.5,3.1,2.2,3.1,4s-.2,1.6-.6,2.2c-.6-.1-1.3-.2-2-.2h0c.6-.4,1-1,1-2,0-1-.5-1.8-1.4-2.3v-1.8ZM10.5,2.5c.3,0,.6,0,.9.1v6.1h-1.7V2.6c.3-.1.6-.1.9-.1ZM14.7,4.4h-.1s0,0,0,0c0,0,0,0,0,0ZM10.4,2.2c-.5,0-.9-.5-1-.9h1v.9ZM11.6,1.3c0,.5-.5.9-1,.9v-.9h1ZM10.4.9h-1c0-.5.5-.9,1-.9v.9ZM10.6,0c.5,0,.9.5,1,.9h-1v-.9Z" />
<path class="gn-header__logo-fill-dark"
d="M32.4,19.1c-.6.8-1.5,1.2-2.3,1.2-2.6,0-4.2-1.9-4.2-4.3s1.6-4.4,4.2-4.4,3.3,1.1,3.6,2.9h-1.8c-.2-.9-.9-1.4-1.8-1.4-1.7,0-2.3,1.4-2.3,2.8s.6,2.8,2.3,2.8,1.9-.6,2-1.8h-1.9v-1.4h3.6v4.5h-1.2l-.2-.9h0ZM38.1,13.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM38.1,19c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM42.3,11.8h1.7v3c.4-.6,1.2-.9,1.9-.9,1.2,0,2.5.9,2.5,3.2s-1.3,3.2-2.5,3.2-1.7-.3-2-.9v.8h-1.6v-8.3ZM45.4,15.2c-1,0-1.5.9-1.5,1.9s.4,1.9,1.5,1.9,1.5-.9,1.5-1.9-.4-1.9-1.5-1.9ZM51.3,13.2h-1.7v-1.4h1.7v1.4ZM49.6,14.1h1.7v6h-1.7v-6ZM54,17.5c0,1.1.6,1.5,1.5,1.5s1.2-.4,1.3-.8h1.5c-.5,1.4-1.5,2-2.9,2s-3.1-1.3-3.1-3.2,1.3-3.2,3.1-3.2,3.1,1.7,3,3.6h-4.5ZM56.8,16.4c-.2-.8-.5-1.3-1.3-1.3s-1.4.8-1.4,1.3h2.8ZM59.5,14.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM64.3,14.1h1.6v.8c.4-.7,1.2-1,1.9-1,1.8,0,2.3,1,2.3,2.5v3.7h-1.7v-3.4c0-1-.3-1.5-1.1-1.5s-1.3.5-1.3,1.7v3.2h-1.7v-6h0ZM74.3,13.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM74.3,19c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM86.2,19.3c-.4.6-1.1.9-1.9.9-1.8,0-2.8-1.5-2.8-3.2s.9-3.1,2.7-3.1,1.5.3,1.8.9v-3h1.7v8.3h-1.6v-.8h0ZM84.8,15.2c-1.1,0-1.5.9-1.5,1.9s.4,1.9,1.5,1.9,1.5-.9,1.5-1.9-.4-1.9-1.5-1.9ZM90.5,17.5c0,1.1.6,1.5,1.5,1.5s1.2-.4,1.3-.8h1.5c-.5,1.4-1.5,2-2.9,2s-3.1-1.3-3.1-3.2,1.3-3.2,3.1-3.2,3.1,1.7,3,3.6h-4.5ZM93.2,16.4c-.2-.8-.5-1.3-1.3-1.3s-1.4.8-1.4,1.3h2.8ZM99.4,11.8h1.8l3.6,5.5v-5.5h1.7v8.3h-1.9l-3.5-5.5v5.5h-1.7v-8.3ZM108,15.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM111.8,17.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM118.2,20.1h-1.9l-2.1-6h1.8l1.3,4.1,1.3-4.1h1.7l-2.1,6h0ZM120.9,15.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM124.8,17.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM127.8,14.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM132.4,14.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM137,15.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM140.9,17.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM26.2,24.8h1.8l3.6,5.5v-5.5h1.7v8.3h-1.9l-3.5-5.5v5.5h-1.7v-8.3ZM34.8,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM38.7,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM42.1,28.2h-1v-1.1h1v-.5c0-1.1.7-1.8,2-1.8h.9v1.2h-.6c-.4,0-.6.2-.6.7v.4h1.2v1.1h-1.2v4.9h-1.7v-4.9h0ZM45.6,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM49.4,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM52.5,27.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM57,27.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM64.4,26.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM64.4,32c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM68.6,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM72.5,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM75.7,24.8h1.7v4.4l2.1-2.2h2l-2.3,2.2,2.6,3.8h-2l-1.7-2.7-.6.6v2h-1.7v-8.3ZM85.3,26.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM85.3,32c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM99.2,32.1c-.6.8-1.5,1.2-2.3,1.2-2.6,0-4.2-1.9-4.2-4.3s1.6-4.4,4.2-4.4,3.3,1.1,3.6,2.9h-1.8c-.2-.9-.9-1.4-1.8-1.4-1.7,0-2.3,1.4-2.3,2.8s.6,2.8,2.3,2.8,1.9-.6,2-1.8h-1.9v-1.4h3.6v4.5h-1.2l-.2-.9h0ZM104.9,26.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM104.9,32c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM109.1,24.8h1.7v3c.4-.6,1.2-.9,1.9-.9,1.2,0,2.5.9,2.5,3.2s-1.3,3.2-2.5,3.2-1.7-.3-2-.9v.8h-1.6v-8.3ZM112.2,28.2c-1,0-1.5.9-1.5,1.9s.4,1.9,1.5,1.9,1.5-.9,1.5-1.9-.4-1.9-1.5-1.9ZM117.8,30.5c0,1.1.6,1.5,1.5,1.5s1.2-.4,1.3-.8h1.5c-.5,1.4-1.5,2-2.9,2s-3.1-1.3-3.1-3.2,1.3-3.2,3.1-3.2,3.1,1.7,3,3.6h-4.5ZM120.5,29.4c-.2-.8-.5-1.3-1.3-1.3s-1.4.8-1.4,1.3h2.8ZM123.2,27.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM128,27.1h1.6v.8c.4-.7,1.2-1,1.9-1,1.8,0,2.3,1,2.3,2.5v3.7h-1.7v-3.4c0-1-.3-1.5-1.1-1.5s-1.3.5-1.3,1.7v3.2h-1.7v-6h0ZM140.8,33.1h-1.6v-.8c-.4.7-1.2,1-1.9,1-1.8,0-2.3-1-2.3-2.5v-3.7h1.7v3.4c0,1,.3,1.5,1.1,1.5s1.3-.5,1.3-1.7v-3.2h1.7v6h0ZM142,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2.1.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM145.9,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0Z" />
</g>
</g>
</svg>
<!-- Símbolo (visible en mobile, boxed) -->
<svg class="gn-header__symbol" xmlns="http://www.w3.org/2000/svg" width="21" height="35" viewBox="0 0 21 35"
fill="none" aria-hidden="true" focusable="false">
<g clip-path="url(#hdr-bx-2-gn-boxed-v2-logo-clip)">
<path d="M11.3002 22.322L10.4555 23.1667L9.61079 22.322L10.4555 21.4773L11.3002 22.322Z"
fill="currentColor" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M18.6982 11.2757C19.9112 11.2757 20.8963 12.2601 20.8963 13.4729C20.8963 14.4589 20.2454 15.2938 19.3515 15.5714V20.2088C20.2454 20.4865 20.8962 21.3206 20.8963 22.3064C20.8963 23.2929 20.2454 24.1273 19.3515 24.4049V29.0814C20.2454 29.3596 20.8961 30.194 20.8963 31.1799C20.8963 32.3927 19.9112 33.378 18.6982 33.378C17.8056 33.3779 17.0378 32.8455 16.6934 32.0812L12.6516 32.8673C12.6172 34.0498 11.6474 35 10.4555 35C9.26455 34.9999 8.2946 34.0519 8.26028 32.8693L4.20191 32.0793C3.8575 32.8453 3.08984 33.378 2.19714 33.378C0.984393 33.3779 0 32.3927 0 31.1799C0.000167875 30.1918 0.651518 29.3569 1.54874 29.0794V24.4068C0.651402 24.1291 0 23.2947 0 22.3064C6.3701e-05 21.3188 0.651446 20.4843 1.54874 20.2069V15.5733C0.651417 15.2958 2.06593e-05 14.4612 0 13.4729C0 12.2601 0.984393 11.2758 2.19714 11.2757C3.20169 11.2757 4.05057 11.9501 4.31226 12.8733H8.34328C8.60281 11.9501 9.45166 11.2758 10.4555 11.2757C11.4602 11.2757 12.3089 11.9501 12.5706 12.8733H16.585C16.8448 11.9502 17.6944 11.2759 18.6982 11.2757ZM10.4525 31.8215C9.88818 31.8216 9.4303 32.278 9.43014 32.8419C9.43014 33.4078 9.88808 33.8642 10.4525 33.8643C11.0164 33.8643 11.4749 33.4079 11.4749 32.8419C11.4748 32.2779 11.0163 31.8215 10.4525 31.8215ZM2.17371 30.1721C1.61 30.1724 1.15228 30.6306 1.15228 31.1945C1.15235 31.7589 1.61004 32.2167 2.17371 32.217C2.73819 32.217 3.19604 31.759 3.19611 31.1945C3.19611 30.6304 2.73824 30.1721 2.17371 30.1721ZM18.7304 30.1721C18.1665 30.1723 17.709 30.6306 17.709 31.1945C17.709 31.7604 18.1665 32.2168 18.7304 32.217C19.2949 32.217 19.7527 31.7605 19.7528 31.1945C19.7528 30.6304 19.2949 30.1721 18.7304 30.1721ZM4.04079 29.9827C4.21173 30.2461 4.32841 30.5492 4.37378 30.8752L8.56105 31.6887C8.84235 31.2111 9.29889 30.8504 9.84125 30.6936V24.4869C9.6682 24.4399 9.50224 24.3745 9.34713 24.2897L4.04079 29.9827ZM11.4749 24.3111C11.3438 24.3797 11.2048 24.4337 11.059 24.4752V30.6897C11.6047 30.8447 12.0662 31.2072 12.3489 31.6867L16.5225 30.8752C16.5637 30.5726 16.6669 30.291 16.8184 30.0403L11.4749 24.3111ZM12.6341 22.9235C12.5729 23.1268 12.4846 23.3162 12.3743 23.4909L17.7129 29.2171C17.8461 29.1486 17.9862 29.0937 18.1338 29.054V24.4322C17.3931 24.2338 16.8035 23.6587 16.5889 22.9235H12.6341ZM4.3064 22.9235C4.09215 23.6572 3.50615 24.2319 2.76547 24.4303V29.056C2.88998 29.0904 3.00759 29.1341 3.12092 29.1868L8.46437 23.4547C8.36316 23.2906 8.28345 23.1127 8.2261 22.9235H4.3064ZM10.4525 21.2381C9.85896 21.2382 9.38034 21.7176 9.38034 22.3103C9.38044 22.9034 9.85903 23.3824 10.4525 23.3825C11.0452 23.3825 11.5256 22.9034 11.5257 22.3103C11.5257 21.7175 11.0453 21.2381 10.4525 21.2381ZM2.17371 21.2879C1.61 21.2881 1.15228 21.7465 1.15228 22.3103C1.15238 22.8746 1.61007 23.3325 2.17371 23.3327C2.73817 23.3327 3.19601 22.8747 3.19611 22.3103C3.19611 21.7464 2.73824 21.2879 2.17371 21.2879ZM18.7304 21.2879C18.1665 21.2881 17.709 21.7465 17.709 22.3103C17.7091 22.8746 18.1665 23.3325 18.7304 23.3327C19.2949 23.3327 19.7527 22.8747 19.7528 22.3103C19.7528 21.7464 19.2949 21.2879 18.7304 21.2879ZM3.19123 15.4327C3.05764 15.5007 2.91467 15.5567 2.76547 15.5968V20.1825C3.51149 20.383 4.10122 20.9639 4.31226 21.7068H8.19876C8.25445 21.4834 8.3412 21.2741 8.45656 21.0809L3.19123 15.4327ZM12.3763 21.0389C12.5041 21.2425 12.6013 21.4669 12.6604 21.7068H16.585C16.7941 20.964 17.3879 20.3799 18.1338 20.1815V15.5987C17.9593 15.5519 17.7918 15.4827 17.6367 15.3986L12.3763 21.0389ZM4.3064 14.09C4.25261 14.2718 4.1771 14.4449 4.0818 14.6037L9.33835 20.2391C9.49491 20.1549 9.66464 20.0858 9.84125 20.0389V15.5821C9.12385 15.3747 8.55619 14.8091 8.34719 14.09H4.3064ZM12.5647 14.09C12.3543 14.8125 11.7829 15.3826 11.059 15.588V20.0497C11.2048 20.0914 11.3454 20.1469 11.4789 20.2157L16.7745 14.5363C16.6972 14.3963 16.6338 14.2464 16.5889 14.09H12.5647ZM2.17371 12.4544C1.61 12.4546 1.15228 12.9131 1.15228 13.4768C1.15237 14.0411 1.61006 14.499 2.17371 14.4992C2.73818 14.4992 3.19602 14.0413 3.19611 13.4768C3.19611 12.9129 2.73824 12.4544 2.17371 12.4544ZM10.4525 12.4544C9.88808 12.4545 9.43014 12.913 9.43014 13.4768C9.43023 14.0412 9.88814 14.4991 10.4525 14.4992C11.0164 14.4992 11.4749 14.0413 11.4749 13.4768C11.4749 12.9129 11.0164 12.4544 10.4525 12.4544ZM18.7304 12.4544C18.1665 12.4546 17.709 12.913 17.709 13.4768C17.7091 14.0412 18.1665 14.499 18.7304 14.4992C19.2949 14.4992 19.7527 14.0413 19.7528 13.4768C19.7528 12.9129 19.2949 12.4544 18.7304 12.4544Z"
fill="currentColor" />
<path
d="M10.266 8.61866C12.3753 8.61867 14.402 8.92053 16.3194 9.48189H16.3331L15.8956 10.9613C14.1011 10.4404 12.2248 10.1664 10.266 10.1664C8.35317 10.1664 6.50795 10.4388 4.74485 10.9301L4.32202 9.45455C6.19819 8.90694 8.19781 8.61866 10.266 8.61866Z"
fill="currentColor" />
<path d="M4.74681 10.934H4.73216C4.73627 10.9328 4.74073 10.9312 4.74485 10.9301L4.74681 10.934Z"
fill="currentColor" />
<path
d="M5.67839 2.48326C6.41711 2.4833 7.10173 2.67431 7.69098 3.0301C7.26621 3.3589 6.90998 3.7702 6.65002 4.22242H6.63635C6.34907 4.09907 6.0205 4.01642 5.67839 4.01638C4.37669 4.01638 3.30841 5.08531 3.30841 6.38636C3.3086 7.61929 4.26766 8.63193 5.47235 8.7417H5.48602C4.69215 8.90631 3.92501 9.12554 3.18537 9.3862H3.1717C2.32235 8.6742 1.77443 7.59191 1.77432 6.38636C1.77432 4.22278 3.52789 2.48326 5.67839 2.48326Z"
fill="currentColor" />
<path
d="M14.9914 2.48326C17.1552 2.48344 18.9081 4.22289 18.9081 6.38636C18.908 7.59191 18.3602 8.6742 17.4971 9.3862C16.7438 9.12557 15.9767 8.90629 15.1964 8.7417C16.4153 8.63193 17.3611 7.61929 17.3613 6.38636C17.3613 5.08542 16.306 4.01656 14.9914 4.01638C14.6489 4.01638 14.3338 4.099 14.0324 4.22242C13.7585 3.77017 13.4023 3.35891 12.9915 3.0301C13.58 2.67414 14.2659 2.48326 14.9914 2.48326Z"
fill="currentColor" />
<path
d="M9.18406 4.31812C8.44504 4.71548 7.9517 5.49645 7.9517 6.38636C7.9518 7.15336 8.32122 7.82474 8.88232 8.26321C8.25266 8.30438 7.6226 8.35926 7.00644 8.45461C6.63652 7.85219 6.41767 7.13965 6.41761 6.38636C6.41761 4.61955 7.58165 3.14052 9.18406 2.64731V4.31812Z"
fill="currentColor" />
<path
d="M11.4984 2.64731C13.1011 3.1406 14.2658 4.61966 14.2658 6.38636C14.2657 7.13965 14.0457 7.85219 13.6623 8.45461C13.0462 8.35928 12.4299 8.30437 11.8001 8.26321C12.3617 7.82474 12.717 7.15336 12.7171 6.38636C12.7171 5.49656 12.2248 4.71553 11.4984 4.31812V2.64731Z"
fill="currentColor" />
<path
d="M10.3207 2.48326C10.5946 2.48327 10.8689 2.50997 11.1293 2.56529L11.1429 8.2222C10.8549 8.2222 10.5541 8.20755 10.266 8.20755C10.0195 8.20755 9.78662 8.2222 9.53951 8.2222V2.55064C9.78662 2.50947 10.047 2.48326 10.3207 2.48326Z"
fill="currentColor" />
<path d="M10.2016 2.11121C9.71896 2.05151 9.3368 1.66744 9.27878 1.18353H10.2016V2.11121Z"
fill="currentColor" />
<path d="M11.39 1.1845C11.3313 1.66923 10.9467 2.05383 10.4613 2.11121V1.18353H11.388L11.39 1.1845Z"
fill="currentColor" />
<path d="M10.2016 0.915965H9.28073C9.34346 0.438429 9.72318 0.0604591 10.2016 0.000976508V0.915965Z"
fill="currentColor" />
<path d="M10.4613 0C10.9425 0.0575917 11.3257 0.436268 11.389 0.915965H10.4613V0Z"
fill="currentColor" />
</g>
<defs>
<clipPath id="hdr-bx-2-gn-boxed-v2-logo-clip">
<rect width="20.8963" height="35" fill="white" />
</clipPath>
</defs>
</svg>
<span class="gn-header__separator" aria-hidden="true"></span>
<div class="gn-header__title-group">
<p class="gn-header__title">Herramienta</p>
<p class="gn-header__subtitle">Subtítulo</p>
</div>
</div>
</div>
</div>
</header>Variante 3 · Boxed, sin identificación, sin idioma, sin navmenu, con logotipo de aplicación
Saltar al contenido principal
Herramienta
Mostrar HTML
<a class="gn-skip-link" href="#main-content">Saltar al contenido principal</a>
<!-- HEADER — boxed, sin identificación, sin idioma, sin navmenu, con logotipo de aplicación -->
<header class="gn-header gn-header--boxed" aria-label="Cabecera principal">
<!-- Fila principal del header: marca -->
<div class="gn-header__inner">
<div class="gn-header__main">
<!-- Brand -->
<div class="gn-header__brand">
<!-- Logotipo completo (visible en desktop, boxed) -->
<svg class="gn-header__logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 148 35.3" aria-hidden="true"
focusable="false">
<g>
<g>
<path class="gn-header__logo-fill-primary"
d="M20.9,31.2c0,1.3-1,2.4-2.3,2.6l-8.1,1.5-8.1-1.5C1,33.6,0,32.6,0,31.2V12.1h20.9v19.1ZM18.1,12.8c-1.1,0-1.8.6-2,1.4h-3.7c-.2-.8-1-1.4-1.9-1.4-.9,0-1.7.6-1.9,1.4h-3.7c-.2-.8-1-1.4-1.9-1.4-.9,0-2,.9-2,2,0,1.1.6,1.6,1.4,1.9v4.2c-.8.3-1.4,1-1.4,1.9,0,.9.6,1.6,1.4,1.9v4.2c-.8.3-1.4,1-1.4,1.9,0,.9.9,2,2,2s1.5-.5,1.8-1.2l3.7.7c0,1.1.9,1.9,2,1.9,1.1,0,2-.8,2-1.9l3.7-.7c.3.7,1,1.2,2,1.2,1,0,1.9-.9,1.9-2,0-1.1-.6-1.6-1.4-1.9v-4.2c.8-.3,1.5-1,1.5-1.9h0c0-.9-.6-1.7-1.4-1.9v-4.2c.8-.3,1.4-1,1.4-1.9s-.8-2-2-2ZM10.4,31.4c.5,0,.9.4.9.9,0,.5-.4.9-.9.9s-.9-.4-.9-.9c0-.5.4-.9.9-.9ZM2.8,29.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9s-.9-.4-.9-.9c0-.5.4-.9.9-.9ZM18.1,29.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM9.4,24.6c.2,0,.3.2.4.2v5.6c-.5.2-.9.5-1.2.9l-3.8-.7c0-.3-.2-.6-.3-.8l4.9-5.1ZM16.3,29.7c-.2.2-.2.5-.3.7l-3.8.7c-.3-.4-.7-.7-1.2-.9v-5.6c.1,0,.3-.1.4-.2l4.9,5.2ZM16.1,23.3c.2.7.8,1.2,1.4,1.4v4.2c-.2,0-.3.1-.4.2l-4.9-5.2c.1-.2.2-.3.2-.5h3.7ZM8.4,23.3c0,.2.1.3.2.5l-4.9,5.2c-.1,0-.2-.1-.3-.1v-4.2c.7-.2,1.2-.7,1.4-1.4h3.6ZM10.5,21.8c.5,0,1,.4,1,.9,0,.5-.4.9-1,.9s-1-.4-1-.9c0-.5.4-.9,1-.9ZM18.1,21.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM2.8,21.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9s-.9-.4-.9-.9c0-.5.4-.9.9-.9ZM8.6,21.7h0c-.1.2-.2.4-.2.6h-3.6c-.2-.7-.8-1.2-1.4-1.4v-4.1c.2,0,.3-.1.4-.2l4.9,5ZM17,16.6c.2,0,.3.2.4.2v4.1c-.7.2-1.2.7-1.4,1.4h-3.6c0-.2-.2-.4-.3-.6l4.9-5ZM16.1,15.4c0,.2.1.3.2.4l-4.9,5.1c-.1,0-.3-.1-.4-.2v-4c.6-.2,1.2-.7,1.4-1.4h3.7ZM4.8,15.4h3.7c.2.6.7,1.2,1.4,1.3v4c-.2,0-.3.1-.5.2l-4.9-5c.1-.2.2-.3.2-.5h0ZM2.8,14c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM10.4,13.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM18.1,13.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM10.5,9.1c2.3,0,4.6.3,6.7.9l-.5,1.6h0c-2-.6-4-.9-6.2-.9s-4.2.3-6.1.8l-.4-1.6c2.1-.6,4.3-.9,6.6-.9ZM5.3,2.5c2.4,0,1.6.2,2.3.6-.5.4-.9.8-1.1,1.3-.3-.2-.7-.3-1.1-.3-1.5,0-2.6,1.2-2.6,2.6,0,1.4,1,2.4,2.4,2.5-.9.2-1.7.4-2.5.7-1-.8-1.6-1.9-1.6-3.2,0-2.3,1.9-4.2,4.3-4.2ZM15.7,2.5c2.4,0,4.3,1.9,4.3,4.2,0,1.3-.6,2.4-1.6,3.2-.8-.3-1.7-.5-2.5-.7,1.3-.1,2.4-1.1,2.4-2.5,0-1.4-1.2-2.6-2.6-2.6-.4,0-.7,0-1,.2-.3-.5-.7-.9-1.2-1.2.6-.4-.1-.6,2.3-.6ZM9.3,4.4c-.9.4-1.4,1.3-1.4,2.3,0,1,.4,1.6,1,2h0c-.7,0-1.4.1-2,.2-.4-.6-.6-1.4-.6-2.2,0-1.9,1.3-3.5,3.1-4v1.8ZM11.6,2.6c1.8.5,3.1,2.2,3.1,4s-.2,1.6-.6,2.2c-.6-.1-1.3-.2-2-.2h0c.6-.4,1-1,1-2,0-1-.5-1.8-1.4-2.3v-1.8ZM10.5,2.5c.3,0,.6,0,.9.1v6.1h-1.7V2.6c.3-.1.6-.1.9-.1ZM14.7,4.4h-.1s0,0,0,0c0,0,0,0,0,0ZM10.4,2.2c-.5,0-.9-.5-1-.9h1v.9ZM11.6,1.3c0,.5-.5.9-1,.9v-.9h1ZM10.4.9h-1c0-.5.5-.9,1-.9v.9ZM10.6,0c.5,0,.9.5,1,.9h-1v-.9Z" />
<path class="gn-header__logo-fill-dark"
d="M32.4,19.1c-.6.8-1.5,1.2-2.3,1.2-2.6,0-4.2-1.9-4.2-4.3s1.6-4.4,4.2-4.4,3.3,1.1,3.6,2.9h-1.8c-.2-.9-.9-1.4-1.8-1.4-1.7,0-2.3,1.4-2.3,2.8s.6,2.8,2.3,2.8,1.9-.6,2-1.8h-1.9v-1.4h3.6v4.5h-1.2l-.2-.9h0ZM38.1,13.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM38.1,19c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM42.3,11.8h1.7v3c.4-.6,1.2-.9,1.9-.9,1.2,0,2.5.9,2.5,3.2s-1.3,3.2-2.5,3.2-1.7-.3-2-.9v.8h-1.6v-8.3ZM45.4,15.2c-1,0-1.5.9-1.5,1.9s.4,1.9,1.5,1.9,1.5-.9,1.5-1.9-.4-1.9-1.5-1.9ZM51.3,13.2h-1.7v-1.4h1.7v1.4ZM49.6,14.1h1.7v6h-1.7v-6ZM54,17.5c0,1.1.6,1.5,1.5,1.5s1.2-.4,1.3-.8h1.5c-.5,1.4-1.5,2-2.9,2s-3.1-1.3-3.1-3.2,1.3-3.2,3.1-3.2,3.1,1.7,3,3.6h-4.5ZM56.8,16.4c-.2-.8-.5-1.3-1.3-1.3s-1.4.8-1.4,1.3h2.8ZM59.5,14.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM64.3,14.1h1.6v.8c.4-.7,1.2-1,1.9-1,1.8,0,2.3,1,2.3,2.5v3.7h-1.7v-3.4c0-1-.3-1.5-1.1-1.5s-1.3.5-1.3,1.7v3.2h-1.7v-6h0ZM74.3,13.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM74.3,19c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM86.2,19.3c-.4.6-1.1.9-1.9.9-1.8,0-2.8-1.5-2.8-3.2s.9-3.1,2.7-3.1,1.5.3,1.8.9v-3h1.7v8.3h-1.6v-.8h0ZM84.8,15.2c-1.1,0-1.5.9-1.5,1.9s.4,1.9,1.5,1.9,1.5-.9,1.5-1.9-.4-1.9-1.5-1.9ZM90.5,17.5c0,1.1.6,1.5,1.5,1.5s1.2-.4,1.3-.8h1.5c-.5,1.4-1.5,2-2.9,2s-3.1-1.3-3.1-3.2,1.3-3.2,3.1-3.2,3.1,1.7,3,3.6h-4.5ZM93.2,16.4c-.2-.8-.5-1.3-1.3-1.3s-1.4.8-1.4,1.3h2.8ZM99.4,11.8h1.8l3.6,5.5v-5.5h1.7v8.3h-1.9l-3.5-5.5v5.5h-1.7v-8.3ZM108,15.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM111.8,17.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM118.2,20.1h-1.9l-2.1-6h1.8l1.3,4.1,1.3-4.1h1.7l-2.1,6h0ZM120.9,15.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM124.8,17.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM127.8,14.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM132.4,14.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM137,15.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM140.9,17.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM26.2,24.8h1.8l3.6,5.5v-5.5h1.7v8.3h-1.9l-3.5-5.5v5.5h-1.7v-8.3ZM34.8,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM38.7,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM42.1,28.2h-1v-1.1h1v-.5c0-1.1.7-1.8,2-1.8h.9v1.2h-.6c-.4,0-.6.2-.6.7v.4h1.2v1.1h-1.2v4.9h-1.7v-4.9h0ZM45.6,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM49.4,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM52.5,27.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM57,27.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM64.4,26.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM64.4,32c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM68.6,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM72.5,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM75.7,24.8h1.7v4.4l2.1-2.2h2l-2.3,2.2,2.6,3.8h-2l-1.7-2.7-.6.6v2h-1.7v-8.3ZM85.3,26.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM85.3,32c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM99.2,32.1c-.6.8-1.5,1.2-2.3,1.2-2.6,0-4.2-1.9-4.2-4.3s1.6-4.4,4.2-4.4,3.3,1.1,3.6,2.9h-1.8c-.2-.9-.9-1.4-1.8-1.4-1.7,0-2.3,1.4-2.3,2.8s.6,2.8,2.3,2.8,1.9-.6,2-1.8h-1.9v-1.4h3.6v4.5h-1.2l-.2-.9h0ZM104.9,26.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM104.9,32c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM109.1,24.8h1.7v3c.4-.6,1.2-.9,1.9-.9,1.2,0,2.5.9,2.5,3.2s-1.3,3.2-2.5,3.2-1.7-.3-2-.9v.8h-1.6v-8.3ZM112.2,28.2c-1,0-1.5.9-1.5,1.9s.4,1.9,1.5,1.9,1.5-.9,1.5-1.9-.4-1.9-1.5-1.9ZM117.8,30.5c0,1.1.6,1.5,1.5,1.5s1.2-.4,1.3-.8h1.5c-.5,1.4-1.5,2-2.9,2s-3.1-1.3-3.1-3.2,1.3-3.2,3.1-3.2,3.1,1.7,3,3.6h-4.5ZM120.5,29.4c-.2-.8-.5-1.3-1.3-1.3s-1.4.8-1.4,1.3h2.8ZM123.2,27.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM128,27.1h1.6v.8c.4-.7,1.2-1,1.9-1,1.8,0,2.3,1,2.3,2.5v3.7h-1.7v-3.4c0-1-.3-1.5-1.1-1.5s-1.3.5-1.3,1.7v3.2h-1.7v-6h0ZM140.8,33.1h-1.6v-.8c-.4.7-1.2,1-1.9,1-1.8,0-2.3-1-2.3-2.5v-3.7h1.7v3.4c0,1,.3,1.5,1.1,1.5s1.3-.5,1.3-1.7v-3.2h1.7v6h0ZM142,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2.1.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM145.9,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0Z" />
</g>
</g>
</svg>
<!-- Símbolo (visible en mobile, boxed) -->
<svg class="gn-header__symbol" xmlns="http://www.w3.org/2000/svg" width="21" height="35" viewBox="0 0 21 35"
fill="none" aria-hidden="true" focusable="false">
<g clip-path="url(#hdr-bx-3-gn-boxed-v3-logo-clip)">
<path d="M11.3002 22.322L10.4555 23.1667L9.61079 22.322L10.4555 21.4773L11.3002 22.322Z"
fill="currentColor" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M18.6982 11.2757C19.9112 11.2757 20.8963 12.2601 20.8963 13.4729C20.8963 14.4589 20.2454 15.2938 19.3515 15.5714V20.2088C20.2454 20.4865 20.8962 21.3206 20.8963 22.3064C20.8963 23.2929 20.2454 24.1273 19.3515 24.4049V29.0814C20.2454 29.3596 20.8961 30.194 20.8963 31.1799C20.8963 32.3927 19.9112 33.378 18.6982 33.378C17.8056 33.3779 17.0378 32.8455 16.6934 32.0812L12.6516 32.8673C12.6172 34.0498 11.6474 35 10.4555 35C9.26455 34.9999 8.2946 34.0519 8.26028 32.8693L4.20191 32.0793C3.8575 32.8453 3.08984 33.378 2.19714 33.378C0.984393 33.3779 0 32.3927 0 31.1799C0.000167875 30.1918 0.651518 29.3569 1.54874 29.0794V24.4068C0.651402 24.1291 0 23.2947 0 22.3064C6.3701e-05 21.3188 0.651446 20.4843 1.54874 20.2069V15.5733C0.651417 15.2958 2.06593e-05 14.4612 0 13.4729C0 12.2601 0.984393 11.2758 2.19714 11.2757C3.20169 11.2757 4.05057 11.9501 4.31226 12.8733H8.34328C8.60281 11.9501 9.45166 11.2758 10.4555 11.2757C11.4602 11.2757 12.3089 11.9501 12.5706 12.8733H16.585C16.8448 11.9502 17.6944 11.2759 18.6982 11.2757ZM10.4525 31.8215C9.88818 31.8216 9.4303 32.278 9.43014 32.8419C9.43014 33.4078 9.88808 33.8642 10.4525 33.8643C11.0164 33.8643 11.4749 33.4079 11.4749 32.8419C11.4748 32.2779 11.0163 31.8215 10.4525 31.8215ZM2.17371 30.1721C1.61 30.1724 1.15228 30.6306 1.15228 31.1945C1.15235 31.7589 1.61004 32.2167 2.17371 32.217C2.73819 32.217 3.19604 31.759 3.19611 31.1945C3.19611 30.6304 2.73824 30.1721 2.17371 30.1721ZM18.7304 30.1721C18.1665 30.1723 17.709 30.6306 17.709 31.1945C17.709 31.7604 18.1665 32.2168 18.7304 32.217C19.2949 32.217 19.7527 31.7605 19.7528 31.1945C19.7528 30.6304 19.2949 30.1721 18.7304 30.1721ZM4.04079 29.9827C4.21173 30.2461 4.32841 30.5492 4.37378 30.8752L8.56105 31.6887C8.84235 31.2111 9.29889 30.8504 9.84125 30.6936V24.4869C9.6682 24.4399 9.50224 24.3745 9.34713 24.2897L4.04079 29.9827ZM11.4749 24.3111C11.3438 24.3797 11.2048 24.4337 11.059 24.4752V30.6897C11.6047 30.8447 12.0662 31.2072 12.3489 31.6867L16.5225 30.8752C16.5637 30.5726 16.6669 30.291 16.8184 30.0403L11.4749 24.3111ZM12.6341 22.9235C12.5729 23.1268 12.4846 23.3162 12.3743 23.4909L17.7129 29.2171C17.8461 29.1486 17.9862 29.0937 18.1338 29.054V24.4322C17.3931 24.2338 16.8035 23.6587 16.5889 22.9235H12.6341ZM4.3064 22.9235C4.09215 23.6572 3.50615 24.2319 2.76547 24.4303V29.056C2.88998 29.0904 3.00759 29.1341 3.12092 29.1868L8.46437 23.4547C8.36316 23.2906 8.28345 23.1127 8.2261 22.9235H4.3064ZM10.4525 21.2381C9.85896 21.2382 9.38034 21.7176 9.38034 22.3103C9.38044 22.9034 9.85903 23.3824 10.4525 23.3825C11.0452 23.3825 11.5256 22.9034 11.5257 22.3103C11.5257 21.7175 11.0453 21.2381 10.4525 21.2381ZM2.17371 21.2879C1.61 21.2881 1.15228 21.7465 1.15228 22.3103C1.15238 22.8746 1.61007 23.3325 2.17371 23.3327C2.73817 23.3327 3.19601 22.8747 3.19611 22.3103C3.19611 21.7464 2.73824 21.2879 2.17371 21.2879ZM18.7304 21.2879C18.1665 21.2881 17.709 21.7465 17.709 22.3103C17.7091 22.8746 18.1665 23.3325 18.7304 23.3327C19.2949 23.3327 19.7527 22.8747 19.7528 22.3103C19.7528 21.7464 19.2949 21.2879 18.7304 21.2879ZM3.19123 15.4327C3.05764 15.5007 2.91467 15.5567 2.76547 15.5968V20.1825C3.51149 20.383 4.10122 20.9639 4.31226 21.7068H8.19876C8.25445 21.4834 8.3412 21.2741 8.45656 21.0809L3.19123 15.4327ZM12.3763 21.0389C12.5041 21.2425 12.6013 21.4669 12.6604 21.7068H16.585C16.7941 20.964 17.3879 20.3799 18.1338 20.1815V15.5987C17.9593 15.5519 17.7918 15.4827 17.6367 15.3986L12.3763 21.0389ZM4.3064 14.09C4.25261 14.2718 4.1771 14.4449 4.0818 14.6037L9.33835 20.2391C9.49491 20.1549 9.66464 20.0858 9.84125 20.0389V15.5821C9.12385 15.3747 8.55619 14.8091 8.34719 14.09H4.3064ZM12.5647 14.09C12.3543 14.8125 11.7829 15.3826 11.059 15.588V20.0497C11.2048 20.0914 11.3454 20.1469 11.4789 20.2157L16.7745 14.5363C16.6972 14.3963 16.6338 14.2464 16.5889 14.09H12.5647ZM2.17371 12.4544C1.61 12.4546 1.15228 12.9131 1.15228 13.4768C1.15237 14.0411 1.61006 14.499 2.17371 14.4992C2.73818 14.4992 3.19602 14.0413 3.19611 13.4768C3.19611 12.9129 2.73824 12.4544 2.17371 12.4544ZM10.4525 12.4544C9.88808 12.4545 9.43014 12.913 9.43014 13.4768C9.43023 14.0412 9.88814 14.4991 10.4525 14.4992C11.0164 14.4992 11.4749 14.0413 11.4749 13.4768C11.4749 12.9129 11.0164 12.4544 10.4525 12.4544ZM18.7304 12.4544C18.1665 12.4546 17.709 12.913 17.709 13.4768C17.7091 14.0412 18.1665 14.499 18.7304 14.4992C19.2949 14.4992 19.7527 14.0413 19.7528 13.4768C19.7528 12.9129 19.2949 12.4544 18.7304 12.4544Z"
fill="currentColor" />
<path
d="M10.266 8.61866C12.3753 8.61867 14.402 8.92053 16.3194 9.48189H16.3331L15.8956 10.9613C14.1011 10.4404 12.2248 10.1664 10.266 10.1664C8.35317 10.1664 6.50795 10.4388 4.74485 10.9301L4.32202 9.45455C6.19819 8.90694 8.19781 8.61866 10.266 8.61866Z"
fill="currentColor" />
<path d="M4.74681 10.934H4.73216C4.73627 10.9328 4.74073 10.9312 4.74485 10.9301L4.74681 10.934Z"
fill="currentColor" />
<path
d="M5.67839 2.48326C6.41711 2.4833 7.10173 2.67431 7.69098 3.0301C7.26621 3.3589 6.90998 3.7702 6.65002 4.22242H6.63635C6.34907 4.09907 6.0205 4.01642 5.67839 4.01638C4.37669 4.01638 3.30841 5.08531 3.30841 6.38636C3.3086 7.61929 4.26766 8.63193 5.47235 8.7417H5.48602C4.69215 8.90631 3.92501 9.12554 3.18537 9.3862H3.1717C2.32235 8.6742 1.77443 7.59191 1.77432 6.38636C1.77432 4.22278 3.52789 2.48326 5.67839 2.48326Z"
fill="currentColor" />
<path
d="M14.9914 2.48326C17.1552 2.48344 18.9081 4.22289 18.9081 6.38636C18.908 7.59191 18.3602 8.6742 17.4971 9.3862C16.7438 9.12557 15.9767 8.90629 15.1964 8.7417C16.4153 8.63193 17.3611 7.61929 17.3613 6.38636C17.3613 5.08542 16.306 4.01656 14.9914 4.01638C14.6489 4.01638 14.3338 4.099 14.0324 4.22242C13.7585 3.77017 13.4023 3.35891 12.9915 3.0301C13.58 2.67414 14.2659 2.48326 14.9914 2.48326Z"
fill="currentColor" />
<path
d="M9.18406 4.31812C8.44504 4.71548 7.9517 5.49645 7.9517 6.38636C7.9518 7.15336 8.32122 7.82474 8.88232 8.26321C8.25266 8.30438 7.6226 8.35926 7.00644 8.45461C6.63652 7.85219 6.41767 7.13965 6.41761 6.38636C6.41761 4.61955 7.58165 3.14052 9.18406 2.64731V4.31812Z"
fill="currentColor" />
<path
d="M11.4984 2.64731C13.1011 3.1406 14.2658 4.61966 14.2658 6.38636C14.2657 7.13965 14.0457 7.85219 13.6623 8.45461C13.0462 8.35928 12.4299 8.30437 11.8001 8.26321C12.3617 7.82474 12.717 7.15336 12.7171 6.38636C12.7171 5.49656 12.2248 4.71553 11.4984 4.31812V2.64731Z"
fill="currentColor" />
<path
d="M10.3207 2.48326C10.5946 2.48327 10.8689 2.50997 11.1293 2.56529L11.1429 8.2222C10.8549 8.2222 10.5541 8.20755 10.266 8.20755C10.0195 8.20755 9.78662 8.2222 9.53951 8.2222V2.55064C9.78662 2.50947 10.047 2.48326 10.3207 2.48326Z"
fill="currentColor" />
<path d="M10.2016 2.11121C9.71896 2.05151 9.3368 1.66744 9.27878 1.18353H10.2016V2.11121Z"
fill="currentColor" />
<path d="M11.39 1.1845C11.3313 1.66923 10.9467 2.05383 10.4613 2.11121V1.18353H11.388L11.39 1.1845Z"
fill="currentColor" />
<path d="M10.2016 0.915965H9.28073C9.34346 0.438429 9.72318 0.0604591 10.2016 0.000976508V0.915965Z"
fill="currentColor" />
<path d="M10.4613 0C10.9425 0.0575917 11.3257 0.436268 11.389 0.915965H10.4613V0Z"
fill="currentColor" />
</g>
<defs>
<clipPath id="hdr-bx-3-gn-boxed-v3-logo-clip">
<rect width="20.8963" height="35" fill="white" />
</clipPath>
</defs>
</svg>
<span class="gn-header__separator" aria-hidden="true"></span>
<span class="gn-header__app-logo" aria-label="Logotipo de la aplicación"></span>
<span class="gn-header__separator" aria-hidden="true"></span>
<div class="gn-header__title-group">
<p class="gn-header__title">Herramienta</p>
</div>
</div>
</div>
</div>
</header>Variante 4 · Boxed + navmenu en bloque inferior, sin identificación de usuario
Saltar al contenido principal
Herramienta
Mostrar HTML
<a class="gn-skip-link" href="#main-content">Saltar al contenido principal</a>
<!-- HEADER — boxed + navmenu en bloque inferior, sin identificación de usuario -->
<header class="gn-header gn-header--boxed" aria-label="Cabecera principal">
<!-- Fila principal del header: marca + acciones -->
<div class="gn-header__inner">
<div class="gn-header__main">
<!-- Brand -->
<div class="gn-header__brand">
<!-- Logotipo completo (visible en desktop, boxed) -->
<svg class="gn-header__logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 148 35.3" aria-hidden="true"
focusable="false">
<g>
<g>
<path class="gn-header__logo-fill-primary"
d="M20.9,31.2c0,1.3-1,2.4-2.3,2.6l-8.1,1.5-8.1-1.5C1,33.6,0,32.6,0,31.2V12.1h20.9v19.1ZM18.1,12.8c-1.1,0-1.8.6-2,1.4h-3.7c-.2-.8-1-1.4-1.9-1.4-.9,0-1.7.6-1.9,1.4h-3.7c-.2-.8-1-1.4-1.9-1.4-.9,0-2,.9-2,2,0,1.1.6,1.6,1.4,1.9v4.2c-.8.3-1.4,1-1.4,1.9,0,.9.6,1.6,1.4,1.9v4.2c-.8.3-1.4,1-1.4,1.9,0,.9.9,2,2,2s1.5-.5,1.8-1.2l3.7.7c0,1.1.9,1.9,2,1.9,1.1,0,2-.8,2-1.9l3.7-.7c.3.7,1,1.2,2,1.2,1,0,1.9-.9,1.9-2,0-1.1-.6-1.6-1.4-1.9v-4.2c.8-.3,1.5-1,1.5-1.9h0c0-.9-.6-1.7-1.4-1.9v-4.2c.8-.3,1.4-1,1.4-1.9s-.8-2-2-2ZM10.4,31.4c.5,0,.9.4.9.9,0,.5-.4.9-.9.9s-.9-.4-.9-.9c0-.5.4-.9.9-.9ZM2.8,29.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9s-.9-.4-.9-.9c0-.5.4-.9.9-.9ZM18.1,29.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM9.4,24.6c.2,0,.3.2.4.2v5.6c-.5.2-.9.5-1.2.9l-3.8-.7c0-.3-.2-.6-.3-.8l4.9-5.1ZM16.3,29.7c-.2.2-.2.5-.3.7l-3.8.7c-.3-.4-.7-.7-1.2-.9v-5.6c.1,0,.3-.1.4-.2l4.9,5.2ZM16.1,23.3c.2.7.8,1.2,1.4,1.4v4.2c-.2,0-.3.1-.4.2l-4.9-5.2c.1-.2.2-.3.2-.5h3.7ZM8.4,23.3c0,.2.1.3.2.5l-4.9,5.2c-.1,0-.2-.1-.3-.1v-4.2c.7-.2,1.2-.7,1.4-1.4h3.6ZM10.5,21.8c.5,0,1,.4,1,.9,0,.5-.4.9-1,.9s-1-.4-1-.9c0-.5.4-.9,1-.9ZM18.1,21.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM2.8,21.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9s-.9-.4-.9-.9c0-.5.4-.9.9-.9ZM8.6,21.7h0c-.1.2-.2.4-.2.6h-3.6c-.2-.7-.8-1.2-1.4-1.4v-4.1c.2,0,.3-.1.4-.2l4.9,5ZM17,16.6c.2,0,.3.2.4.2v4.1c-.7.2-1.2.7-1.4,1.4h-3.6c0-.2-.2-.4-.3-.6l4.9-5ZM16.1,15.4c0,.2.1.3.2.4l-4.9,5.1c-.1,0-.3-.1-.4-.2v-4c.6-.2,1.2-.7,1.4-1.4h3.7ZM4.8,15.4h3.7c.2.6.7,1.2,1.4,1.3v4c-.2,0-.3.1-.5.2l-4.9-5c.1-.2.2-.3.2-.5h0ZM2.8,14c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM10.4,13.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM18.1,13.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM10.5,9.1c2.3,0,4.6.3,6.7.9l-.5,1.6h0c-2-.6-4-.9-6.2-.9s-4.2.3-6.1.8l-.4-1.6c2.1-.6,4.3-.9,6.6-.9ZM5.3,2.5c2.4,0,1.6.2,2.3.6-.5.4-.9.8-1.1,1.3-.3-.2-.7-.3-1.1-.3-1.5,0-2.6,1.2-2.6,2.6,0,1.4,1,2.4,2.4,2.5-.9.2-1.7.4-2.5.7-1-.8-1.6-1.9-1.6-3.2,0-2.3,1.9-4.2,4.3-4.2ZM15.7,2.5c2.4,0,4.3,1.9,4.3,4.2,0,1.3-.6,2.4-1.6,3.2-.8-.3-1.7-.5-2.5-.7,1.3-.1,2.4-1.1,2.4-2.5,0-1.4-1.2-2.6-2.6-2.6-.4,0-.7,0-1,.2-.3-.5-.7-.9-1.2-1.2.6-.4-.1-.6,2.3-.6ZM9.3,4.4c-.9.4-1.4,1.3-1.4,2.3,0,1,.4,1.6,1,2h0c-.7,0-1.4.1-2,.2-.4-.6-.6-1.4-.6-2.2,0-1.9,1.3-3.5,3.1-4v1.8ZM11.6,2.6c1.8.5,3.1,2.2,3.1,4s-.2,1.6-.6,2.2c-.6-.1-1.3-.2-2-.2h0c.6-.4,1-1,1-2,0-1-.5-1.8-1.4-2.3v-1.8ZM10.5,2.5c.3,0,.6,0,.9.1v6.1h-1.7V2.6c.3-.1.6-.1.9-.1ZM14.7,4.4h-.1s0,0,0,0c0,0,0,0,0,0ZM10.4,2.2c-.5,0-.9-.5-1-.9h1v.9ZM11.6,1.3c0,.5-.5.9-1,.9v-.9h1ZM10.4.9h-1c0-.5.5-.9,1-.9v.9ZM10.6,0c.5,0,.9.5,1,.9h-1v-.9Z" />
<path class="gn-header__logo-fill-dark"
d="M32.4,19.1c-.6.8-1.5,1.2-2.3,1.2-2.6,0-4.2-1.9-4.2-4.3s1.6-4.4,4.2-4.4,3.3,1.1,3.6,2.9h-1.8c-.2-.9-.9-1.4-1.8-1.4-1.7,0-2.3,1.4-2.3,2.8s.6,2.8,2.3,2.8,1.9-.6,2-1.8h-1.9v-1.4h3.6v4.5h-1.2l-.2-.9h0ZM38.1,13.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM38.1,19c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM42.3,11.8h1.7v3c.4-.6,1.2-.9,1.9-.9,1.2,0,2.5.9,2.5,3.2s-1.3,3.2-2.5,3.2-1.7-.3-2-.9v.8h-1.6v-8.3ZM45.4,15.2c-1,0-1.5.9-1.5,1.9s.4,1.9,1.5,1.9,1.5-.9,1.5-1.9-.4-1.9-1.5-1.9ZM51.3,13.2h-1.7v-1.4h1.7v1.4ZM49.6,14.1h1.7v6h-1.7v-6ZM54,17.5c0,1.1.6,1.5,1.5,1.5s1.2-.4,1.3-.8h1.5c-.5,1.4-1.5,2-2.9,2s-3.1-1.3-3.1-3.2,1.3-3.2,3.1-3.2,3.1,1.7,3,3.6h-4.5ZM56.8,16.4c-.2-.8-.5-1.3-1.3-1.3s-1.4.8-1.4,1.3h2.8ZM59.5,14.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM64.3,14.1h1.6v.8c.4-.7,1.2-1,1.9-1,1.8,0,2.3,1,2.3,2.5v3.7h-1.7v-3.4c0-1-.3-1.5-1.1-1.5s-1.3.5-1.3,1.7v3.2h-1.7v-6h0ZM74.3,13.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM74.3,19c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM86.2,19.3c-.4.6-1.1.9-1.9.9-1.8,0-2.8-1.5-2.8-3.2s.9-3.1,2.7-3.1,1.5.3,1.8.9v-3h1.7v8.3h-1.6v-.8h0ZM84.8,15.2c-1.1,0-1.5.9-1.5,1.9s.4,1.9,1.5,1.9,1.5-.9,1.5-1.9-.4-1.9-1.5-1.9ZM90.5,17.5c0,1.1.6,1.5,1.5,1.5s1.2-.4,1.3-.8h1.5c-.5,1.4-1.5,2-2.9,2s-3.1-1.3-3.1-3.2,1.3-3.2,3.1-3.2,3.1,1.7,3,3.6h-4.5ZM93.2,16.4c-.2-.8-.5-1.3-1.3-1.3s-1.4.8-1.4,1.3h2.8ZM99.4,11.8h1.8l3.6,5.5v-5.5h1.7v8.3h-1.9l-3.5-5.5v5.5h-1.7v-8.3ZM108,15.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM111.8,17.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM118.2,20.1h-1.9l-2.1-6h1.8l1.3,4.1,1.3-4.1h1.7l-2.1,6h0ZM120.9,15.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM124.8,17.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM127.8,14.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM132.4,14.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM137,15.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM140.9,17.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM26.2,24.8h1.8l3.6,5.5v-5.5h1.7v8.3h-1.9l-3.5-5.5v5.5h-1.7v-8.3ZM34.8,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM38.7,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM42.1,28.2h-1v-1.1h1v-.5c0-1.1.7-1.8,2-1.8h.9v1.2h-.6c-.4,0-.6.2-.6.7v.4h1.2v1.1h-1.2v4.9h-1.7v-4.9h0ZM45.6,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM49.4,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM52.5,27.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM57,27.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM64.4,26.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM64.4,32c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM68.6,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM72.5,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM75.7,24.8h1.7v4.4l2.1-2.2h2l-2.3,2.2,2.6,3.8h-2l-1.7-2.7-.6.6v2h-1.7v-8.3ZM85.3,26.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM85.3,32c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM99.2,32.1c-.6.8-1.5,1.2-2.3,1.2-2.6,0-4.2-1.9-4.2-4.3s1.6-4.4,4.2-4.4,3.3,1.1,3.6,2.9h-1.8c-.2-.9-.9-1.4-1.8-1.4-1.7,0-2.3,1.4-2.3,2.8s.6,2.8,2.3,2.8,1.9-.6,2-1.8h-1.9v-1.4h3.6v4.5h-1.2l-.2-.9h0ZM104.9,26.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM104.9,32c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM109.1,24.8h1.7v3c.4-.6,1.2-.9,1.9-.9,1.2,0,2.5.9,2.5,3.2s-1.3,3.2-2.5,3.2-1.7-.3-2-.9v.8h-1.6v-8.3ZM112.2,28.2c-1,0-1.5.9-1.5,1.9s.4,1.9,1.5,1.9,1.5-.9,1.5-1.9-.4-1.9-1.5-1.9ZM117.8,30.5c0,1.1.6,1.5,1.5,1.5s1.2-.4,1.3-.8h1.5c-.5,1.4-1.5,2-2.9,2s-3.1-1.3-3.1-3.2,1.3-3.2,3.1-3.2,3.1,1.7,3,3.6h-4.5ZM120.5,29.4c-.2-.8-.5-1.3-1.3-1.3s-1.4.8-1.4,1.3h2.8ZM123.2,27.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM128,27.1h1.6v.8c.4-.7,1.2-1,1.9-1,1.8,0,2.3,1,2.3,2.5v3.7h-1.7v-3.4c0-1-.3-1.5-1.1-1.5s-1.3.5-1.3,1.7v3.2h-1.7v-6h0ZM140.8,33.1h-1.6v-.8c-.4.7-1.2,1-1.9,1-1.8,0-2.3-1-2.3-2.5v-3.7h1.7v3.4c0,1,.3,1.5,1.1,1.5s1.3-.5,1.3-1.7v-3.2h1.7v6h0ZM142,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2.1.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM145.9,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0Z" />
</g>
</g>
</svg>
<!-- Símbolo (visible en mobile, boxed) -->
<svg class="gn-header__symbol" xmlns="http://www.w3.org/2000/svg" width="21" height="35" viewBox="0 0 21 35"
fill="none" aria-hidden="true" focusable="false">
<g clip-path="url(#hdr-bx-4-gn-boxed-v4-logo-clip)">
<path d="M11.3002 22.322L10.4555 23.1667L9.61079 22.322L10.4555 21.4773L11.3002 22.322Z"
fill="currentColor" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M18.6982 11.2757C19.9112 11.2757 20.8963 12.2601 20.8963 13.4729C20.8963 14.4589 20.2454 15.2938 19.3515 15.5714V20.2088C20.2454 20.4865 20.8962 21.3206 20.8963 22.3064C20.8963 23.2929 20.2454 24.1273 19.3515 24.4049V29.0814C20.2454 29.3596 20.8961 30.194 20.8963 31.1799C20.8963 32.3927 19.9112 33.378 18.6982 33.378C17.8056 33.3779 17.0378 32.8455 16.6934 32.0812L12.6516 32.8673C12.6172 34.0498 11.6474 35 10.4555 35C9.26455 34.9999 8.2946 34.0519 8.26028 32.8693L4.20191 32.0793C3.8575 32.8453 3.08984 33.378 2.19714 33.378C0.984393 33.3779 0 32.3927 0 31.1799C0.000167875 30.1918 0.651518 29.3569 1.54874 29.0794V24.4068C0.651402 24.1291 0 23.2947 0 22.3064C6.3701e-05 21.3188 0.651446 20.4843 1.54874 20.2069V15.5733C0.651417 15.2958 2.06593e-05 14.4612 0 13.4729C0 12.2601 0.984393 11.2758 2.19714 11.2757C3.20169 11.2757 4.05057 11.9501 4.31226 12.8733H8.34328C8.60281 11.9501 9.45166 11.2758 10.4555 11.2757C11.4602 11.2757 12.3089 11.9501 12.5706 12.8733H16.585C16.8448 11.9502 17.6944 11.2759 18.6982 11.2757ZM10.4525 31.8215C9.88818 31.8216 9.4303 32.278 9.43014 32.8419C9.43014 33.4078 9.88808 33.8642 10.4525 33.8643C11.0164 33.8643 11.4749 33.4079 11.4749 32.8419C11.4748 32.2779 11.0163 31.8215 10.4525 31.8215ZM2.17371 30.1721C1.61 30.1724 1.15228 30.6306 1.15228 31.1945C1.15235 31.7589 1.61004 32.2167 2.17371 32.217C2.73819 32.217 3.19604 31.759 3.19611 31.1945C3.19611 30.6304 2.73824 30.1721 2.17371 30.1721ZM18.7304 30.1721C18.1665 30.1723 17.709 30.6306 17.709 31.1945C17.709 31.7604 18.1665 32.2168 18.7304 32.217C19.2949 32.217 19.7527 31.7605 19.7528 31.1945C19.7528 30.6304 19.2949 30.1721 18.7304 30.1721ZM4.04079 29.9827C4.21173 30.2461 4.32841 30.5492 4.37378 30.8752L8.56105 31.6887C8.84235 31.2111 9.29889 30.8504 9.84125 30.6936V24.4869C9.6682 24.4399 9.50224 24.3745 9.34713 24.2897L4.04079 29.9827ZM11.4749 24.3111C11.3438 24.3797 11.2048 24.4337 11.059 24.4752V30.6897C11.6047 30.8447 12.0662 31.2072 12.3489 31.6867L16.5225 30.8752C16.5637 30.5726 16.6669 30.291 16.8184 30.0403L11.4749 24.3111ZM12.6341 22.9235C12.5729 23.1268 12.4846 23.3162 12.3743 23.4909L17.7129 29.2171C17.8461 29.1486 17.9862 29.0937 18.1338 29.054V24.4322C17.3931 24.2338 16.8035 23.6587 16.5889 22.9235H12.6341ZM4.3064 22.9235C4.09215 23.6572 3.50615 24.2319 2.76547 24.4303V29.056C2.88998 29.0904 3.00759 29.1341 3.12092 29.1868L8.46437 23.4547C8.36316 23.2906 8.28345 23.1127 8.2261 22.9235H4.3064ZM10.4525 21.2381C9.85896 21.2382 9.38034 21.7176 9.38034 22.3103C9.38044 22.9034 9.85903 23.3824 10.4525 23.3825C11.0452 23.3825 11.5256 22.9034 11.5257 22.3103C11.5257 21.7175 11.0453 21.2381 10.4525 21.2381ZM2.17371 21.2879C1.61 21.2881 1.15228 21.7465 1.15228 22.3103C1.15238 22.8746 1.61007 23.3325 2.17371 23.3327C2.73817 23.3327 3.19601 22.8747 3.19611 22.3103C3.19611 21.7464 2.73824 21.2879 2.17371 21.2879ZM18.7304 21.2879C18.1665 21.2881 17.709 21.7465 17.709 22.3103C17.7091 22.8746 18.1665 23.3325 18.7304 23.3327C19.2949 23.3327 19.7527 22.8747 19.7528 22.3103C19.7528 21.7464 19.2949 21.2879 18.7304 21.2879ZM3.19123 15.4327C3.05764 15.5007 2.91467 15.5567 2.76547 15.5968V20.1825C3.51149 20.383 4.10122 20.9639 4.31226 21.7068H8.19876C8.25445 21.4834 8.3412 21.2741 8.45656 21.0809L3.19123 15.4327ZM12.3763 21.0389C12.5041 21.2425 12.6013 21.4669 12.6604 21.7068H16.585C16.7941 20.964 17.3879 20.3799 18.1338 20.1815V15.5987C17.9593 15.5519 17.7918 15.4827 17.6367 15.3986L12.3763 21.0389ZM4.3064 14.09C4.25261 14.2718 4.1771 14.4449 4.0818 14.6037L9.33835 20.2391C9.49491 20.1549 9.66464 20.0858 9.84125 20.0389V15.5821C9.12385 15.3747 8.55619 14.8091 8.34719 14.09H4.3064ZM12.5647 14.09C12.3543 14.8125 11.7829 15.3826 11.059 15.588V20.0497C11.2048 20.0914 11.3454 20.1469 11.4789 20.2157L16.7745 14.5363C16.6972 14.3963 16.6338 14.2464 16.5889 14.09H12.5647ZM2.17371 12.4544C1.61 12.4546 1.15228 12.9131 1.15228 13.4768C1.15237 14.0411 1.61006 14.499 2.17371 14.4992C2.73818 14.4992 3.19602 14.0413 3.19611 13.4768C3.19611 12.9129 2.73824 12.4544 2.17371 12.4544ZM10.4525 12.4544C9.88808 12.4545 9.43014 12.913 9.43014 13.4768C9.43023 14.0412 9.88814 14.4991 10.4525 14.4992C11.0164 14.4992 11.4749 14.0413 11.4749 13.4768C11.4749 12.9129 11.0164 12.4544 10.4525 12.4544ZM18.7304 12.4544C18.1665 12.4546 17.709 12.913 17.709 13.4768C17.7091 14.0412 18.1665 14.499 18.7304 14.4992C19.2949 14.4992 19.7527 14.0413 19.7528 13.4768C19.7528 12.9129 19.2949 12.4544 18.7304 12.4544Z"
fill="currentColor" />
<path
d="M10.266 8.61866C12.3753 8.61867 14.402 8.92053 16.3194 9.48189H16.3331L15.8956 10.9613C14.1011 10.4404 12.2248 10.1664 10.266 10.1664C8.35317 10.1664 6.50795 10.4388 4.74485 10.9301L4.32202 9.45455C6.19819 8.90694 8.19781 8.61866 10.266 8.61866Z"
fill="currentColor" />
<path d="M4.74681 10.934H4.73216C4.73627 10.9328 4.74073 10.9312 4.74485 10.9301L4.74681 10.934Z"
fill="currentColor" />
<path
d="M5.67839 2.48326C6.41711 2.4833 7.10173 2.67431 7.69098 3.0301C7.26621 3.3589 6.90998 3.7702 6.65002 4.22242H6.63635C6.34907 4.09907 6.0205 4.01642 5.67839 4.01638C4.37669 4.01638 3.30841 5.08531 3.30841 6.38636C3.3086 7.61929 4.26766 8.63193 5.47235 8.7417H5.48602C4.69215 8.90631 3.92501 9.12554 3.18537 9.3862H3.1717C2.32235 8.6742 1.77443 7.59191 1.77432 6.38636C1.77432 4.22278 3.52789 2.48326 5.67839 2.48326Z"
fill="currentColor" />
<path
d="M14.9914 2.48326C17.1552 2.48344 18.9081 4.22289 18.9081 6.38636C18.908 7.59191 18.3602 8.6742 17.4971 9.3862C16.7438 9.12557 15.9767 8.90629 15.1964 8.7417C16.4153 8.63193 17.3611 7.61929 17.3613 6.38636C17.3613 5.08542 16.306 4.01656 14.9914 4.01638C14.6489 4.01638 14.3338 4.099 14.0324 4.22242C13.7585 3.77017 13.4023 3.35891 12.9915 3.0301C13.58 2.67414 14.2659 2.48326 14.9914 2.48326Z"
fill="currentColor" />
<path
d="M9.18406 4.31812C8.44504 4.71548 7.9517 5.49645 7.9517 6.38636C7.9518 7.15336 8.32122 7.82474 8.88232 8.26321C8.25266 8.30438 7.6226 8.35926 7.00644 8.45461C6.63652 7.85219 6.41767 7.13965 6.41761 6.38636C6.41761 4.61955 7.58165 3.14052 9.18406 2.64731V4.31812Z"
fill="currentColor" />
<path
d="M11.4984 2.64731C13.1011 3.1406 14.2658 4.61966 14.2658 6.38636C14.2657 7.13965 14.0457 7.85219 13.6623 8.45461C13.0462 8.35928 12.4299 8.30437 11.8001 8.26321C12.3617 7.82474 12.717 7.15336 12.7171 6.38636C12.7171 5.49656 12.2248 4.71553 11.4984 4.31812V2.64731Z"
fill="currentColor" />
<path
d="M10.3207 2.48326C10.5946 2.48327 10.8689 2.50997 11.1293 2.56529L11.1429 8.2222C10.8549 8.2222 10.5541 8.20755 10.266 8.20755C10.0195 8.20755 9.78662 8.2222 9.53951 8.2222V2.55064C9.78662 2.50947 10.047 2.48326 10.3207 2.48326Z"
fill="currentColor" />
<path d="M10.2016 2.11121C9.71896 2.05151 9.3368 1.66744 9.27878 1.18353H10.2016V2.11121Z"
fill="currentColor" />
<path d="M11.39 1.1845C11.3313 1.66923 10.9467 2.05383 10.4613 2.11121V1.18353H11.388L11.39 1.1845Z"
fill="currentColor" />
<path d="M10.2016 0.915965H9.28073C9.34346 0.438429 9.72318 0.0604591 10.2016 0.000976508V0.915965Z"
fill="currentColor" />
<path d="M10.4613 0C10.9425 0.0575917 11.3257 0.436268 11.389 0.915965H10.4613V0Z"
fill="currentColor" />
</g>
<defs>
<clipPath id="hdr-bx-4-gn-boxed-v4-logo-clip">
<rect width="20.8963" height="35" fill="white" />
</clipPath>
</defs>
</svg>
<span class="gn-header__separator" aria-hidden="true"></span>
<div class="gn-header__title-group">
<p class="gn-header__title">Herramienta</p>
</div>
</div>
<!-- Desktop actions: idioma (nombre completo) -->
<div class="gn-header__desktop-actions">
<div class="gn-header__language-wrap">
<div class="gn-dropdown-menu gn-dropdown-menu--sm gn-dropdown-menu--selector gn-header__language">
<button type="button" class="gn-dropdown-menu__trigger gn-dropdown-menu__trigger--ghost"
aria-haspopup="listbox" aria-expanded="false" aria-controls="hdr-bx-4-hdr-lang-v4"
id="hdr-bx-4-hdr-lang-v4-trigger">
<span class="gn-dropdown-menu__trigger-label">
<span class="gn-dropdown-menu__trigger-text">Castellano</span>
<svg class="gn-dropdown-menu__trigger-icon" aria-hidden="true" focusable="false"
viewBox="0 0 24 24">
<path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" fill="currentColor" />
</svg>
</span>
</button>
<ul class="gn-dropdown-menu__panel" id="hdr-bx-4-hdr-lang-v4" role="listbox"
aria-labelledby="hdr-bx-4-hdr-lang-v4-trigger">
<li class="gn-dropdown-menu__option" role="option" aria-selected="true" tabindex="0"
data-trigger-label="Castellano">Castellano</li>
<li class="gn-dropdown-menu__option" role="option" aria-selected="false" tabindex="-1"
data-trigger-label="Euskera">Euskera</li>
</ul>
</div>
</div>
</div>
<!-- Mobile actions -->
<div class="gn-header__mobile-actions">
<span class="gn-header__mobile-separator" aria-hidden="true"></span>
<button type="button" class="gn-header__mobile-action gn-header__mobile-menu" aria-label="Abrir menú"
aria-expanded="false" aria-controls="hdr-bx-4-gn-header-mobile-menu-panel-v4"
data-gn-header-mobile-toggle>
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="32" height="32"
viewBox="0 0 32 32" fill="none">
<path d="M28 25.3333H4V22.6667H28V25.3333Z" fill="currentColor" />
<path d="M28 17.3333H4V14.6667H28V17.3333Z" fill="currentColor" />
<path d="M28 9.33332H4V6.66666H28V9.33332Z" fill="currentColor" />
</svg>
</button>
</div>
</div>
</div>
<!-- Navmenu en bloque inferior (debajo de la barra del logo) -->
<div class="gn-header__nav-row">
<div class="gn-header__nav-inner">
<nav class="gn-header__nav" aria-label="Navegación principal">
<div class="gn-nav-menu">
<ul class="gn-nav-menu__list">
<li class="gn-nav-menu__item">
<a href="#" class="gn-nav-menu__link gn-nav-menu__link--active" aria-current="page">Item</a>
</li>
<li class="gn-nav-menu__item">
<a href="#" class="gn-nav-menu__link">Item</a>
</li>
<li class="gn-nav-menu__item">
<button type="button" class="gn-nav-menu__link" aria-expanded="false" aria-haspopup="true"
data-gn-menu-trigger>
Item
<svg aria-hidden="true" focusable="false" viewBox="0 0 24 24" width="20" height="20">
<path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" fill="currentColor" />
</svg>
</button>
</li>
<li class="gn-nav-menu__item">
<a href="#" class="gn-nav-menu__link">Item</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<div id="hdr-bx-4-gn-header-mobile-menu-panel-v4" class="gn-header__mobile-panel" data-gn-header-mobile-panel
hidden>
<nav class="gn-side-navigation" aria-label="Menú mobile principal" data-gn-side-navigation-init="true">
<ul class="gn-side-navigation__list">
<li class="gn-side-navigation__item gn-side-navigation__item--level-1">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Inicio</span>
</a>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-1">
<button type="button" class="gn-side-navigation__link" aria-expanded="false"
aria-controls="hdr-bx-4-header-mobile-v4-sub-1">
<span class="gn-side-navigation__content">Trámites</span>
<svg class="gn-side-navigation__icon" aria-hidden="true" viewBox="0 0 24 24" focusable="false">
<path d="M12 15.35L6 9.34998L7.4 7.94998L12 12.55L16.6 7.94998L18 9.34998L12 15.35Z"
fill="currentColor"></path>
</svg>
</button>
<ul class="gn-side-navigation__list" id="hdr-bx-4-header-mobile-v4-sub-1" hidden>
<li class="gn-side-navigation__item gn-side-navigation__item--level-2">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Solicitud general</span>
</a>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-2">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Ayudas y subvenciones</span>
</a>
</li>
</ul>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-1">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Mi perfil</span>
</a>
</li>
</ul>
</nav>
</div>
</header>Mostrar JS
document.addEventListener('DOMContentLoaded', () => {
// initAll() inicializa todos los componentes y patrones, incluido el header.
// Si solo necesitas el header: window.GNDS.initHeader();
window.GNDS.initAll();
});Variante 5 · Boxed, sin identificación, sin navmenu
Saltar al contenido principal
Herramienta
Mostrar HTML
<a class="gn-skip-link" href="#main-content">Saltar al contenido principal</a>
<!-- HEADER — boxed, sin identificación, sin navmenu -->
<header class="gn-header gn-header--boxed" aria-label="Cabecera principal">
<!-- Fila principal del header: marca + acciones -->
<div class="gn-header__inner">
<div class="gn-header__main">
<!-- Brand -->
<div class="gn-header__brand">
<!-- Logotipo completo (visible en desktop, boxed) -->
<svg class="gn-header__logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 148 35.3" aria-hidden="true"
focusable="false">
<g>
<g>
<path class="gn-header__logo-fill-primary"
d="M20.9,31.2c0,1.3-1,2.4-2.3,2.6l-8.1,1.5-8.1-1.5C1,33.6,0,32.6,0,31.2V12.1h20.9v19.1ZM18.1,12.8c-1.1,0-1.8.6-2,1.4h-3.7c-.2-.8-1-1.4-1.9-1.4-.9,0-1.7.6-1.9,1.4h-3.7c-.2-.8-1-1.4-1.9-1.4-.9,0-2,.9-2,2,0,1.1.6,1.6,1.4,1.9v4.2c-.8.3-1.4,1-1.4,1.9,0,.9.6,1.6,1.4,1.9v4.2c-.8.3-1.4,1-1.4,1.9,0,.9.9,2,2,2s1.5-.5,1.8-1.2l3.7.7c0,1.1.9,1.9,2,1.9,1.1,0,2-.8,2-1.9l3.7-.7c.3.7,1,1.2,2,1.2,1,0,1.9-.9,1.9-2,0-1.1-.6-1.6-1.4-1.9v-4.2c.8-.3,1.5-1,1.5-1.9h0c0-.9-.6-1.7-1.4-1.9v-4.2c.8-.3,1.4-1,1.4-1.9s-.8-2-2-2ZM10.4,31.4c.5,0,.9.4.9.9,0,.5-.4.9-.9.9s-.9-.4-.9-.9c0-.5.4-.9.9-.9ZM2.8,29.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9s-.9-.4-.9-.9c0-.5.4-.9.9-.9ZM18.1,29.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM9.4,24.6c.2,0,.3.2.4.2v5.6c-.5.2-.9.5-1.2.9l-3.8-.7c0-.3-.2-.6-.3-.8l4.9-5.1ZM16.3,29.7c-.2.2-.2.5-.3.7l-3.8.7c-.3-.4-.7-.7-1.2-.9v-5.6c.1,0,.3-.1.4-.2l4.9,5.2ZM16.1,23.3c.2.7.8,1.2,1.4,1.4v4.2c-.2,0-.3.1-.4.2l-4.9-5.2c.1-.2.2-.3.2-.5h3.7ZM8.4,23.3c0,.2.1.3.2.5l-4.9,5.2c-.1,0-.2-.1-.3-.1v-4.2c.7-.2,1.2-.7,1.4-1.4h3.6ZM10.5,21.8c.5,0,1,.4,1,.9,0,.5-.4.9-1,.9s-1-.4-1-.9c0-.5.4-.9,1-.9ZM18.1,21.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM2.8,21.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9s-.9-.4-.9-.9c0-.5.4-.9.9-.9ZM8.6,21.7h0c-.1.2-.2.4-.2.6h-3.6c-.2-.7-.8-1.2-1.4-1.4v-4.1c.2,0,.3-.1.4-.2l4.9,5ZM17,16.6c.2,0,.3.2.4.2v4.1c-.7.2-1.2.7-1.4,1.4h-3.6c0-.2-.2-.4-.3-.6l4.9-5ZM16.1,15.4c0,.2.1.3.2.4l-4.9,5.1c-.1,0-.3-.1-.4-.2v-4c.6-.2,1.2-.7,1.4-1.4h3.7ZM4.8,15.4h3.7c.2.6.7,1.2,1.4,1.3v4c-.2,0-.3.1-.5.2l-4.9-5c.1-.2.2-.3.2-.5h0ZM2.8,14c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM10.4,13.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM18.1,13.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM10.5,9.1c2.3,0,4.6.3,6.7.9l-.5,1.6h0c-2-.6-4-.9-6.2-.9s-4.2.3-6.1.8l-.4-1.6c2.1-.6,4.3-.9,6.6-.9ZM5.3,2.5c2.4,0,1.6.2,2.3.6-.5.4-.9.8-1.1,1.3-.3-.2-.7-.3-1.1-.3-1.5,0-2.6,1.2-2.6,2.6,0,1.4,1,2.4,2.4,2.5-.9.2-1.7.4-2.5.7-1-.8-1.6-1.9-1.6-3.2,0-2.3,1.9-4.2,4.3-4.2ZM15.7,2.5c2.4,0,4.3,1.9,4.3,4.2,0,1.3-.6,2.4-1.6,3.2-.8-.3-1.7-.5-2.5-.7,1.3-.1,2.4-1.1,2.4-2.5,0-1.4-1.2-2.6-2.6-2.6-.4,0-.7,0-1,.2-.3-.5-.7-.9-1.2-1.2.6-.4-.1-.6,2.3-.6ZM9.3,4.4c-.9.4-1.4,1.3-1.4,2.3,0,1,.4,1.6,1,2h0c-.7,0-1.4.1-2,.2-.4-.6-.6-1.4-.6-2.2,0-1.9,1.3-3.5,3.1-4v1.8ZM11.6,2.6c1.8.5,3.1,2.2,3.1,4s-.2,1.6-.6,2.2c-.6-.1-1.3-.2-2-.2h0c.6-.4,1-1,1-2,0-1-.5-1.8-1.4-2.3v-1.8ZM10.5,2.5c.3,0,.6,0,.9.1v6.1h-1.7V2.6c.3-.1.6-.1.9-.1ZM14.7,4.4h-.1s0,0,0,0c0,0,0,0,0,0ZM10.4,2.2c-.5,0-.9-.5-1-.9h1v.9ZM11.6,1.3c0,.5-.5.9-1,.9v-.9h1ZM10.4.9h-1c0-.5.5-.9,1-.9v.9ZM10.6,0c.5,0,.9.5,1,.9h-1v-.9Z" />
<path class="gn-header__logo-fill-dark"
d="M32.4,19.1c-.6.8-1.5,1.2-2.3,1.2-2.6,0-4.2-1.9-4.2-4.3s1.6-4.4,4.2-4.4,3.3,1.1,3.6,2.9h-1.8c-.2-.9-.9-1.4-1.8-1.4-1.7,0-2.3,1.4-2.3,2.8s.6,2.8,2.3,2.8,1.9-.6,2-1.8h-1.9v-1.4h3.6v4.5h-1.2l-.2-.9h0ZM38.1,13.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM38.1,19c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM42.3,11.8h1.7v3c.4-.6,1.2-.9,1.9-.9,1.2,0,2.5.9,2.5,3.2s-1.3,3.2-2.5,3.2-1.7-.3-2-.9v.8h-1.6v-8.3ZM45.4,15.2c-1,0-1.5.9-1.5,1.9s.4,1.9,1.5,1.9,1.5-.9,1.5-1.9-.4-1.9-1.5-1.9ZM51.3,13.2h-1.7v-1.4h1.7v1.4ZM49.6,14.1h1.7v6h-1.7v-6ZM54,17.5c0,1.1.6,1.5,1.5,1.5s1.2-.4,1.3-.8h1.5c-.5,1.4-1.5,2-2.9,2s-3.1-1.3-3.1-3.2,1.3-3.2,3.1-3.2,3.1,1.7,3,3.6h-4.5ZM56.8,16.4c-.2-.8-.5-1.3-1.3-1.3s-1.4.8-1.4,1.3h2.8ZM59.5,14.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM64.3,14.1h1.6v.8c.4-.7,1.2-1,1.9-1,1.8,0,2.3,1,2.3,2.5v3.7h-1.7v-3.4c0-1-.3-1.5-1.1-1.5s-1.3.5-1.3,1.7v3.2h-1.7v-6h0ZM74.3,13.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM74.3,19c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM86.2,19.3c-.4.6-1.1.9-1.9.9-1.8,0-2.8-1.5-2.8-3.2s.9-3.1,2.7-3.1,1.5.3,1.8.9v-3h1.7v8.3h-1.6v-.8h0ZM84.8,15.2c-1.1,0-1.5.9-1.5,1.9s.4,1.9,1.5,1.9,1.5-.9,1.5-1.9-.4-1.9-1.5-1.9ZM90.5,17.5c0,1.1.6,1.5,1.5,1.5s1.2-.4,1.3-.8h1.5c-.5,1.4-1.5,2-2.9,2s-3.1-1.3-3.1-3.2,1.3-3.2,3.1-3.2,3.1,1.7,3,3.6h-4.5ZM93.2,16.4c-.2-.8-.5-1.3-1.3-1.3s-1.4.8-1.4,1.3h2.8ZM99.4,11.8h1.8l3.6,5.5v-5.5h1.7v8.3h-1.9l-3.5-5.5v5.5h-1.7v-8.3ZM108,15.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM111.8,17.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM118.2,20.1h-1.9l-2.1-6h1.8l1.3,4.1,1.3-4.1h1.7l-2.1,6h0ZM120.9,15.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM124.8,17.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM127.8,14.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM132.4,14.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM137,15.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM140.9,17.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM26.2,24.8h1.8l3.6,5.5v-5.5h1.7v8.3h-1.9l-3.5-5.5v5.5h-1.7v-8.3ZM34.8,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM38.7,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM42.1,28.2h-1v-1.1h1v-.5c0-1.1.7-1.8,2-1.8h.9v1.2h-.6c-.4,0-.6.2-.6.7v.4h1.2v1.1h-1.2v4.9h-1.7v-4.9h0ZM45.6,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM49.4,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM52.5,27.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM57,27.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM64.4,26.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM64.4,32c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM68.6,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM72.5,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM75.7,24.8h1.7v4.4l2.1-2.2h2l-2.3,2.2,2.6,3.8h-2l-1.7-2.7-.6.6v2h-1.7v-8.3ZM85.3,26.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM85.3,32c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM99.2,32.1c-.6.8-1.5,1.2-2.3,1.2-2.6,0-4.2-1.9-4.2-4.3s1.6-4.4,4.2-4.4,3.3,1.1,3.6,2.9h-1.8c-.2-.9-.9-1.4-1.8-1.4-1.7,0-2.3,1.4-2.3,2.8s.6,2.8,2.3,2.8,1.9-.6,2-1.8h-1.9v-1.4h3.6v4.5h-1.2l-.2-.9h0ZM104.9,26.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM104.9,32c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM109.1,24.8h1.7v3c.4-.6,1.2-.9,1.9-.9,1.2,0,2.5.9,2.5,3.2s-1.3,3.2-2.5,3.2-1.7-.3-2-.9v.8h-1.6v-8.3ZM112.2,28.2c-1,0-1.5.9-1.5,1.9s.4,1.9,1.5,1.9,1.5-.9,1.5-1.9-.4-1.9-1.5-1.9ZM117.8,30.5c0,1.1.6,1.5,1.5,1.5s1.2-.4,1.3-.8h1.5c-.5,1.4-1.5,2-2.9,2s-3.1-1.3-3.1-3.2,1.3-3.2,3.1-3.2,3.1,1.7,3,3.6h-4.5ZM120.5,29.4c-.2-.8-.5-1.3-1.3-1.3s-1.4.8-1.4,1.3h2.8ZM123.2,27.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM128,27.1h1.6v.8c.4-.7,1.2-1,1.9-1,1.8,0,2.3,1,2.3,2.5v3.7h-1.7v-3.4c0-1-.3-1.5-1.1-1.5s-1.3.5-1.3,1.7v3.2h-1.7v-6h0ZM140.8,33.1h-1.6v-.8c-.4.7-1.2,1-1.9,1-1.8,0-2.3-1-2.3-2.5v-3.7h1.7v3.4c0,1,.3,1.5,1.1,1.5s1.3-.5,1.3-1.7v-3.2h1.7v6h0ZM142,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2.1.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM145.9,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0Z" />
</g>
</g>
</svg>
<!-- Símbolo (visible en mobile, boxed) -->
<svg class="gn-header__symbol" xmlns="http://www.w3.org/2000/svg" width="21" height="35" viewBox="0 0 21 35"
fill="none" aria-hidden="true" focusable="false">
<g clip-path="url(#hdr-bx-5-gn-boxed-v5-logo-clip)">
<path d="M11.3002 22.322L10.4555 23.1667L9.61079 22.322L10.4555 21.4773L11.3002 22.322Z"
fill="currentColor" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M18.6982 11.2757C19.9112 11.2757 20.8963 12.2601 20.8963 13.4729C20.8963 14.4589 20.2454 15.2938 19.3515 15.5714V20.2088C20.2454 20.4865 20.8962 21.3206 20.8963 22.3064C20.8963 23.2929 20.2454 24.1273 19.3515 24.4049V29.0814C20.2454 29.3596 20.8961 30.194 20.8963 31.1799C20.8963 32.3927 19.9112 33.378 18.6982 33.378C17.8056 33.3779 17.0378 32.8455 16.6934 32.0812L12.6516 32.8673C12.6172 34.0498 11.6474 35 10.4555 35C9.26455 34.9999 8.2946 34.0519 8.26028 32.8693L4.20191 32.0793C3.8575 32.8453 3.08984 33.378 2.19714 33.378C0.984393 33.3779 0 32.3927 0 31.1799C0.000167875 30.1918 0.651518 29.3569 1.54874 29.0794V24.4068C0.651402 24.1291 0 23.2947 0 22.3064C6.3701e-05 21.3188 0.651446 20.4843 1.54874 20.2069V15.5733C0.651417 15.2958 2.06593e-05 14.4612 0 13.4729C0 12.2601 0.984393 11.2758 2.19714 11.2757C3.20169 11.2757 4.05057 11.9501 4.31226 12.8733H8.34328C8.60281 11.9501 9.45166 11.2758 10.4555 11.2757C11.4602 11.2757 12.3089 11.9501 12.5706 12.8733H16.585C16.8448 11.9502 17.6944 11.2759 18.6982 11.2757ZM10.4525 31.8215C9.88818 31.8216 9.4303 32.278 9.43014 32.8419C9.43014 33.4078 9.88808 33.8642 10.4525 33.8643C11.0164 33.8643 11.4749 33.4079 11.4749 32.8419C11.4748 32.2779 11.0163 31.8215 10.4525 31.8215ZM2.17371 30.1721C1.61 30.1724 1.15228 30.6306 1.15228 31.1945C1.15235 31.7589 1.61004 32.2167 2.17371 32.217C2.73819 32.217 3.19604 31.759 3.19611 31.1945C3.19611 30.6304 2.73824 30.1721 2.17371 30.1721ZM18.7304 30.1721C18.1665 30.1723 17.709 30.6306 17.709 31.1945C17.709 31.7604 18.1665 32.2168 18.7304 32.217C19.2949 32.217 19.7527 31.7605 19.7528 31.1945C19.7528 30.6304 19.2949 30.1721 18.7304 30.1721ZM4.04079 29.9827C4.21173 30.2461 4.32841 30.5492 4.37378 30.8752L8.56105 31.6887C8.84235 31.2111 9.29889 30.8504 9.84125 30.6936V24.4869C9.6682 24.4399 9.50224 24.3745 9.34713 24.2897L4.04079 29.9827ZM11.4749 24.3111C11.3438 24.3797 11.2048 24.4337 11.059 24.4752V30.6897C11.6047 30.8447 12.0662 31.2072 12.3489 31.6867L16.5225 30.8752C16.5637 30.5726 16.6669 30.291 16.8184 30.0403L11.4749 24.3111ZM12.6341 22.9235C12.5729 23.1268 12.4846 23.3162 12.3743 23.4909L17.7129 29.2171C17.8461 29.1486 17.9862 29.0937 18.1338 29.054V24.4322C17.3931 24.2338 16.8035 23.6587 16.5889 22.9235H12.6341ZM4.3064 22.9235C4.09215 23.6572 3.50615 24.2319 2.76547 24.4303V29.056C2.88998 29.0904 3.00759 29.1341 3.12092 29.1868L8.46437 23.4547C8.36316 23.2906 8.28345 23.1127 8.2261 22.9235H4.3064ZM10.4525 21.2381C9.85896 21.2382 9.38034 21.7176 9.38034 22.3103C9.38044 22.9034 9.85903 23.3824 10.4525 23.3825C11.0452 23.3825 11.5256 22.9034 11.5257 22.3103C11.5257 21.7175 11.0453 21.2381 10.4525 21.2381ZM2.17371 21.2879C1.61 21.2881 1.15228 21.7465 1.15228 22.3103C1.15238 22.8746 1.61007 23.3325 2.17371 23.3327C2.73817 23.3327 3.19601 22.8747 3.19611 22.3103C3.19611 21.7464 2.73824 21.2879 2.17371 21.2879ZM18.7304 21.2879C18.1665 21.2881 17.709 21.7465 17.709 22.3103C17.7091 22.8746 18.1665 23.3325 18.7304 23.3327C19.2949 23.3327 19.7527 22.8747 19.7528 22.3103C19.7528 21.7464 19.2949 21.2879 18.7304 21.2879ZM3.19123 15.4327C3.05764 15.5007 2.91467 15.5567 2.76547 15.5968V20.1825C3.51149 20.383 4.10122 20.9639 4.31226 21.7068H8.19876C8.25445 21.4834 8.3412 21.2741 8.45656 21.0809L3.19123 15.4327ZM12.3763 21.0389C12.5041 21.2425 12.6013 21.4669 12.6604 21.7068H16.585C16.7941 20.964 17.3879 20.3799 18.1338 20.1815V15.5987C17.9593 15.5519 17.7918 15.4827 17.6367 15.3986L12.3763 21.0389ZM4.3064 14.09C4.25261 14.2718 4.1771 14.4449 4.0818 14.6037L9.33835 20.2391C9.49491 20.1549 9.66464 20.0858 9.84125 20.0389V15.5821C9.12385 15.3747 8.55619 14.8091 8.34719 14.09H4.3064ZM12.5647 14.09C12.3543 14.8125 11.7829 15.3826 11.059 15.588V20.0497C11.2048 20.0914 11.3454 20.1469 11.4789 20.2157L16.7745 14.5363C16.6972 14.3963 16.6338 14.2464 16.5889 14.09H12.5647ZM2.17371 12.4544C1.61 12.4546 1.15228 12.9131 1.15228 13.4768C1.15237 14.0411 1.61006 14.499 2.17371 14.4992C2.73818 14.4992 3.19602 14.0413 3.19611 13.4768C3.19611 12.9129 2.73824 12.4544 2.17371 12.4544ZM10.4525 12.4544C9.88808 12.4545 9.43014 12.913 9.43014 13.4768C9.43023 14.0412 9.88814 14.4991 10.4525 14.4992C11.0164 14.4992 11.4749 14.0413 11.4749 13.4768C11.4749 12.9129 11.0164 12.4544 10.4525 12.4544ZM18.7304 12.4544C18.1665 12.4546 17.709 12.913 17.709 13.4768C17.7091 14.0412 18.1665 14.499 18.7304 14.4992C19.2949 14.4992 19.7527 14.0413 19.7528 13.4768C19.7528 12.9129 19.2949 12.4544 18.7304 12.4544Z"
fill="currentColor" />
<path
d="M10.266 8.61866C12.3753 8.61867 14.402 8.92053 16.3194 9.48189H16.3331L15.8956 10.9613C14.1011 10.4404 12.2248 10.1664 10.266 10.1664C8.35317 10.1664 6.50795 10.4388 4.74485 10.9301L4.32202 9.45455C6.19819 8.90694 8.19781 8.61866 10.266 8.61866Z"
fill="currentColor" />
<path d="M4.74681 10.934H4.73216C4.73627 10.9328 4.74073 10.9312 4.74485 10.9301L4.74681 10.934Z"
fill="currentColor" />
<path
d="M5.67839 2.48326C6.41711 2.4833 7.10173 2.67431 7.69098 3.0301C7.26621 3.3589 6.90998 3.7702 6.65002 4.22242H6.63635C6.34907 4.09907 6.0205 4.01642 5.67839 4.01638C4.37669 4.01638 3.30841 5.08531 3.30841 6.38636C3.3086 7.61929 4.26766 8.63193 5.47235 8.7417H5.48602C4.69215 8.90631 3.92501 9.12554 3.18537 9.3862H3.1717C2.32235 8.6742 1.77443 7.59191 1.77432 6.38636C1.77432 4.22278 3.52789 2.48326 5.67839 2.48326Z"
fill="currentColor" />
<path
d="M14.9914 2.48326C17.1552 2.48344 18.9081 4.22289 18.9081 6.38636C18.908 7.59191 18.3602 8.6742 17.4971 9.3862C16.7438 9.12557 15.9767 8.90629 15.1964 8.7417C16.4153 8.63193 17.3611 7.61929 17.3613 6.38636C17.3613 5.08542 16.306 4.01656 14.9914 4.01638C14.6489 4.01638 14.3338 4.099 14.0324 4.22242C13.7585 3.77017 13.4023 3.35891 12.9915 3.0301C13.58 2.67414 14.2659 2.48326 14.9914 2.48326Z"
fill="currentColor" />
<path
d="M9.18406 4.31812C8.44504 4.71548 7.9517 5.49645 7.9517 6.38636C7.9518 7.15336 8.32122 7.82474 8.88232 8.26321C8.25266 8.30438 7.6226 8.35926 7.00644 8.45461C6.63652 7.85219 6.41767 7.13965 6.41761 6.38636C6.41761 4.61955 7.58165 3.14052 9.18406 2.64731V4.31812Z"
fill="currentColor" />
<path
d="M11.4984 2.64731C13.1011 3.1406 14.2658 4.61966 14.2658 6.38636C14.2657 7.13965 14.0457 7.85219 13.6623 8.45461C13.0462 8.35928 12.4299 8.30437 11.8001 8.26321C12.3617 7.82474 12.717 7.15336 12.7171 6.38636C12.7171 5.49656 12.2248 4.71553 11.4984 4.31812V2.64731Z"
fill="currentColor" />
<path
d="M10.3207 2.48326C10.5946 2.48327 10.8689 2.50997 11.1293 2.56529L11.1429 8.2222C10.8549 8.2222 10.5541 8.20755 10.266 8.20755C10.0195 8.20755 9.78662 8.2222 9.53951 8.2222V2.55064C9.78662 2.50947 10.047 2.48326 10.3207 2.48326Z"
fill="currentColor" />
<path d="M10.2016 2.11121C9.71896 2.05151 9.3368 1.66744 9.27878 1.18353H10.2016V2.11121Z"
fill="currentColor" />
<path d="M11.39 1.1845C11.3313 1.66923 10.9467 2.05383 10.4613 2.11121V1.18353H11.388L11.39 1.1845Z"
fill="currentColor" />
<path d="M10.2016 0.915965H9.28073C9.34346 0.438429 9.72318 0.0604591 10.2016 0.000976508V0.915965Z"
fill="currentColor" />
<path d="M10.4613 0C10.9425 0.0575917 11.3257 0.436268 11.389 0.915965H10.4613V0Z"
fill="currentColor" />
</g>
<defs>
<clipPath id="hdr-bx-5-gn-boxed-v5-logo-clip">
<rect width="20.8963" height="35" fill="white" />
</clipPath>
</defs>
</svg>
<span class="gn-header__separator" aria-hidden="true"></span>
<div class="gn-header__title-group">
<p class="gn-header__title">Herramienta</p>
</div>
</div>
<!-- Desktop actions: idioma (nombre completo) -->
<div class="gn-header__desktop-actions">
<div class="gn-header__language-wrap">
<div class="gn-dropdown-menu gn-dropdown-menu--sm gn-dropdown-menu--selector gn-header__language">
<button type="button" class="gn-dropdown-menu__trigger gn-dropdown-menu__trigger--ghost"
aria-haspopup="listbox" aria-expanded="false" aria-controls="hdr-bx-5-hdr-lang-v5"
id="hdr-bx-5-hdr-lang-v5-trigger">
<span class="gn-dropdown-menu__trigger-label">
<span class="gn-dropdown-menu__trigger-text">Castellano</span>
<svg class="gn-dropdown-menu__trigger-icon" aria-hidden="true" focusable="false"
viewBox="0 0 24 24">
<path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" fill="currentColor" />
</svg>
</span>
</button>
<ul class="gn-dropdown-menu__panel" id="hdr-bx-5-hdr-lang-v5" role="listbox"
aria-labelledby="hdr-bx-5-hdr-lang-v5-trigger">
<li class="gn-dropdown-menu__option" role="option" aria-selected="true" tabindex="0"
data-trigger-label="Castellano">Castellano</li>
<li class="gn-dropdown-menu__option" role="option" aria-selected="false" tabindex="-1"
data-trigger-label="Euskera">Euskera</li>
</ul>
</div>
</div>
</div>
<!-- Mobile actions -->
<div class="gn-header__mobile-actions">
<span class="gn-header__mobile-separator" aria-hidden="true"></span>
<button type="button" class="gn-header__mobile-action gn-header__mobile-menu" aria-label="Abrir menú"
aria-expanded="false" aria-controls="hdr-bx-5-gn-header-mobile-menu-panel-v5"
data-gn-header-mobile-toggle>
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="32" height="32"
viewBox="0 0 32 32" fill="none">
<path d="M28 25.3333H4V22.6667H28V25.3333Z" fill="currentColor" />
<path d="M28 17.3333H4V14.6667H28V17.3333Z" fill="currentColor" />
<path d="M28 9.33332H4V6.66666H28V9.33332Z" fill="currentColor" />
</svg>
</button>
</div>
</div>
</div>
<div id="hdr-bx-5-gn-header-mobile-menu-panel-v5" class="gn-header__mobile-panel" data-gn-header-mobile-panel
hidden>
<nav class="gn-side-navigation" aria-label="Menú mobile principal" data-gn-side-navigation-init="true">
<ul class="gn-side-navigation__list">
<li class="gn-side-navigation__item gn-side-navigation__item--level-1">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Inicio</span>
</a>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-1">
<button type="button" class="gn-side-navigation__link" aria-expanded="false"
aria-controls="hdr-bx-5-header-mobile-v5-sub-1">
<span class="gn-side-navigation__content">Trámites</span>
<svg class="gn-side-navigation__icon" aria-hidden="true" viewBox="0 0 24 24" focusable="false">
<path d="M12 15.35L6 9.34998L7.4 7.94998L12 12.55L16.6 7.94998L18 9.34998L12 15.35Z"
fill="currentColor"></path>
</svg>
</button>
<ul class="gn-side-navigation__list" id="hdr-bx-5-header-mobile-v5-sub-1" hidden>
<li class="gn-side-navigation__item gn-side-navigation__item--level-2">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Solicitud general</span>
</a>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-2">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Ayudas y subvenciones</span>
</a>
</li>
</ul>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-1">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Mi perfil</span>
</a>
</li>
</ul>
</nav>
</div>
</header>Mostrar JS
document.addEventListener('DOMContentLoaded', () => {
// initAll() inicializa todos los componentes y patrones, incluido el header.
// Si solo necesitas el header: window.GNDS.initHeader();
window.GNDS.initAll();
});Variante 6 · Boxed, sin identificación, sin navmenu, con botón Acceder
Saltar al contenido principal
Herramienta
Mostrar HTML
<a class="gn-skip-link" href="#main-content">Saltar al contenido principal</a>
<!-- HEADER — boxed, sin identificación, sin navmenu, con botón Acceder -->
<header class="gn-header gn-header--boxed" aria-label="Cabecera principal">
<!-- Fila principal del header: marca + acciones -->
<div class="gn-header__inner">
<div class="gn-header__main">
<!-- Brand -->
<div class="gn-header__brand">
<!-- Logotipo completo (visible en desktop, boxed) -->
<svg class="gn-header__logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 148 35.3" aria-hidden="true"
focusable="false">
<g>
<g>
<path class="gn-header__logo-fill-primary"
d="M20.9,31.2c0,1.3-1,2.4-2.3,2.6l-8.1,1.5-8.1-1.5C1,33.6,0,32.6,0,31.2V12.1h20.9v19.1ZM18.1,12.8c-1.1,0-1.8.6-2,1.4h-3.7c-.2-.8-1-1.4-1.9-1.4-.9,0-1.7.6-1.9,1.4h-3.7c-.2-.8-1-1.4-1.9-1.4-.9,0-2,.9-2,2,0,1.1.6,1.6,1.4,1.9v4.2c-.8.3-1.4,1-1.4,1.9,0,.9.6,1.6,1.4,1.9v4.2c-.8.3-1.4,1-1.4,1.9,0,.9.9,2,2,2s1.5-.5,1.8-1.2l3.7.7c0,1.1.9,1.9,2,1.9,1.1,0,2-.8,2-1.9l3.7-.7c.3.7,1,1.2,2,1.2,1,0,1.9-.9,1.9-2,0-1.1-.6-1.6-1.4-1.9v-4.2c.8-.3,1.5-1,1.5-1.9h0c0-.9-.6-1.7-1.4-1.9v-4.2c.8-.3,1.4-1,1.4-1.9s-.8-2-2-2ZM10.4,31.4c.5,0,.9.4.9.9,0,.5-.4.9-.9.9s-.9-.4-.9-.9c0-.5.4-.9.9-.9ZM2.8,29.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9s-.9-.4-.9-.9c0-.5.4-.9.9-.9ZM18.1,29.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM9.4,24.6c.2,0,.3.2.4.2v5.6c-.5.2-.9.5-1.2.9l-3.8-.7c0-.3-.2-.6-.3-.8l4.9-5.1ZM16.3,29.7c-.2.2-.2.5-.3.7l-3.8.7c-.3-.4-.7-.7-1.2-.9v-5.6c.1,0,.3-.1.4-.2l4.9,5.2ZM16.1,23.3c.2.7.8,1.2,1.4,1.4v4.2c-.2,0-.3.1-.4.2l-4.9-5.2c.1-.2.2-.3.2-.5h3.7ZM8.4,23.3c0,.2.1.3.2.5l-4.9,5.2c-.1,0-.2-.1-.3-.1v-4.2c.7-.2,1.2-.7,1.4-1.4h3.6ZM10.5,21.8c.5,0,1,.4,1,.9,0,.5-.4.9-1,.9s-1-.4-1-.9c0-.5.4-.9,1-.9ZM18.1,21.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM2.8,21.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9s-.9-.4-.9-.9c0-.5.4-.9.9-.9ZM8.6,21.7h0c-.1.2-.2.4-.2.6h-3.6c-.2-.7-.8-1.2-1.4-1.4v-4.1c.2,0,.3-.1.4-.2l4.9,5ZM17,16.6c.2,0,.3.2.4.2v4.1c-.7.2-1.2.7-1.4,1.4h-3.6c0-.2-.2-.4-.3-.6l4.9-5ZM16.1,15.4c0,.2.1.3.2.4l-4.9,5.1c-.1,0-.3-.1-.4-.2v-4c.6-.2,1.2-.7,1.4-1.4h3.7ZM4.8,15.4h3.7c.2.6.7,1.2,1.4,1.3v4c-.2,0-.3.1-.5.2l-4.9-5c.1-.2.2-.3.2-.5h0ZM2.8,14c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM10.4,13.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM18.1,13.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM10.5,9.1c2.3,0,4.6.3,6.7.9l-.5,1.6h0c-2-.6-4-.9-6.2-.9s-4.2.3-6.1.8l-.4-1.6c2.1-.6,4.3-.9,6.6-.9ZM5.3,2.5c2.4,0,1.6.2,2.3.6-.5.4-.9.8-1.1,1.3-.3-.2-.7-.3-1.1-.3-1.5,0-2.6,1.2-2.6,2.6,0,1.4,1,2.4,2.4,2.5-.9.2-1.7.4-2.5.7-1-.8-1.6-1.9-1.6-3.2,0-2.3,1.9-4.2,4.3-4.2ZM15.7,2.5c2.4,0,4.3,1.9,4.3,4.2,0,1.3-.6,2.4-1.6,3.2-.8-.3-1.7-.5-2.5-.7,1.3-.1,2.4-1.1,2.4-2.5,0-1.4-1.2-2.6-2.6-2.6-.4,0-.7,0-1,.2-.3-.5-.7-.9-1.2-1.2.6-.4-.1-.6,2.3-.6ZM9.3,4.4c-.9.4-1.4,1.3-1.4,2.3,0,1,.4,1.6,1,2h0c-.7,0-1.4.1-2,.2-.4-.6-.6-1.4-.6-2.2,0-1.9,1.3-3.5,3.1-4v1.8ZM11.6,2.6c1.8.5,3.1,2.2,3.1,4s-.2,1.6-.6,2.2c-.6-.1-1.3-.2-2-.2h0c.6-.4,1-1,1-2,0-1-.5-1.8-1.4-2.3v-1.8ZM10.5,2.5c.3,0,.6,0,.9.1v6.1h-1.7V2.6c.3-.1.6-.1.9-.1ZM14.7,4.4h-.1s0,0,0,0c0,0,0,0,0,0ZM10.4,2.2c-.5,0-.9-.5-1-.9h1v.9ZM11.6,1.3c0,.5-.5.9-1,.9v-.9h1ZM10.4.9h-1c0-.5.5-.9,1-.9v.9ZM10.6,0c.5,0,.9.5,1,.9h-1v-.9Z" />
<path class="gn-header__logo-fill-dark"
d="M32.4,19.1c-.6.8-1.5,1.2-2.3,1.2-2.6,0-4.2-1.9-4.2-4.3s1.6-4.4,4.2-4.4,3.3,1.1,3.6,2.9h-1.8c-.2-.9-.9-1.4-1.8-1.4-1.7,0-2.3,1.4-2.3,2.8s.6,2.8,2.3,2.8,1.9-.6,2-1.8h-1.9v-1.4h3.6v4.5h-1.2l-.2-.9h0ZM38.1,13.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM38.1,19c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM42.3,11.8h1.7v3c.4-.6,1.2-.9,1.9-.9,1.2,0,2.5.9,2.5,3.2s-1.3,3.2-2.5,3.2-1.7-.3-2-.9v.8h-1.6v-8.3ZM45.4,15.2c-1,0-1.5.9-1.5,1.9s.4,1.9,1.5,1.9,1.5-.9,1.5-1.9-.4-1.9-1.5-1.9ZM51.3,13.2h-1.7v-1.4h1.7v1.4ZM49.6,14.1h1.7v6h-1.7v-6ZM54,17.5c0,1.1.6,1.5,1.5,1.5s1.2-.4,1.3-.8h1.5c-.5,1.4-1.5,2-2.9,2s-3.1-1.3-3.1-3.2,1.3-3.2,3.1-3.2,3.1,1.7,3,3.6h-4.5ZM56.8,16.4c-.2-.8-.5-1.3-1.3-1.3s-1.4.8-1.4,1.3h2.8ZM59.5,14.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM64.3,14.1h1.6v.8c.4-.7,1.2-1,1.9-1,1.8,0,2.3,1,2.3,2.5v3.7h-1.7v-3.4c0-1-.3-1.5-1.1-1.5s-1.3.5-1.3,1.7v3.2h-1.7v-6h0ZM74.3,13.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM74.3,19c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM86.2,19.3c-.4.6-1.1.9-1.9.9-1.8,0-2.8-1.5-2.8-3.2s.9-3.1,2.7-3.1,1.5.3,1.8.9v-3h1.7v8.3h-1.6v-.8h0ZM84.8,15.2c-1.1,0-1.5.9-1.5,1.9s.4,1.9,1.5,1.9,1.5-.9,1.5-1.9-.4-1.9-1.5-1.9ZM90.5,17.5c0,1.1.6,1.5,1.5,1.5s1.2-.4,1.3-.8h1.5c-.5,1.4-1.5,2-2.9,2s-3.1-1.3-3.1-3.2,1.3-3.2,3.1-3.2,3.1,1.7,3,3.6h-4.5ZM93.2,16.4c-.2-.8-.5-1.3-1.3-1.3s-1.4.8-1.4,1.3h2.8ZM99.4,11.8h1.8l3.6,5.5v-5.5h1.7v8.3h-1.9l-3.5-5.5v5.5h-1.7v-8.3ZM108,15.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM111.8,17.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM118.2,20.1h-1.9l-2.1-6h1.8l1.3,4.1,1.3-4.1h1.7l-2.1,6h0ZM120.9,15.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM124.8,17.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM127.8,14.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM132.4,14.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM137,15.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM140.9,17.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM26.2,24.8h1.8l3.6,5.5v-5.5h1.7v8.3h-1.9l-3.5-5.5v5.5h-1.7v-8.3ZM34.8,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM38.7,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM42.1,28.2h-1v-1.1h1v-.5c0-1.1.7-1.8,2-1.8h.9v1.2h-.6c-.4,0-.6.2-.6.7v.4h1.2v1.1h-1.2v4.9h-1.7v-4.9h0ZM45.6,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM49.4,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM52.5,27.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM57,27.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM64.4,26.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM64.4,32c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM68.6,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM72.5,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM75.7,24.8h1.7v4.4l2.1-2.2h2l-2.3,2.2,2.6,3.8h-2l-1.7-2.7-.6.6v2h-1.7v-8.3ZM85.3,26.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM85.3,32c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM99.2,32.1c-.6.8-1.5,1.2-2.3,1.2-2.6,0-4.2-1.9-4.2-4.3s1.6-4.4,4.2-4.4,3.3,1.1,3.6,2.9h-1.8c-.2-.9-.9-1.4-1.8-1.4-1.7,0-2.3,1.4-2.3,2.8s.6,2.8,2.3,2.8,1.9-.6,2-1.8h-1.9v-1.4h3.6v4.5h-1.2l-.2-.9h0ZM104.9,26.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM104.9,32c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM109.1,24.8h1.7v3c.4-.6,1.2-.9,1.9-.9,1.2,0,2.5.9,2.5,3.2s-1.3,3.2-2.5,3.2-1.7-.3-2-.9v.8h-1.6v-8.3ZM112.2,28.2c-1,0-1.5.9-1.5,1.9s.4,1.9,1.5,1.9,1.5-.9,1.5-1.9-.4-1.9-1.5-1.9ZM117.8,30.5c0,1.1.6,1.5,1.5,1.5s1.2-.4,1.3-.8h1.5c-.5,1.4-1.5,2-2.9,2s-3.1-1.3-3.1-3.2,1.3-3.2,3.1-3.2,3.1,1.7,3,3.6h-4.5ZM120.5,29.4c-.2-.8-.5-1.3-1.3-1.3s-1.4.8-1.4,1.3h2.8ZM123.2,27.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM128,27.1h1.6v.8c.4-.7,1.2-1,1.9-1,1.8,0,2.3,1,2.3,2.5v3.7h-1.7v-3.4c0-1-.3-1.5-1.1-1.5s-1.3.5-1.3,1.7v3.2h-1.7v-6h0ZM140.8,33.1h-1.6v-.8c-.4.7-1.2,1-1.9,1-1.8,0-2.3-1-2.3-2.5v-3.7h1.7v3.4c0,1,.3,1.5,1.1,1.5s1.3-.5,1.3-1.7v-3.2h1.7v6h0ZM142,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2.1.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM145.9,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0Z" />
</g>
</g>
</svg>
<!-- Símbolo (visible en mobile, boxed) -->
<svg class="gn-header__symbol" xmlns="http://www.w3.org/2000/svg" width="21" height="35" viewBox="0 0 21 35"
fill="none" aria-hidden="true" focusable="false">
<g clip-path="url(#hdr-bx-6-gn-boxed-v6-logo-clip)">
<path d="M11.3002 22.322L10.4555 23.1667L9.61079 22.322L10.4555 21.4773L11.3002 22.322Z"
fill="currentColor" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M18.6982 11.2757C19.9112 11.2757 20.8963 12.2601 20.8963 13.4729C20.8963 14.4589 20.2454 15.2938 19.3515 15.5714V20.2088C20.2454 20.4865 20.8962 21.3206 20.8963 22.3064C20.8963 23.2929 20.2454 24.1273 19.3515 24.4049V29.0814C20.2454 29.3596 20.8961 30.194 20.8963 31.1799C20.8963 32.3927 19.9112 33.378 18.6982 33.378C17.8056 33.3779 17.0378 32.8455 16.6934 32.0812L12.6516 32.8673C12.6172 34.0498 11.6474 35 10.4555 35C9.26455 34.9999 8.2946 34.0519 8.26028 32.8693L4.20191 32.0793C3.8575 32.8453 3.08984 33.378 2.19714 33.378C0.984393 33.3779 0 32.3927 0 31.1799C0.000167875 30.1918 0.651518 29.3569 1.54874 29.0794V24.4068C0.651402 24.1291 0 23.2947 0 22.3064C6.3701e-05 21.3188 0.651446 20.4843 1.54874 20.2069V15.5733C0.651417 15.2958 2.06593e-05 14.4612 0 13.4729C0 12.2601 0.984393 11.2758 2.19714 11.2757C3.20169 11.2757 4.05057 11.9501 4.31226 12.8733H8.34328C8.60281 11.9501 9.45166 11.2758 10.4555 11.2757C11.4602 11.2757 12.3089 11.9501 12.5706 12.8733H16.585C16.8448 11.9502 17.6944 11.2759 18.6982 11.2757ZM10.4525 31.8215C9.88818 31.8216 9.4303 32.278 9.43014 32.8419C9.43014 33.4078 9.88808 33.8642 10.4525 33.8643C11.0164 33.8643 11.4749 33.4079 11.4749 32.8419C11.4748 32.2779 11.0163 31.8215 10.4525 31.8215ZM2.17371 30.1721C1.61 30.1724 1.15228 30.6306 1.15228 31.1945C1.15235 31.7589 1.61004 32.2167 2.17371 32.217C2.73819 32.217 3.19604 31.759 3.19611 31.1945C3.19611 30.6304 2.73824 30.1721 2.17371 30.1721ZM18.7304 30.1721C18.1665 30.1723 17.709 30.6306 17.709 31.1945C17.709 31.7604 18.1665 32.2168 18.7304 32.217C19.2949 32.217 19.7527 31.7605 19.7528 31.1945C19.7528 30.6304 19.2949 30.1721 18.7304 30.1721ZM4.04079 29.9827C4.21173 30.2461 4.32841 30.5492 4.37378 30.8752L8.56105 31.6887C8.84235 31.2111 9.29889 30.8504 9.84125 30.6936V24.4869C9.6682 24.4399 9.50224 24.3745 9.34713 24.2897L4.04079 29.9827ZM11.4749 24.3111C11.3438 24.3797 11.2048 24.4337 11.059 24.4752V30.6897C11.6047 30.8447 12.0662 31.2072 12.3489 31.6867L16.5225 30.8752C16.5637 30.5726 16.6669 30.291 16.8184 30.0403L11.4749 24.3111ZM12.6341 22.9235C12.5729 23.1268 12.4846 23.3162 12.3743 23.4909L17.7129 29.2171C17.8461 29.1486 17.9862 29.0937 18.1338 29.054V24.4322C17.3931 24.2338 16.8035 23.6587 16.5889 22.9235H12.6341ZM4.3064 22.9235C4.09215 23.6572 3.50615 24.2319 2.76547 24.4303V29.056C2.88998 29.0904 3.00759 29.1341 3.12092 29.1868L8.46437 23.4547C8.36316 23.2906 8.28345 23.1127 8.2261 22.9235H4.3064ZM10.4525 21.2381C9.85896 21.2382 9.38034 21.7176 9.38034 22.3103C9.38044 22.9034 9.85903 23.3824 10.4525 23.3825C11.0452 23.3825 11.5256 22.9034 11.5257 22.3103C11.5257 21.7175 11.0453 21.2381 10.4525 21.2381ZM2.17371 21.2879C1.61 21.2881 1.15228 21.7465 1.15228 22.3103C1.15238 22.8746 1.61007 23.3325 2.17371 23.3327C2.73817 23.3327 3.19601 22.8747 3.19611 22.3103C3.19611 21.7464 2.73824 21.2879 2.17371 21.2879ZM18.7304 21.2879C18.1665 21.2881 17.709 21.7465 17.709 22.3103C17.7091 22.8746 18.1665 23.3325 18.7304 23.3327C19.2949 23.3327 19.7527 22.8747 19.7528 22.3103C19.7528 21.7464 19.2949 21.2879 18.7304 21.2879ZM3.19123 15.4327C3.05764 15.5007 2.91467 15.5567 2.76547 15.5968V20.1825C3.51149 20.383 4.10122 20.9639 4.31226 21.7068H8.19876C8.25445 21.4834 8.3412 21.2741 8.45656 21.0809L3.19123 15.4327ZM12.3763 21.0389C12.5041 21.2425 12.6013 21.4669 12.6604 21.7068H16.585C16.7941 20.964 17.3879 20.3799 18.1338 20.1815V15.5987C17.9593 15.5519 17.7918 15.4827 17.6367 15.3986L12.3763 21.0389ZM4.3064 14.09C4.25261 14.2718 4.1771 14.4449 4.0818 14.6037L9.33835 20.2391C9.49491 20.1549 9.66464 20.0858 9.84125 20.0389V15.5821C9.12385 15.3747 8.55619 14.8091 8.34719 14.09H4.3064ZM12.5647 14.09C12.3543 14.8125 11.7829 15.3826 11.059 15.588V20.0497C11.2048 20.0914 11.3454 20.1469 11.4789 20.2157L16.7745 14.5363C16.6972 14.3963 16.6338 14.2464 16.5889 14.09H12.5647ZM2.17371 12.4544C1.61 12.4546 1.15228 12.9131 1.15228 13.4768C1.15237 14.0411 1.61006 14.499 2.17371 14.4992C2.73818 14.4992 3.19602 14.0413 3.19611 13.4768C3.19611 12.9129 2.73824 12.4544 2.17371 12.4544ZM10.4525 12.4544C9.88808 12.4545 9.43014 12.913 9.43014 13.4768C9.43023 14.0412 9.88814 14.4991 10.4525 14.4992C11.0164 14.4992 11.4749 14.0413 11.4749 13.4768C11.4749 12.9129 11.0164 12.4544 10.4525 12.4544ZM18.7304 12.4544C18.1665 12.4546 17.709 12.913 17.709 13.4768C17.7091 14.0412 18.1665 14.499 18.7304 14.4992C19.2949 14.4992 19.7527 14.0413 19.7528 13.4768C19.7528 12.9129 19.2949 12.4544 18.7304 12.4544Z"
fill="currentColor" />
<path
d="M10.266 8.61866C12.3753 8.61867 14.402 8.92053 16.3194 9.48189H16.3331L15.8956 10.9613C14.1011 10.4404 12.2248 10.1664 10.266 10.1664C8.35317 10.1664 6.50795 10.4388 4.74485 10.9301L4.32202 9.45455C6.19819 8.90694 8.19781 8.61866 10.266 8.61866Z"
fill="currentColor" />
<path d="M4.74681 10.934H4.73216C4.73627 10.9328 4.74073 10.9312 4.74485 10.9301L4.74681 10.934Z"
fill="currentColor" />
<path
d="M5.67839 2.48326C6.41711 2.4833 7.10173 2.67431 7.69098 3.0301C7.26621 3.3589 6.90998 3.7702 6.65002 4.22242H6.63635C6.34907 4.09907 6.0205 4.01642 5.67839 4.01638C4.37669 4.01638 3.30841 5.08531 3.30841 6.38636C3.3086 7.61929 4.26766 8.63193 5.47235 8.7417H5.48602C4.69215 8.90631 3.92501 9.12554 3.18537 9.3862H3.1717C2.32235 8.6742 1.77443 7.59191 1.77432 6.38636C1.77432 4.22278 3.52789 2.48326 5.67839 2.48326Z"
fill="currentColor" />
<path
d="M14.9914 2.48326C17.1552 2.48344 18.9081 4.22289 18.9081 6.38636C18.908 7.59191 18.3602 8.6742 17.4971 9.3862C16.7438 9.12557 15.9767 8.90629 15.1964 8.7417C16.4153 8.63193 17.3611 7.61929 17.3613 6.38636C17.3613 5.08542 16.306 4.01656 14.9914 4.01638C14.6489 4.01638 14.3338 4.099 14.0324 4.22242C13.7585 3.77017 13.4023 3.35891 12.9915 3.0301C13.58 2.67414 14.2659 2.48326 14.9914 2.48326Z"
fill="currentColor" />
<path
d="M9.18406 4.31812C8.44504 4.71548 7.9517 5.49645 7.9517 6.38636C7.9518 7.15336 8.32122 7.82474 8.88232 8.26321C8.25266 8.30438 7.6226 8.35926 7.00644 8.45461C6.63652 7.85219 6.41767 7.13965 6.41761 6.38636C6.41761 4.61955 7.58165 3.14052 9.18406 2.64731V4.31812Z"
fill="currentColor" />
<path
d="M11.4984 2.64731C13.1011 3.1406 14.2658 4.61966 14.2658 6.38636C14.2657 7.13965 14.0457 7.85219 13.6623 8.45461C13.0462 8.35928 12.4299 8.30437 11.8001 8.26321C12.3617 7.82474 12.717 7.15336 12.7171 6.38636C12.7171 5.49656 12.2248 4.71553 11.4984 4.31812V2.64731Z"
fill="currentColor" />
<path
d="M10.3207 2.48326C10.5946 2.48327 10.8689 2.50997 11.1293 2.56529L11.1429 8.2222C10.8549 8.2222 10.5541 8.20755 10.266 8.20755C10.0195 8.20755 9.78662 8.2222 9.53951 8.2222V2.55064C9.78662 2.50947 10.047 2.48326 10.3207 2.48326Z"
fill="currentColor" />
<path d="M10.2016 2.11121C9.71896 2.05151 9.3368 1.66744 9.27878 1.18353H10.2016V2.11121Z"
fill="currentColor" />
<path d="M11.39 1.1845C11.3313 1.66923 10.9467 2.05383 10.4613 2.11121V1.18353H11.388L11.39 1.1845Z"
fill="currentColor" />
<path d="M10.2016 0.915965H9.28073C9.34346 0.438429 9.72318 0.0604591 10.2016 0.000976508V0.915965Z"
fill="currentColor" />
<path d="M10.4613 0C10.9425 0.0575917 11.3257 0.436268 11.389 0.915965H10.4613V0Z"
fill="currentColor" />
</g>
<defs>
<clipPath id="hdr-bx-6-gn-boxed-v6-logo-clip">
<rect width="20.8963" height="35" fill="white" />
</clipPath>
</defs>
</svg>
<span class="gn-header__separator" aria-hidden="true"></span>
<div class="gn-header__title-group">
<p class="gn-header__title">Herramienta</p>
</div>
</div>
<!-- Desktop actions: idioma (nombre completo) -->
<div class="gn-header__desktop-actions">
<div class="gn-header__language-wrap">
<div class="gn-dropdown-menu gn-dropdown-menu--sm gn-dropdown-menu--selector gn-header__language">
<button type="button" class="gn-dropdown-menu__trigger gn-dropdown-menu__trigger--ghost"
aria-haspopup="listbox" aria-expanded="false" aria-controls="hdr-bx-6-hdr-lang-v6"
id="hdr-bx-6-hdr-lang-v6-trigger">
<span class="gn-dropdown-menu__trigger-label">
<span class="gn-dropdown-menu__trigger-text">Castellano</span>
<svg class="gn-dropdown-menu__trigger-icon" aria-hidden="true" focusable="false"
viewBox="0 0 24 24">
<path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" fill="currentColor" />
</svg>
</span>
</button>
<ul class="gn-dropdown-menu__panel" id="hdr-bx-6-hdr-lang-v6" role="listbox"
aria-labelledby="hdr-bx-6-hdr-lang-v6-trigger">
<li class="gn-dropdown-menu__option" role="option" aria-selected="true" tabindex="0"
data-trigger-label="Castellano">Castellano</li>
<li class="gn-dropdown-menu__option" role="option" aria-selected="false" tabindex="-1"
data-trigger-label="Euskera">Euskera</li>
</ul>
</div>
</div>
<button type="button" class="gn-button gn-button--secondary gn-button--sm">Acceder</button>
</div>
<!-- Mobile actions -->
<div class="gn-header__mobile-actions">
<span class="gn-header__mobile-separator" aria-hidden="true"></span>
<button type="button" class="gn-header__mobile-action gn-header__mobile-menu" aria-label="Abrir menú"
aria-expanded="false" aria-controls="hdr-bx-6-gn-header-mobile-menu-panel-v6"
data-gn-header-mobile-toggle>
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="32" height="32"
viewBox="0 0 32 32" fill="none">
<path d="M28 25.3333H4V22.6667H28V25.3333Z" fill="currentColor" />
<path d="M28 17.3333H4V14.6667H28V17.3333Z" fill="currentColor" />
<path d="M28 9.33332H4V6.66666H28V9.33332Z" fill="currentColor" />
</svg>
</button>
</div>
</div>
</div>
<div id="hdr-bx-6-gn-header-mobile-menu-panel-v6" class="gn-header__mobile-panel" data-gn-header-mobile-panel
hidden>
<nav class="gn-side-navigation" aria-label="Menú mobile principal" data-gn-side-navigation-init="true">
<ul class="gn-side-navigation__list">
<li class="gn-side-navigation__item gn-side-navigation__item--level-1">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Inicio</span>
</a>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-1">
<button type="button" class="gn-side-navigation__link" aria-expanded="false"
aria-controls="hdr-bx-6-header-mobile-v6-sub-1">
<span class="gn-side-navigation__content">Trámites</span>
<svg class="gn-side-navigation__icon" aria-hidden="true" viewBox="0 0 24 24" focusable="false">
<path d="M12 15.35L6 9.34998L7.4 7.94998L12 12.55L16.6 7.94998L18 9.34998L12 15.35Z"
fill="currentColor"></path>
</svg>
</button>
<ul class="gn-side-navigation__list" id="hdr-bx-6-header-mobile-v6-sub-1" hidden>
<li class="gn-side-navigation__item gn-side-navigation__item--level-2">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Solicitud general</span>
</a>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-2">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Ayudas y subvenciones</span>
</a>
</li>
</ul>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-1">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Mi perfil</span>
</a>
</li>
</ul>
</nav>
</div>
</header>Mostrar JS
document.addEventListener('DOMContentLoaded', () => {
// initAll() inicializa todos los componentes y patrones, incluido el header.
// Si solo necesitas el header: window.GNDS.initHeader();
window.GNDS.initAll();
});Variante 7 · Boxed, identificación de usuario, sin navmenu
Saltar al contenido principal
Nombre Apellido y Apellido
00000000A
Última conexión 13 enero 2024
NAA
- 00000000A
Herramienta
Mostrar HTML
<a class="gn-skip-link" href="#main-content">Saltar al contenido principal</a>
<!-- HEADER — boxed, identificación de usuario, sin navmenu -->
<header class="gn-header gn-header--boxed" aria-label="Cabecera principal">
<!-- Barra de identificación de usuario (verde, desktop) -->
<div class="gn-header-identification gn-header-identification--desktop">
<div class="gn-header__inner gn-header-identification__inner">
<div class="gn-header-identification__item gn-header-identification__item--principal">
<svg class="gn-header-identification__icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
<path
d="M12 11.7375C10.9 11.7375 10 11.3875 9.3 10.6875C8.6 9.98751 8.25 9.08751 8.25 7.98751C8.25 6.88751 8.6 5.98751 9.3 5.28751C10 4.58749 10.9 4.23749 12 4.23749C13.1 4.23749 14 4.58749 14.7 5.28751C15.4 5.98751 15.75 6.88751 15.75 7.98751C15.75 9.08751 15.4 9.98751 14.7 10.6875C14 11.3875 13.1 11.7375 12 11.7375ZM4 19.7625V17.4125C4 16.7792 4.15833 16.2375 4.475 15.7875C4.79166 15.3375 5.2 14.9958 5.7 14.7625C6.81665 14.2625 7.8875 13.8875 8.9125 13.6375C9.9375 13.3875 10.9667 13.2625 12 13.2625C13.0333 13.2625 14.0583 13.3917 15.075 13.65C16.0917 13.9083 17.1583 14.2792 18.275 14.7625C18.7916 14.9958 19.2083 15.3375 19.525 15.7875C19.8417 16.2375 20 16.7792 20 17.4125V19.7625H4Z"
fill="currentColor" />
</svg>
<span class="gn-header-identification__name">Nombre Apellido y Apellido</span>
<span class="gn-header-identification__divider" aria-hidden="true"></span>
<span class="gn-header-identification__text">00000000A</span>
</div>
<div class="gn-header-identification__item gn-header-identification__item--actions">
<span class="gn-header-identification__last-connection">Última conexión 13 enero 2024</span>
<button type="button" class="gn-button gn-button--secondary gn-button--sm">Desconectar</button>
</div>
</div>
</div>
<!-- Barra de identificación de usuario (mobile) -->
<div class="gn-header-identification gn-header-identification--mobile-user">
<div class="gn-header__inner gn-header-identification__inner">
<div class="gn-header-identification__item gn-header-identification__item--principal">
<svg class="gn-header-identification__icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
<path
d="M12 11.7375C10.9 11.7375 10 11.3875 9.3 10.6875C8.6 9.98751 8.25 9.08751 8.25 7.98751C8.25 6.88751 8.6 5.98751 9.3 5.28751C10 4.58749 10.9 4.23749 12 4.23749C13.1 4.23749 14 4.58749 14.7 5.28751C15.4 5.98751 15.75 6.88751 15.75 7.98751C15.75 9.08751 15.4 9.98751 14.7 10.6875C14 11.3875 13.1 11.7375 12 11.7375ZM4 19.7625V17.4125C4 16.7792 4.15833 16.2375 4.475 15.7875C4.79166 15.3375 5.2 14.9958 5.7 14.7625C6.81665 14.2625 7.8875 13.8875 8.9125 13.6375C9.9375 13.3875 10.9667 13.2625 12 13.2625C13.0333 13.2625 14.0583 13.3917 15.075 13.65C16.0917 13.9083 17.1583 14.2792 18.275 14.7625C18.7916 14.9958 19.2083 15.3375 19.525 15.7875C19.8417 16.2375 20 16.7792 20 17.4125V19.7625H4Z"
fill="currentColor" />
</svg>
<span class="gn-header-identification__name">NAA</span>
<span class="gn-header-identification__text">- 00000000A</span>
</div>
<button type="button" class="gn-header__mobile-action gn-header-identification__logout"
aria-label="Desconectar">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"
aria-hidden="true" focusable="false">
<path
d="M5.08325 28.3167V4.31674H17.0499V6.31674H7.08325V26.3167H17.0499V28.3167H5.08325ZM23.2833 22.1501L21.8499 20.7167L25.2499 17.3167H13.0833V15.3167H25.1833L21.7833 11.9167L23.2166 10.4834L29.0833 16.3501L23.2833 22.1501Z"
fill="currentColor" />
</svg>
</button>
</div>
</div>
<!-- Fila principal del header: marca + acciones -->
<div class="gn-header__inner">
<div class="gn-header__main">
<!-- Brand -->
<div class="gn-header__brand">
<!-- Logotipo completo (visible en desktop, boxed) -->
<svg class="gn-header__logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 148 35.3" aria-hidden="true"
focusable="false">
<g>
<g>
<path class="gn-header__logo-fill-primary"
d="M20.9,31.2c0,1.3-1,2.4-2.3,2.6l-8.1,1.5-8.1-1.5C1,33.6,0,32.6,0,31.2V12.1h20.9v19.1ZM18.1,12.8c-1.1,0-1.8.6-2,1.4h-3.7c-.2-.8-1-1.4-1.9-1.4-.9,0-1.7.6-1.9,1.4h-3.7c-.2-.8-1-1.4-1.9-1.4-.9,0-2,.9-2,2,0,1.1.6,1.6,1.4,1.9v4.2c-.8.3-1.4,1-1.4,1.9,0,.9.6,1.6,1.4,1.9v4.2c-.8.3-1.4,1-1.4,1.9,0,.9.9,2,2,2s1.5-.5,1.8-1.2l3.7.7c0,1.1.9,1.9,2,1.9,1.1,0,2-.8,2-1.9l3.7-.7c.3.7,1,1.2,2,1.2,1,0,1.9-.9,1.9-2,0-1.1-.6-1.6-1.4-1.9v-4.2c.8-.3,1.5-1,1.5-1.9h0c0-.9-.6-1.7-1.4-1.9v-4.2c.8-.3,1.4-1,1.4-1.9s-.8-2-2-2ZM10.4,31.4c.5,0,.9.4.9.9,0,.5-.4.9-.9.9s-.9-.4-.9-.9c0-.5.4-.9.9-.9ZM2.8,29.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9s-.9-.4-.9-.9c0-.5.4-.9.9-.9ZM18.1,29.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM9.4,24.6c.2,0,.3.2.4.2v5.6c-.5.2-.9.5-1.2.9l-3.8-.7c0-.3-.2-.6-.3-.8l4.9-5.1ZM16.3,29.7c-.2.2-.2.5-.3.7l-3.8.7c-.3-.4-.7-.7-1.2-.9v-5.6c.1,0,.3-.1.4-.2l4.9,5.2ZM16.1,23.3c.2.7.8,1.2,1.4,1.4v4.2c-.2,0-.3.1-.4.2l-4.9-5.2c.1-.2.2-.3.2-.5h3.7ZM8.4,23.3c0,.2.1.3.2.5l-4.9,5.2c-.1,0-.2-.1-.3-.1v-4.2c.7-.2,1.2-.7,1.4-1.4h3.6ZM10.5,21.8c.5,0,1,.4,1,.9,0,.5-.4.9-1,.9s-1-.4-1-.9c0-.5.4-.9,1-.9ZM18.1,21.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM2.8,21.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9s-.9-.4-.9-.9c0-.5.4-.9.9-.9ZM8.6,21.7h0c-.1.2-.2.4-.2.6h-3.6c-.2-.7-.8-1.2-1.4-1.4v-4.1c.2,0,.3-.1.4-.2l4.9,5ZM17,16.6c.2,0,.3.2.4.2v4.1c-.7.2-1.2.7-1.4,1.4h-3.6c0-.2-.2-.4-.3-.6l4.9-5ZM16.1,15.4c0,.2.1.3.2.4l-4.9,5.1c-.1,0-.3-.1-.4-.2v-4c.6-.2,1.2-.7,1.4-1.4h3.7ZM4.8,15.4h3.7c.2.6.7,1.2,1.4,1.3v4c-.2,0-.3.1-.5.2l-4.9-5c.1-.2.2-.3.2-.5h0ZM2.8,14c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM10.4,13.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM18.1,13.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM10.5,9.1c2.3,0,4.6.3,6.7.9l-.5,1.6h0c-2-.6-4-.9-6.2-.9s-4.2.3-6.1.8l-.4-1.6c2.1-.6,4.3-.9,6.6-.9ZM5.3,2.5c2.4,0,1.6.2,2.3.6-.5.4-.9.8-1.1,1.3-.3-.2-.7-.3-1.1-.3-1.5,0-2.6,1.2-2.6,2.6,0,1.4,1,2.4,2.4,2.5-.9.2-1.7.4-2.5.7-1-.8-1.6-1.9-1.6-3.2,0-2.3,1.9-4.2,4.3-4.2ZM15.7,2.5c2.4,0,4.3,1.9,4.3,4.2,0,1.3-.6,2.4-1.6,3.2-.8-.3-1.7-.5-2.5-.7,1.3-.1,2.4-1.1,2.4-2.5,0-1.4-1.2-2.6-2.6-2.6-.4,0-.7,0-1,.2-.3-.5-.7-.9-1.2-1.2.6-.4-.1-.6,2.3-.6ZM9.3,4.4c-.9.4-1.4,1.3-1.4,2.3,0,1,.4,1.6,1,2h0c-.7,0-1.4.1-2,.2-.4-.6-.6-1.4-.6-2.2,0-1.9,1.3-3.5,3.1-4v1.8ZM11.6,2.6c1.8.5,3.1,2.2,3.1,4s-.2,1.6-.6,2.2c-.6-.1-1.3-.2-2-.2h0c.6-.4,1-1,1-2,0-1-.5-1.8-1.4-2.3v-1.8ZM10.5,2.5c.3,0,.6,0,.9.1v6.1h-1.7V2.6c.3-.1.6-.1.9-.1ZM14.7,4.4h-.1s0,0,0,0c0,0,0,0,0,0ZM10.4,2.2c-.5,0-.9-.5-1-.9h1v.9ZM11.6,1.3c0,.5-.5.9-1,.9v-.9h1ZM10.4.9h-1c0-.5.5-.9,1-.9v.9ZM10.6,0c.5,0,.9.5,1,.9h-1v-.9Z" />
<path class="gn-header__logo-fill-dark"
d="M32.4,19.1c-.6.8-1.5,1.2-2.3,1.2-2.6,0-4.2-1.9-4.2-4.3s1.6-4.4,4.2-4.4,3.3,1.1,3.6,2.9h-1.8c-.2-.9-.9-1.4-1.8-1.4-1.7,0-2.3,1.4-2.3,2.8s.6,2.8,2.3,2.8,1.9-.6,2-1.8h-1.9v-1.4h3.6v4.5h-1.2l-.2-.9h0ZM38.1,13.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM38.1,19c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM42.3,11.8h1.7v3c.4-.6,1.2-.9,1.9-.9,1.2,0,2.5.9,2.5,3.2s-1.3,3.2-2.5,3.2-1.7-.3-2-.9v.8h-1.6v-8.3ZM45.4,15.2c-1,0-1.5.9-1.5,1.9s.4,1.9,1.5,1.9,1.5-.9,1.5-1.9-.4-1.9-1.5-1.9ZM51.3,13.2h-1.7v-1.4h1.7v1.4ZM49.6,14.1h1.7v6h-1.7v-6ZM54,17.5c0,1.1.6,1.5,1.5,1.5s1.2-.4,1.3-.8h1.5c-.5,1.4-1.5,2-2.9,2s-3.1-1.3-3.1-3.2,1.3-3.2,3.1-3.2,3.1,1.7,3,3.6h-4.5ZM56.8,16.4c-.2-.8-.5-1.3-1.3-1.3s-1.4.8-1.4,1.3h2.8ZM59.5,14.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM64.3,14.1h1.6v.8c.4-.7,1.2-1,1.9-1,1.8,0,2.3,1,2.3,2.5v3.7h-1.7v-3.4c0-1-.3-1.5-1.1-1.5s-1.3.5-1.3,1.7v3.2h-1.7v-6h0ZM74.3,13.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM74.3,19c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM86.2,19.3c-.4.6-1.1.9-1.9.9-1.8,0-2.8-1.5-2.8-3.2s.9-3.1,2.7-3.1,1.5.3,1.8.9v-3h1.7v8.3h-1.6v-.8h0ZM84.8,15.2c-1.1,0-1.5.9-1.5,1.9s.4,1.9,1.5,1.9,1.5-.9,1.5-1.9-.4-1.9-1.5-1.9ZM90.5,17.5c0,1.1.6,1.5,1.5,1.5s1.2-.4,1.3-.8h1.5c-.5,1.4-1.5,2-2.9,2s-3.1-1.3-3.1-3.2,1.3-3.2,3.1-3.2,3.1,1.7,3,3.6h-4.5ZM93.2,16.4c-.2-.8-.5-1.3-1.3-1.3s-1.4.8-1.4,1.3h2.8ZM99.4,11.8h1.8l3.6,5.5v-5.5h1.7v8.3h-1.9l-3.5-5.5v5.5h-1.7v-8.3ZM108,15.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM111.8,17.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM118.2,20.1h-1.9l-2.1-6h1.8l1.3,4.1,1.3-4.1h1.7l-2.1,6h0ZM120.9,15.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM124.8,17.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM127.8,14.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM132.4,14.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM137,15.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM140.9,17.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM26.2,24.8h1.8l3.6,5.5v-5.5h1.7v8.3h-1.9l-3.5-5.5v5.5h-1.7v-8.3ZM34.8,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM38.7,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM42.1,28.2h-1v-1.1h1v-.5c0-1.1.7-1.8,2-1.8h.9v1.2h-.6c-.4,0-.6.2-.6.7v.4h1.2v1.1h-1.2v4.9h-1.7v-4.9h0ZM45.6,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM49.4,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM52.5,27.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM57,27.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM64.4,26.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM64.4,32c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM68.6,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM72.5,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM75.7,24.8h1.7v4.4l2.1-2.2h2l-2.3,2.2,2.6,3.8h-2l-1.7-2.7-.6.6v2h-1.7v-8.3ZM85.3,26.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM85.3,32c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM99.2,32.1c-.6.8-1.5,1.2-2.3,1.2-2.6,0-4.2-1.9-4.2-4.3s1.6-4.4,4.2-4.4,3.3,1.1,3.6,2.9h-1.8c-.2-.9-.9-1.4-1.8-1.4-1.7,0-2.3,1.4-2.3,2.8s.6,2.8,2.3,2.8,1.9-.6,2-1.8h-1.9v-1.4h3.6v4.5h-1.2l-.2-.9h0ZM104.9,26.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM104.9,32c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM109.1,24.8h1.7v3c.4-.6,1.2-.9,1.9-.9,1.2,0,2.5.9,2.5,3.2s-1.3,3.2-2.5,3.2-1.7-.3-2-.9v.8h-1.6v-8.3ZM112.2,28.2c-1,0-1.5.9-1.5,1.9s.4,1.9,1.5,1.9,1.5-.9,1.5-1.9-.4-1.9-1.5-1.9ZM117.8,30.5c0,1.1.6,1.5,1.5,1.5s1.2-.4,1.3-.8h1.5c-.5,1.4-1.5,2-2.9,2s-3.1-1.3-3.1-3.2,1.3-3.2,3.1-3.2,3.1,1.7,3,3.6h-4.5ZM120.5,29.4c-.2-.8-.5-1.3-1.3-1.3s-1.4.8-1.4,1.3h2.8ZM123.2,27.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM128,27.1h1.6v.8c.4-.7,1.2-1,1.9-1,1.8,0,2.3,1,2.3,2.5v3.7h-1.7v-3.4c0-1-.3-1.5-1.1-1.5s-1.3.5-1.3,1.7v3.2h-1.7v-6h0ZM140.8,33.1h-1.6v-.8c-.4.7-1.2,1-1.9,1-1.8,0-2.3-1-2.3-2.5v-3.7h1.7v3.4c0,1,.3,1.5,1.1,1.5s1.3-.5,1.3-1.7v-3.2h1.7v6h0ZM142,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2.1.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM145.9,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0Z" />
</g>
</g>
</svg>
<!-- Símbolo (visible en mobile, boxed) -->
<svg class="gn-header__symbol" xmlns="http://www.w3.org/2000/svg" width="21" height="35" viewBox="0 0 21 35"
fill="none" aria-hidden="true" focusable="false">
<g clip-path="url(#hdr-bx-7-gn-boxed-v7-logo-clip)">
<path d="M11.3002 22.322L10.4555 23.1667L9.61079 22.322L10.4555 21.4773L11.3002 22.322Z"
fill="currentColor" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M18.6982 11.2757C19.9112 11.2757 20.8963 12.2601 20.8963 13.4729C20.8963 14.4589 20.2454 15.2938 19.3515 15.5714V20.2088C20.2454 20.4865 20.8962 21.3206 20.8963 22.3064C20.8963 23.2929 20.2454 24.1273 19.3515 24.4049V29.0814C20.2454 29.3596 20.8961 30.194 20.8963 31.1799C20.8963 32.3927 19.9112 33.378 18.6982 33.378C17.8056 33.3779 17.0378 32.8455 16.6934 32.0812L12.6516 32.8673C12.6172 34.0498 11.6474 35 10.4555 35C9.26455 34.9999 8.2946 34.0519 8.26028 32.8693L4.20191 32.0793C3.8575 32.8453 3.08984 33.378 2.19714 33.378C0.984393 33.3779 0 32.3927 0 31.1799C0.000167875 30.1918 0.651518 29.3569 1.54874 29.0794V24.4068C0.651402 24.1291 0 23.2947 0 22.3064C6.3701e-05 21.3188 0.651446 20.4843 1.54874 20.2069V15.5733C0.651417 15.2958 2.06593e-05 14.4612 0 13.4729C0 12.2601 0.984393 11.2758 2.19714 11.2757C3.20169 11.2757 4.05057 11.9501 4.31226 12.8733H8.34328C8.60281 11.9501 9.45166 11.2758 10.4555 11.2757C11.4602 11.2757 12.3089 11.9501 12.5706 12.8733H16.585C16.8448 11.9502 17.6944 11.2759 18.6982 11.2757ZM10.4525 31.8215C9.88818 31.8216 9.4303 32.278 9.43014 32.8419C9.43014 33.4078 9.88808 33.8642 10.4525 33.8643C11.0164 33.8643 11.4749 33.4079 11.4749 32.8419C11.4748 32.2779 11.0163 31.8215 10.4525 31.8215ZM2.17371 30.1721C1.61 30.1724 1.15228 30.6306 1.15228 31.1945C1.15235 31.7589 1.61004 32.2167 2.17371 32.217C2.73819 32.217 3.19604 31.759 3.19611 31.1945C3.19611 30.6304 2.73824 30.1721 2.17371 30.1721ZM18.7304 30.1721C18.1665 30.1723 17.709 30.6306 17.709 31.1945C17.709 31.7604 18.1665 32.2168 18.7304 32.217C19.2949 32.217 19.7527 31.7605 19.7528 31.1945C19.7528 30.6304 19.2949 30.1721 18.7304 30.1721ZM4.04079 29.9827C4.21173 30.2461 4.32841 30.5492 4.37378 30.8752L8.56105 31.6887C8.84235 31.2111 9.29889 30.8504 9.84125 30.6936V24.4869C9.6682 24.4399 9.50224 24.3745 9.34713 24.2897L4.04079 29.9827ZM11.4749 24.3111C11.3438 24.3797 11.2048 24.4337 11.059 24.4752V30.6897C11.6047 30.8447 12.0662 31.2072 12.3489 31.6867L16.5225 30.8752C16.5637 30.5726 16.6669 30.291 16.8184 30.0403L11.4749 24.3111ZM12.6341 22.9235C12.5729 23.1268 12.4846 23.3162 12.3743 23.4909L17.7129 29.2171C17.8461 29.1486 17.9862 29.0937 18.1338 29.054V24.4322C17.3931 24.2338 16.8035 23.6587 16.5889 22.9235H12.6341ZM4.3064 22.9235C4.09215 23.6572 3.50615 24.2319 2.76547 24.4303V29.056C2.88998 29.0904 3.00759 29.1341 3.12092 29.1868L8.46437 23.4547C8.36316 23.2906 8.28345 23.1127 8.2261 22.9235H4.3064ZM10.4525 21.2381C9.85896 21.2382 9.38034 21.7176 9.38034 22.3103C9.38044 22.9034 9.85903 23.3824 10.4525 23.3825C11.0452 23.3825 11.5256 22.9034 11.5257 22.3103C11.5257 21.7175 11.0453 21.2381 10.4525 21.2381ZM2.17371 21.2879C1.61 21.2881 1.15228 21.7465 1.15228 22.3103C1.15238 22.8746 1.61007 23.3325 2.17371 23.3327C2.73817 23.3327 3.19601 22.8747 3.19611 22.3103C3.19611 21.7464 2.73824 21.2879 2.17371 21.2879ZM18.7304 21.2879C18.1665 21.2881 17.709 21.7465 17.709 22.3103C17.7091 22.8746 18.1665 23.3325 18.7304 23.3327C19.2949 23.3327 19.7527 22.8747 19.7528 22.3103C19.7528 21.7464 19.2949 21.2879 18.7304 21.2879ZM3.19123 15.4327C3.05764 15.5007 2.91467 15.5567 2.76547 15.5968V20.1825C3.51149 20.383 4.10122 20.9639 4.31226 21.7068H8.19876C8.25445 21.4834 8.3412 21.2741 8.45656 21.0809L3.19123 15.4327ZM12.3763 21.0389C12.5041 21.2425 12.6013 21.4669 12.6604 21.7068H16.585C16.7941 20.964 17.3879 20.3799 18.1338 20.1815V15.5987C17.9593 15.5519 17.7918 15.4827 17.6367 15.3986L12.3763 21.0389ZM4.3064 14.09C4.25261 14.2718 4.1771 14.4449 4.0818 14.6037L9.33835 20.2391C9.49491 20.1549 9.66464 20.0858 9.84125 20.0389V15.5821C9.12385 15.3747 8.55619 14.8091 8.34719 14.09H4.3064ZM12.5647 14.09C12.3543 14.8125 11.7829 15.3826 11.059 15.588V20.0497C11.2048 20.0914 11.3454 20.1469 11.4789 20.2157L16.7745 14.5363C16.6972 14.3963 16.6338 14.2464 16.5889 14.09H12.5647ZM2.17371 12.4544C1.61 12.4546 1.15228 12.9131 1.15228 13.4768C1.15237 14.0411 1.61006 14.499 2.17371 14.4992C2.73818 14.4992 3.19602 14.0413 3.19611 13.4768C3.19611 12.9129 2.73824 12.4544 2.17371 12.4544ZM10.4525 12.4544C9.88808 12.4545 9.43014 12.913 9.43014 13.4768C9.43023 14.0412 9.88814 14.4991 10.4525 14.4992C11.0164 14.4992 11.4749 14.0413 11.4749 13.4768C11.4749 12.9129 11.0164 12.4544 10.4525 12.4544ZM18.7304 12.4544C18.1665 12.4546 17.709 12.913 17.709 13.4768C17.7091 14.0412 18.1665 14.499 18.7304 14.4992C19.2949 14.4992 19.7527 14.0413 19.7528 13.4768C19.7528 12.9129 19.2949 12.4544 18.7304 12.4544Z"
fill="currentColor" />
<path
d="M10.266 8.61866C12.3753 8.61867 14.402 8.92053 16.3194 9.48189H16.3331L15.8956 10.9613C14.1011 10.4404 12.2248 10.1664 10.266 10.1664C8.35317 10.1664 6.50795 10.4388 4.74485 10.9301L4.32202 9.45455C6.19819 8.90694 8.19781 8.61866 10.266 8.61866Z"
fill="currentColor" />
<path d="M4.74681 10.934H4.73216C4.73627 10.9328 4.74073 10.9312 4.74485 10.9301L4.74681 10.934Z"
fill="currentColor" />
<path
d="M5.67839 2.48326C6.41711 2.4833 7.10173 2.67431 7.69098 3.0301C7.26621 3.3589 6.90998 3.7702 6.65002 4.22242H6.63635C6.34907 4.09907 6.0205 4.01642 5.67839 4.01638C4.37669 4.01638 3.30841 5.08531 3.30841 6.38636C3.3086 7.61929 4.26766 8.63193 5.47235 8.7417H5.48602C4.69215 8.90631 3.92501 9.12554 3.18537 9.3862H3.1717C2.32235 8.6742 1.77443 7.59191 1.77432 6.38636C1.77432 4.22278 3.52789 2.48326 5.67839 2.48326Z"
fill="currentColor" />
<path
d="M14.9914 2.48326C17.1552 2.48344 18.9081 4.22289 18.9081 6.38636C18.908 7.59191 18.3602 8.6742 17.4971 9.3862C16.7438 9.12557 15.9767 8.90629 15.1964 8.7417C16.4153 8.63193 17.3611 7.61929 17.3613 6.38636C17.3613 5.08542 16.306 4.01656 14.9914 4.01638C14.6489 4.01638 14.3338 4.099 14.0324 4.22242C13.7585 3.77017 13.4023 3.35891 12.9915 3.0301C13.58 2.67414 14.2659 2.48326 14.9914 2.48326Z"
fill="currentColor" />
<path
d="M9.18406 4.31812C8.44504 4.71548 7.9517 5.49645 7.9517 6.38636C7.9518 7.15336 8.32122 7.82474 8.88232 8.26321C8.25266 8.30438 7.6226 8.35926 7.00644 8.45461C6.63652 7.85219 6.41767 7.13965 6.41761 6.38636C6.41761 4.61955 7.58165 3.14052 9.18406 2.64731V4.31812Z"
fill="currentColor" />
<path
d="M11.4984 2.64731C13.1011 3.1406 14.2658 4.61966 14.2658 6.38636C14.2657 7.13965 14.0457 7.85219 13.6623 8.45461C13.0462 8.35928 12.4299 8.30437 11.8001 8.26321C12.3617 7.82474 12.717 7.15336 12.7171 6.38636C12.7171 5.49656 12.2248 4.71553 11.4984 4.31812V2.64731Z"
fill="currentColor" />
<path
d="M10.3207 2.48326C10.5946 2.48327 10.8689 2.50997 11.1293 2.56529L11.1429 8.2222C10.8549 8.2222 10.5541 8.20755 10.266 8.20755C10.0195 8.20755 9.78662 8.2222 9.53951 8.2222V2.55064C9.78662 2.50947 10.047 2.48326 10.3207 2.48326Z"
fill="currentColor" />
<path d="M10.2016 2.11121C9.71896 2.05151 9.3368 1.66744 9.27878 1.18353H10.2016V2.11121Z"
fill="currentColor" />
<path d="M11.39 1.1845C11.3313 1.66923 10.9467 2.05383 10.4613 2.11121V1.18353H11.388L11.39 1.1845Z"
fill="currentColor" />
<path d="M10.2016 0.915965H9.28073C9.34346 0.438429 9.72318 0.0604591 10.2016 0.000976508V0.915965Z"
fill="currentColor" />
<path d="M10.4613 0C10.9425 0.0575917 11.3257 0.436268 11.389 0.915965H10.4613V0Z"
fill="currentColor" />
</g>
<defs>
<clipPath id="hdr-bx-7-gn-boxed-v7-logo-clip">
<rect width="20.8963" height="35" fill="white" />
</clipPath>
</defs>
</svg>
<span class="gn-header__separator" aria-hidden="true"></span>
<div class="gn-header__title-group">
<p class="gn-header__title">Herramienta</p>
</div>
</div>
<!-- Desktop actions: idioma (nombre completo) -->
<div class="gn-header__desktop-actions">
<div class="gn-header__language-wrap">
<div class="gn-dropdown-menu gn-dropdown-menu--sm gn-dropdown-menu--selector gn-header__language">
<button type="button" class="gn-dropdown-menu__trigger gn-dropdown-menu__trigger--ghost"
aria-haspopup="listbox" aria-expanded="false" aria-controls="hdr-bx-7-hdr-lang-v7"
id="hdr-bx-7-hdr-lang-v7-trigger">
<span class="gn-dropdown-menu__trigger-label">
<span class="gn-dropdown-menu__trigger-text">Castellano</span>
<svg class="gn-dropdown-menu__trigger-icon" aria-hidden="true" focusable="false"
viewBox="0 0 24 24">
<path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" fill="currentColor" />
</svg>
</span>
</button>
<ul class="gn-dropdown-menu__panel" id="hdr-bx-7-hdr-lang-v7" role="listbox"
aria-labelledby="hdr-bx-7-hdr-lang-v7-trigger">
<li class="gn-dropdown-menu__option" role="option" aria-selected="true" tabindex="0"
data-trigger-label="Castellano">Castellano</li>
<li class="gn-dropdown-menu__option" role="option" aria-selected="false" tabindex="-1"
data-trigger-label="Euskera">Euskera</li>
</ul>
</div>
</div>
</div>
<!-- Mobile actions -->
<div class="gn-header__mobile-actions">
<span class="gn-header__mobile-separator" aria-hidden="true"></span>
<button type="button" class="gn-header__mobile-action gn-header__mobile-menu" aria-label="Abrir menú"
aria-expanded="false" aria-controls="hdr-bx-7-gn-header-mobile-menu-panel-v7"
data-gn-header-mobile-toggle>
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="32" height="32"
viewBox="0 0 32 32" fill="none">
<path d="M28 25.3333H4V22.6667H28V25.3333Z" fill="currentColor" />
<path d="M28 17.3333H4V14.6667H28V17.3333Z" fill="currentColor" />
<path d="M28 9.33332H4V6.66666H28V9.33332Z" fill="currentColor" />
</svg>
</button>
</div>
</div>
</div>
<div id="hdr-bx-7-gn-header-mobile-menu-panel-v7" class="gn-header__mobile-panel" data-gn-header-mobile-panel
hidden>
<div class="gn-header__mobile-user-card">
<div class="gn-header__mobile-user-head">
<svg class="gn-header__mobile-user-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
<path
d="M12 11.7375C10.9 11.7375 10 11.3875 9.3 10.6875C8.6 9.98751 8.25 9.08751 8.25 7.98751C8.25 6.88751 8.6 5.98751 9.3 5.28751C10 4.58749 10.9 4.23749 12 4.23749C13.1 4.23749 14 4.58749 14.7 5.28751C15.4 5.98751 15.75 6.88751 15.75 7.98751C15.75 9.08751 15.4 9.98751 14.7 10.6875C14 11.3875 13.1 11.7375 12 11.7375ZM4 19.7625V17.4125C4 16.7792 4.15833 16.2375 4.475 15.7875C4.79166 15.3375 5.2 14.9958 5.7 14.7625C6.81665 14.2625 7.8875 13.8875 8.9125 13.6375C9.9375 13.3875 10.9667 13.2625 12 13.2625C13.0333 13.2625 14.0583 13.3917 15.075 13.65C16.0917 13.9083 17.1583 14.2792 18.275 14.7625C18.7916 14.9958 19.2083 15.3375 19.525 15.7875C19.8417 16.2375 20 16.7792 20 17.4125V19.7625H4Z"
fill="currentColor"></path>
</svg>
<div class="gn-header__mobile-user-info">
<p class="gn-header__mobile-user-name">Nombre Apellido y Apellido</p>
<p class="gn-header__mobile-user-meta">00000000A</p>
<p class="gn-header__mobile-user-meta">Última conexión 13 enero 2024</p>
<a href="#" class="gn-header__mobile-logout-link">
<span>Desconectar</span>
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 23 23" fill="none"
aria-hidden="true" focusable="false">
<path
d="M3.65381 20.3527V3.10266H12.2549V4.54016H5.09131V18.9152H12.2549V20.3527H3.65381ZM16.7351 15.9204L15.7049 14.8902L18.1486 12.4464H9.40381V11.0089H18.1007L15.6569 8.56516L16.6871 7.53495L20.9038 11.7516L16.7351 15.9204Z"
fill="currentColor"></path>
</svg>
</a>
</div>
</div>
</div>
<nav class="gn-side-navigation" aria-label="Menú mobile principal" data-gn-side-navigation-init="true">
<ul class="gn-side-navigation__list">
<li class="gn-side-navigation__item gn-side-navigation__item--level-1">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Inicio</span>
</a>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-1">
<button type="button" class="gn-side-navigation__link" aria-expanded="false"
aria-controls="hdr-bx-7-header-mobile-v7-sub-1">
<span class="gn-side-navigation__content">Trámites</span>
<svg class="gn-side-navigation__icon" aria-hidden="true" viewBox="0 0 24 24" focusable="false">
<path d="M12 15.35L6 9.34998L7.4 7.94998L12 12.55L16.6 7.94998L18 9.34998L12 15.35Z"
fill="currentColor"></path>
</svg>
</button>
<ul class="gn-side-navigation__list" id="hdr-bx-7-header-mobile-v7-sub-1" hidden>
<li class="gn-side-navigation__item gn-side-navigation__item--level-2">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Solicitud general</span>
</a>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-2">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Ayudas y subvenciones</span>
</a>
</li>
</ul>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-1">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Mi perfil</span>
</a>
</li>
</ul>
</nav>
</div>
</header>Mostrar JS
document.addEventListener('DOMContentLoaded', () => {
// initAll() inicializa todos los componentes y patrones, incluido el header.
// Si solo necesitas el header: window.GNDS.initHeader();
window.GNDS.initAll();
});Variante 8 · Boxed, identificación de razón social, sin navmenu
Saltar al contenido principal
Razón Social
00000000A
Última conexión 13 enero 2024
RS
- 00000000A
Herramienta
Mostrar HTML
<a class="gn-skip-link" href="#main-content">Saltar al contenido principal</a>
<!-- HEADER — boxed, identificación de razón social, sin navmenu -->
<header class="gn-header gn-header--boxed" aria-label="Cabecera principal">
<!-- Barra de identificación de usuario (verde, desktop) -->
<div class="gn-header-identification gn-header-identification--desktop">
<div class="gn-header__inner gn-header-identification__inner">
<div class="gn-header-identification__item gn-header-identification__item--principal">
<svg class="gn-header-identification__icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
<g transform="translate(2 2.5)">
<path
d="M0 19V4H6V0H14V4H20V19H0ZM7.5 4H12.5V1.5H7.5V4ZM18.5 12.725H12.275V14.225H7.775V12.725H1.5V17.5H18.5V12.725ZM9.275 12.725H10.775V11.225H9.275V12.725ZM1.5 11.225H7.775V9.725H12.275V11.225H18.5V5.5H1.5V11.225Z"
fill="currentColor"></path>
</g>
</svg>
<span class="gn-header-identification__name">Razón Social</span>
<span class="gn-header-identification__divider" aria-hidden="true"></span>
<span class="gn-header-identification__text">00000000A</span>
</div>
<div class="gn-header-identification__item gn-header-identification__item--actions">
<span class="gn-header-identification__last-connection">Última conexión 13 enero 2024</span>
<button type="button" class="gn-button gn-button--secondary gn-button--sm">Desconectar</button>
</div>
</div>
</div>
<!-- Barra de identificación de usuario (mobile) -->
<div class="gn-header-identification gn-header-identification--mobile-user">
<div class="gn-header__inner gn-header-identification__inner">
<div class="gn-header-identification__item gn-header-identification__item--principal">
<svg class="gn-header-identification__icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
<g transform="translate(2 2.5)">
<path
d="M0 19V4H6V0H14V4H20V19H0ZM7.5 4H12.5V1.5H7.5V4ZM18.5 12.725H12.275V14.225H7.775V12.725H1.5V17.5H18.5V12.725ZM9.275 12.725H10.775V11.225H9.275V12.725ZM1.5 11.225H7.775V9.725H12.275V11.225H18.5V5.5H1.5V11.225Z"
fill="currentColor"></path>
</g>
</svg>
<span class="gn-header-identification__name">RS</span>
<span class="gn-header-identification__text">- 00000000A</span>
</div>
<button type="button" class="gn-header__mobile-action gn-header-identification__logout"
aria-label="Desconectar">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"
aria-hidden="true" focusable="false">
<path
d="M5.08325 28.3167V4.31674H17.0499V6.31674H7.08325V26.3167H17.0499V28.3167H5.08325ZM23.2833 22.1501L21.8499 20.7167L25.2499 17.3167H13.0833V15.3167H25.1833L21.7833 11.9167L23.2166 10.4834L29.0833 16.3501L23.2833 22.1501Z"
fill="currentColor" />
</svg>
</button>
</div>
</div>
<!-- Fila principal del header: marca + acciones -->
<div class="gn-header__inner">
<div class="gn-header__main">
<!-- Brand -->
<div class="gn-header__brand">
<!-- Logotipo completo (visible en desktop, boxed) -->
<svg class="gn-header__logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 148 35.3" aria-hidden="true"
focusable="false">
<g>
<g>
<path class="gn-header__logo-fill-primary"
d="M20.9,31.2c0,1.3-1,2.4-2.3,2.6l-8.1,1.5-8.1-1.5C1,33.6,0,32.6,0,31.2V12.1h20.9v19.1ZM18.1,12.8c-1.1,0-1.8.6-2,1.4h-3.7c-.2-.8-1-1.4-1.9-1.4-.9,0-1.7.6-1.9,1.4h-3.7c-.2-.8-1-1.4-1.9-1.4-.9,0-2,.9-2,2,0,1.1.6,1.6,1.4,1.9v4.2c-.8.3-1.4,1-1.4,1.9,0,.9.6,1.6,1.4,1.9v4.2c-.8.3-1.4,1-1.4,1.9,0,.9.9,2,2,2s1.5-.5,1.8-1.2l3.7.7c0,1.1.9,1.9,2,1.9,1.1,0,2-.8,2-1.9l3.7-.7c.3.7,1,1.2,2,1.2,1,0,1.9-.9,1.9-2,0-1.1-.6-1.6-1.4-1.9v-4.2c.8-.3,1.5-1,1.5-1.9h0c0-.9-.6-1.7-1.4-1.9v-4.2c.8-.3,1.4-1,1.4-1.9s-.8-2-2-2ZM10.4,31.4c.5,0,.9.4.9.9,0,.5-.4.9-.9.9s-.9-.4-.9-.9c0-.5.4-.9.9-.9ZM2.8,29.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9s-.9-.4-.9-.9c0-.5.4-.9.9-.9ZM18.1,29.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM9.4,24.6c.2,0,.3.2.4.2v5.6c-.5.2-.9.5-1.2.9l-3.8-.7c0-.3-.2-.6-.3-.8l4.9-5.1ZM16.3,29.7c-.2.2-.2.5-.3.7l-3.8.7c-.3-.4-.7-.7-1.2-.9v-5.6c.1,0,.3-.1.4-.2l4.9,5.2ZM16.1,23.3c.2.7.8,1.2,1.4,1.4v4.2c-.2,0-.3.1-.4.2l-4.9-5.2c.1-.2.2-.3.2-.5h3.7ZM8.4,23.3c0,.2.1.3.2.5l-4.9,5.2c-.1,0-.2-.1-.3-.1v-4.2c.7-.2,1.2-.7,1.4-1.4h3.6ZM10.5,21.8c.5,0,1,.4,1,.9,0,.5-.4.9-1,.9s-1-.4-1-.9c0-.5.4-.9,1-.9ZM18.1,21.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM2.8,21.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9s-.9-.4-.9-.9c0-.5.4-.9.9-.9ZM8.6,21.7h0c-.1.2-.2.4-.2.6h-3.6c-.2-.7-.8-1.2-1.4-1.4v-4.1c.2,0,.3-.1.4-.2l4.9,5ZM17,16.6c.2,0,.3.2.4.2v4.1c-.7.2-1.2.7-1.4,1.4h-3.6c0-.2-.2-.4-.3-.6l4.9-5ZM16.1,15.4c0,.2.1.3.2.4l-4.9,5.1c-.1,0-.3-.1-.4-.2v-4c.6-.2,1.2-.7,1.4-1.4h3.7ZM4.8,15.4h3.7c.2.6.7,1.2,1.4,1.3v4c-.2,0-.3.1-.5.2l-4.9-5c.1-.2.2-.3.2-.5h0ZM2.8,14c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM10.4,13.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM18.1,13.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM10.5,9.1c2.3,0,4.6.3,6.7.9l-.5,1.6h0c-2-.6-4-.9-6.2-.9s-4.2.3-6.1.8l-.4-1.6c2.1-.6,4.3-.9,6.6-.9ZM5.3,2.5c2.4,0,1.6.2,2.3.6-.5.4-.9.8-1.1,1.3-.3-.2-.7-.3-1.1-.3-1.5,0-2.6,1.2-2.6,2.6,0,1.4,1,2.4,2.4,2.5-.9.2-1.7.4-2.5.7-1-.8-1.6-1.9-1.6-3.2,0-2.3,1.9-4.2,4.3-4.2ZM15.7,2.5c2.4,0,4.3,1.9,4.3,4.2,0,1.3-.6,2.4-1.6,3.2-.8-.3-1.7-.5-2.5-.7,1.3-.1,2.4-1.1,2.4-2.5,0-1.4-1.2-2.6-2.6-2.6-.4,0-.7,0-1,.2-.3-.5-.7-.9-1.2-1.2.6-.4-.1-.6,2.3-.6ZM9.3,4.4c-.9.4-1.4,1.3-1.4,2.3,0,1,.4,1.6,1,2h0c-.7,0-1.4.1-2,.2-.4-.6-.6-1.4-.6-2.2,0-1.9,1.3-3.5,3.1-4v1.8ZM11.6,2.6c1.8.5,3.1,2.2,3.1,4s-.2,1.6-.6,2.2c-.6-.1-1.3-.2-2-.2h0c.6-.4,1-1,1-2,0-1-.5-1.8-1.4-2.3v-1.8ZM10.5,2.5c.3,0,.6,0,.9.1v6.1h-1.7V2.6c.3-.1.6-.1.9-.1ZM14.7,4.4h-.1s0,0,0,0c0,0,0,0,0,0ZM10.4,2.2c-.5,0-.9-.5-1-.9h1v.9ZM11.6,1.3c0,.5-.5.9-1,.9v-.9h1ZM10.4.9h-1c0-.5.5-.9,1-.9v.9ZM10.6,0c.5,0,.9.5,1,.9h-1v-.9Z" />
<path class="gn-header__logo-fill-dark"
d="M32.4,19.1c-.6.8-1.5,1.2-2.3,1.2-2.6,0-4.2-1.9-4.2-4.3s1.6-4.4,4.2-4.4,3.3,1.1,3.6,2.9h-1.8c-.2-.9-.9-1.4-1.8-1.4-1.7,0-2.3,1.4-2.3,2.8s.6,2.8,2.3,2.8,1.9-.6,2-1.8h-1.9v-1.4h3.6v4.5h-1.2l-.2-.9h0ZM38.1,13.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM38.1,19c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM42.3,11.8h1.7v3c.4-.6,1.2-.9,1.9-.9,1.2,0,2.5.9,2.5,3.2s-1.3,3.2-2.5,3.2-1.7-.3-2-.9v.8h-1.6v-8.3ZM45.4,15.2c-1,0-1.5.9-1.5,1.9s.4,1.9,1.5,1.9,1.5-.9,1.5-1.9-.4-1.9-1.5-1.9ZM51.3,13.2h-1.7v-1.4h1.7v1.4ZM49.6,14.1h1.7v6h-1.7v-6ZM54,17.5c0,1.1.6,1.5,1.5,1.5s1.2-.4,1.3-.8h1.5c-.5,1.4-1.5,2-2.9,2s-3.1-1.3-3.1-3.2,1.3-3.2,3.1-3.2,3.1,1.7,3,3.6h-4.5ZM56.8,16.4c-.2-.8-.5-1.3-1.3-1.3s-1.4.8-1.4,1.3h2.8ZM59.5,14.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM64.3,14.1h1.6v.8c.4-.7,1.2-1,1.9-1,1.8,0,2.3,1,2.3,2.5v3.7h-1.7v-3.4c0-1-.3-1.5-1.1-1.5s-1.3.5-1.3,1.7v3.2h-1.7v-6h0ZM74.3,13.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM74.3,19c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM86.2,19.3c-.4.6-1.1.9-1.9.9-1.8,0-2.8-1.5-2.8-3.2s.9-3.1,2.7-3.1,1.5.3,1.8.9v-3h1.7v8.3h-1.6v-.8h0ZM84.8,15.2c-1.1,0-1.5.9-1.5,1.9s.4,1.9,1.5,1.9,1.5-.9,1.5-1.9-.4-1.9-1.5-1.9ZM90.5,17.5c0,1.1.6,1.5,1.5,1.5s1.2-.4,1.3-.8h1.5c-.5,1.4-1.5,2-2.9,2s-3.1-1.3-3.1-3.2,1.3-3.2,3.1-3.2,3.1,1.7,3,3.6h-4.5ZM93.2,16.4c-.2-.8-.5-1.3-1.3-1.3s-1.4.8-1.4,1.3h2.8ZM99.4,11.8h1.8l3.6,5.5v-5.5h1.7v8.3h-1.9l-3.5-5.5v5.5h-1.7v-8.3ZM108,15.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM111.8,17.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM118.2,20.1h-1.9l-2.1-6h1.8l1.3,4.1,1.3-4.1h1.7l-2.1,6h0ZM120.9,15.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM124.8,17.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM127.8,14.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM132.4,14.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM137,15.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM140.9,17.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM26.2,24.8h1.8l3.6,5.5v-5.5h1.7v8.3h-1.9l-3.5-5.5v5.5h-1.7v-8.3ZM34.8,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM38.7,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM42.1,28.2h-1v-1.1h1v-.5c0-1.1.7-1.8,2-1.8h.9v1.2h-.6c-.4,0-.6.2-.6.7v.4h1.2v1.1h-1.2v4.9h-1.7v-4.9h0ZM45.6,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM49.4,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM52.5,27.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM57,27.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM64.4,26.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM64.4,32c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM68.6,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM72.5,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM75.7,24.8h1.7v4.4l2.1-2.2h2l-2.3,2.2,2.6,3.8h-2l-1.7-2.7-.6.6v2h-1.7v-8.3ZM85.3,26.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM85.3,32c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM99.2,32.1c-.6.8-1.5,1.2-2.3,1.2-2.6,0-4.2-1.9-4.2-4.3s1.6-4.4,4.2-4.4,3.3,1.1,3.6,2.9h-1.8c-.2-.9-.9-1.4-1.8-1.4-1.7,0-2.3,1.4-2.3,2.8s.6,2.8,2.3,2.8,1.9-.6,2-1.8h-1.9v-1.4h3.6v4.5h-1.2l-.2-.9h0ZM104.9,26.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM104.9,32c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM109.1,24.8h1.7v3c.4-.6,1.2-.9,1.9-.9,1.2,0,2.5.9,2.5,3.2s-1.3,3.2-2.5,3.2-1.7-.3-2-.9v.8h-1.6v-8.3ZM112.2,28.2c-1,0-1.5.9-1.5,1.9s.4,1.9,1.5,1.9,1.5-.9,1.5-1.9-.4-1.9-1.5-1.9ZM117.8,30.5c0,1.1.6,1.5,1.5,1.5s1.2-.4,1.3-.8h1.5c-.5,1.4-1.5,2-2.9,2s-3.1-1.3-3.1-3.2,1.3-3.2,3.1-3.2,3.1,1.7,3,3.6h-4.5ZM120.5,29.4c-.2-.8-.5-1.3-1.3-1.3s-1.4.8-1.4,1.3h2.8ZM123.2,27.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM128,27.1h1.6v.8c.4-.7,1.2-1,1.9-1,1.8,0,2.3,1,2.3,2.5v3.7h-1.7v-3.4c0-1-.3-1.5-1.1-1.5s-1.3.5-1.3,1.7v3.2h-1.7v-6h0ZM140.8,33.1h-1.6v-.8c-.4.7-1.2,1-1.9,1-1.8,0-2.3-1-2.3-2.5v-3.7h1.7v3.4c0,1,.3,1.5,1.1,1.5s1.3-.5,1.3-1.7v-3.2h1.7v6h0ZM142,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2.1.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM145.9,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0Z" />
</g>
</g>
</svg>
<!-- Símbolo (visible en mobile, boxed) -->
<svg class="gn-header__symbol" xmlns="http://www.w3.org/2000/svg" width="21" height="35" viewBox="0 0 21 35"
fill="none" aria-hidden="true" focusable="false">
<g clip-path="url(#hdr-bx-8-gn-boxed-v8-logo-clip)">
<path d="M11.3002 22.322L10.4555 23.1667L9.61079 22.322L10.4555 21.4773L11.3002 22.322Z"
fill="currentColor" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M18.6982 11.2757C19.9112 11.2757 20.8963 12.2601 20.8963 13.4729C20.8963 14.4589 20.2454 15.2938 19.3515 15.5714V20.2088C20.2454 20.4865 20.8962 21.3206 20.8963 22.3064C20.8963 23.2929 20.2454 24.1273 19.3515 24.4049V29.0814C20.2454 29.3596 20.8961 30.194 20.8963 31.1799C20.8963 32.3927 19.9112 33.378 18.6982 33.378C17.8056 33.3779 17.0378 32.8455 16.6934 32.0812L12.6516 32.8673C12.6172 34.0498 11.6474 35 10.4555 35C9.26455 34.9999 8.2946 34.0519 8.26028 32.8693L4.20191 32.0793C3.8575 32.8453 3.08984 33.378 2.19714 33.378C0.984393 33.3779 0 32.3927 0 31.1799C0.000167875 30.1918 0.651518 29.3569 1.54874 29.0794V24.4068C0.651402 24.1291 0 23.2947 0 22.3064C6.3701e-05 21.3188 0.651446 20.4843 1.54874 20.2069V15.5733C0.651417 15.2958 2.06593e-05 14.4612 0 13.4729C0 12.2601 0.984393 11.2758 2.19714 11.2757C3.20169 11.2757 4.05057 11.9501 4.31226 12.8733H8.34328C8.60281 11.9501 9.45166 11.2758 10.4555 11.2757C11.4602 11.2757 12.3089 11.9501 12.5706 12.8733H16.585C16.8448 11.9502 17.6944 11.2759 18.6982 11.2757ZM10.4525 31.8215C9.88818 31.8216 9.4303 32.278 9.43014 32.8419C9.43014 33.4078 9.88808 33.8642 10.4525 33.8643C11.0164 33.8643 11.4749 33.4079 11.4749 32.8419C11.4748 32.2779 11.0163 31.8215 10.4525 31.8215ZM2.17371 30.1721C1.61 30.1724 1.15228 30.6306 1.15228 31.1945C1.15235 31.7589 1.61004 32.2167 2.17371 32.217C2.73819 32.217 3.19604 31.759 3.19611 31.1945C3.19611 30.6304 2.73824 30.1721 2.17371 30.1721ZM18.7304 30.1721C18.1665 30.1723 17.709 30.6306 17.709 31.1945C17.709 31.7604 18.1665 32.2168 18.7304 32.217C19.2949 32.217 19.7527 31.7605 19.7528 31.1945C19.7528 30.6304 19.2949 30.1721 18.7304 30.1721ZM4.04079 29.9827C4.21173 30.2461 4.32841 30.5492 4.37378 30.8752L8.56105 31.6887C8.84235 31.2111 9.29889 30.8504 9.84125 30.6936V24.4869C9.6682 24.4399 9.50224 24.3745 9.34713 24.2897L4.04079 29.9827ZM11.4749 24.3111C11.3438 24.3797 11.2048 24.4337 11.059 24.4752V30.6897C11.6047 30.8447 12.0662 31.2072 12.3489 31.6867L16.5225 30.8752C16.5637 30.5726 16.6669 30.291 16.8184 30.0403L11.4749 24.3111ZM12.6341 22.9235C12.5729 23.1268 12.4846 23.3162 12.3743 23.4909L17.7129 29.2171C17.8461 29.1486 17.9862 29.0937 18.1338 29.054V24.4322C17.3931 24.2338 16.8035 23.6587 16.5889 22.9235H12.6341ZM4.3064 22.9235C4.09215 23.6572 3.50615 24.2319 2.76547 24.4303V29.056C2.88998 29.0904 3.00759 29.1341 3.12092 29.1868L8.46437 23.4547C8.36316 23.2906 8.28345 23.1127 8.2261 22.9235H4.3064ZM10.4525 21.2381C9.85896 21.2382 9.38034 21.7176 9.38034 22.3103C9.38044 22.9034 9.85903 23.3824 10.4525 23.3825C11.0452 23.3825 11.5256 22.9034 11.5257 22.3103C11.5257 21.7175 11.0453 21.2381 10.4525 21.2381ZM2.17371 21.2879C1.61 21.2881 1.15228 21.7465 1.15228 22.3103C1.15238 22.8746 1.61007 23.3325 2.17371 23.3327C2.73817 23.3327 3.19601 22.8747 3.19611 22.3103C3.19611 21.7464 2.73824 21.2879 2.17371 21.2879ZM18.7304 21.2879C18.1665 21.2881 17.709 21.7465 17.709 22.3103C17.7091 22.8746 18.1665 23.3325 18.7304 23.3327C19.2949 23.3327 19.7527 22.8747 19.7528 22.3103C19.7528 21.7464 19.2949 21.2879 18.7304 21.2879ZM3.19123 15.4327C3.05764 15.5007 2.91467 15.5567 2.76547 15.5968V20.1825C3.51149 20.383 4.10122 20.9639 4.31226 21.7068H8.19876C8.25445 21.4834 8.3412 21.2741 8.45656 21.0809L3.19123 15.4327ZM12.3763 21.0389C12.5041 21.2425 12.6013 21.4669 12.6604 21.7068H16.585C16.7941 20.964 17.3879 20.3799 18.1338 20.1815V15.5987C17.9593 15.5519 17.7918 15.4827 17.6367 15.3986L12.3763 21.0389ZM4.3064 14.09C4.25261 14.2718 4.1771 14.4449 4.0818 14.6037L9.33835 20.2391C9.49491 20.1549 9.66464 20.0858 9.84125 20.0389V15.5821C9.12385 15.3747 8.55619 14.8091 8.34719 14.09H4.3064ZM12.5647 14.09C12.3543 14.8125 11.7829 15.3826 11.059 15.588V20.0497C11.2048 20.0914 11.3454 20.1469 11.4789 20.2157L16.7745 14.5363C16.6972 14.3963 16.6338 14.2464 16.5889 14.09H12.5647ZM2.17371 12.4544C1.61 12.4546 1.15228 12.9131 1.15228 13.4768C1.15237 14.0411 1.61006 14.499 2.17371 14.4992C2.73818 14.4992 3.19602 14.0413 3.19611 13.4768C3.19611 12.9129 2.73824 12.4544 2.17371 12.4544ZM10.4525 12.4544C9.88808 12.4545 9.43014 12.913 9.43014 13.4768C9.43023 14.0412 9.88814 14.4991 10.4525 14.4992C11.0164 14.4992 11.4749 14.0413 11.4749 13.4768C11.4749 12.9129 11.0164 12.4544 10.4525 12.4544ZM18.7304 12.4544C18.1665 12.4546 17.709 12.913 17.709 13.4768C17.7091 14.0412 18.1665 14.499 18.7304 14.4992C19.2949 14.4992 19.7527 14.0413 19.7528 13.4768C19.7528 12.9129 19.2949 12.4544 18.7304 12.4544Z"
fill="currentColor" />
<path
d="M10.266 8.61866C12.3753 8.61867 14.402 8.92053 16.3194 9.48189H16.3331L15.8956 10.9613C14.1011 10.4404 12.2248 10.1664 10.266 10.1664C8.35317 10.1664 6.50795 10.4388 4.74485 10.9301L4.32202 9.45455C6.19819 8.90694 8.19781 8.61866 10.266 8.61866Z"
fill="currentColor" />
<path d="M4.74681 10.934H4.73216C4.73627 10.9328 4.74073 10.9312 4.74485 10.9301L4.74681 10.934Z"
fill="currentColor" />
<path
d="M5.67839 2.48326C6.41711 2.4833 7.10173 2.67431 7.69098 3.0301C7.26621 3.3589 6.90998 3.7702 6.65002 4.22242H6.63635C6.34907 4.09907 6.0205 4.01642 5.67839 4.01638C4.37669 4.01638 3.30841 5.08531 3.30841 6.38636C3.3086 7.61929 4.26766 8.63193 5.47235 8.7417H5.48602C4.69215 8.90631 3.92501 9.12554 3.18537 9.3862H3.1717C2.32235 8.6742 1.77443 7.59191 1.77432 6.38636C1.77432 4.22278 3.52789 2.48326 5.67839 2.48326Z"
fill="currentColor" />
<path
d="M14.9914 2.48326C17.1552 2.48344 18.9081 4.22289 18.9081 6.38636C18.908 7.59191 18.3602 8.6742 17.4971 9.3862C16.7438 9.12557 15.9767 8.90629 15.1964 8.7417C16.4153 8.63193 17.3611 7.61929 17.3613 6.38636C17.3613 5.08542 16.306 4.01656 14.9914 4.01638C14.6489 4.01638 14.3338 4.099 14.0324 4.22242C13.7585 3.77017 13.4023 3.35891 12.9915 3.0301C13.58 2.67414 14.2659 2.48326 14.9914 2.48326Z"
fill="currentColor" />
<path
d="M9.18406 4.31812C8.44504 4.71548 7.9517 5.49645 7.9517 6.38636C7.9518 7.15336 8.32122 7.82474 8.88232 8.26321C8.25266 8.30438 7.6226 8.35926 7.00644 8.45461C6.63652 7.85219 6.41767 7.13965 6.41761 6.38636C6.41761 4.61955 7.58165 3.14052 9.18406 2.64731V4.31812Z"
fill="currentColor" />
<path
d="M11.4984 2.64731C13.1011 3.1406 14.2658 4.61966 14.2658 6.38636C14.2657 7.13965 14.0457 7.85219 13.6623 8.45461C13.0462 8.35928 12.4299 8.30437 11.8001 8.26321C12.3617 7.82474 12.717 7.15336 12.7171 6.38636C12.7171 5.49656 12.2248 4.71553 11.4984 4.31812V2.64731Z"
fill="currentColor" />
<path
d="M10.3207 2.48326C10.5946 2.48327 10.8689 2.50997 11.1293 2.56529L11.1429 8.2222C10.8549 8.2222 10.5541 8.20755 10.266 8.20755C10.0195 8.20755 9.78662 8.2222 9.53951 8.2222V2.55064C9.78662 2.50947 10.047 2.48326 10.3207 2.48326Z"
fill="currentColor" />
<path d="M10.2016 2.11121C9.71896 2.05151 9.3368 1.66744 9.27878 1.18353H10.2016V2.11121Z"
fill="currentColor" />
<path d="M11.39 1.1845C11.3313 1.66923 10.9467 2.05383 10.4613 2.11121V1.18353H11.388L11.39 1.1845Z"
fill="currentColor" />
<path d="M10.2016 0.915965H9.28073C9.34346 0.438429 9.72318 0.0604591 10.2016 0.000976508V0.915965Z"
fill="currentColor" />
<path d="M10.4613 0C10.9425 0.0575917 11.3257 0.436268 11.389 0.915965H10.4613V0Z"
fill="currentColor" />
</g>
<defs>
<clipPath id="hdr-bx-8-gn-boxed-v8-logo-clip">
<rect width="20.8963" height="35" fill="white" />
</clipPath>
</defs>
</svg>
<span class="gn-header__separator" aria-hidden="true"></span>
<div class="gn-header__title-group">
<p class="gn-header__title">Herramienta</p>
</div>
</div>
<!-- Desktop actions: idioma (nombre completo) -->
<div class="gn-header__desktop-actions">
<div class="gn-header__language-wrap">
<div class="gn-dropdown-menu gn-dropdown-menu--sm gn-dropdown-menu--selector gn-header__language">
<button type="button" class="gn-dropdown-menu__trigger gn-dropdown-menu__trigger--ghost"
aria-haspopup="listbox" aria-expanded="false" aria-controls="hdr-bx-8-hdr-lang-v8"
id="hdr-bx-8-hdr-lang-v8-trigger">
<span class="gn-dropdown-menu__trigger-label">
<span class="gn-dropdown-menu__trigger-text">Castellano</span>
<svg class="gn-dropdown-menu__trigger-icon" aria-hidden="true" focusable="false"
viewBox="0 0 24 24">
<path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" fill="currentColor" />
</svg>
</span>
</button>
<ul class="gn-dropdown-menu__panel" id="hdr-bx-8-hdr-lang-v8" role="listbox"
aria-labelledby="hdr-bx-8-hdr-lang-v8-trigger">
<li class="gn-dropdown-menu__option" role="option" aria-selected="true" tabindex="0"
data-trigger-label="Castellano">Castellano</li>
<li class="gn-dropdown-menu__option" role="option" aria-selected="false" tabindex="-1"
data-trigger-label="Euskera">Euskera</li>
</ul>
</div>
</div>
</div>
<!-- Mobile actions -->
<div class="gn-header__mobile-actions">
<span class="gn-header__mobile-separator" aria-hidden="true"></span>
<button type="button" class="gn-header__mobile-action gn-header__mobile-menu" aria-label="Abrir menú"
aria-expanded="false" aria-controls="hdr-bx-8-gn-header-mobile-menu-panel-v8"
data-gn-header-mobile-toggle>
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="32" height="32"
viewBox="0 0 32 32" fill="none">
<path d="M28 25.3333H4V22.6667H28V25.3333Z" fill="currentColor" />
<path d="M28 17.3333H4V14.6667H28V17.3333Z" fill="currentColor" />
<path d="M28 9.33332H4V6.66666H28V9.33332Z" fill="currentColor" />
</svg>
</button>
</div>
</div>
</div>
<div id="hdr-bx-8-gn-header-mobile-menu-panel-v8" class="gn-header__mobile-panel" data-gn-header-mobile-panel
hidden>
<div class="gn-header__mobile-user-card">
<div class="gn-header__mobile-user-head">
<svg class="gn-header__mobile-user-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
<g transform="translate(2 2.5)">
<path
d="M0 19V4H6V0H14V4H20V19H0ZM7.5 4H12.5V1.5H7.5V4ZM18.5 12.725H12.275V14.225H7.775V12.725H1.5V17.5H18.5V12.725ZM9.275 12.725H10.775V11.225H9.275V12.725ZM1.5 11.225H7.775V9.725H12.275V11.225H18.5V5.5H1.5V11.225Z"
fill="currentColor"></path>
</g>
</svg>
<div class="gn-header__mobile-user-info">
<p class="gn-header__mobile-user-name">Razón Social</p>
<p class="gn-header__mobile-user-meta">00000000A</p>
<p class="gn-header__mobile-user-meta">Última conexión 13 enero 2024</p>
<a href="#" class="gn-header__mobile-logout-link">
<span>Desconectar</span>
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 23 23" fill="none"
aria-hidden="true" focusable="false">
<path
d="M3.65381 20.3527V3.10266H12.2549V4.54016H5.09131V18.9152H12.2549V20.3527H3.65381ZM16.7351 15.9204L15.7049 14.8902L18.1486 12.4464H9.40381V11.0089H18.1007L15.6569 8.56516L16.6871 7.53495L20.9038 11.7516L16.7351 15.9204Z"
fill="currentColor"></path>
</svg>
</a>
</div>
</div>
</div>
<nav class="gn-side-navigation" aria-label="Menú mobile principal" data-gn-side-navigation-init="true">
<ul class="gn-side-navigation__list">
<li class="gn-side-navigation__item gn-side-navigation__item--level-1">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Inicio</span>
</a>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-1">
<button type="button" class="gn-side-navigation__link" aria-expanded="false"
aria-controls="hdr-bx-8-header-mobile-v8-sub-1">
<span class="gn-side-navigation__content">Trámites</span>
<svg class="gn-side-navigation__icon" aria-hidden="true" viewBox="0 0 24 24" focusable="false">
<path d="M12 15.35L6 9.34998L7.4 7.94998L12 12.55L16.6 7.94998L18 9.34998L12 15.35Z"
fill="currentColor"></path>
</svg>
</button>
<ul class="gn-side-navigation__list" id="hdr-bx-8-header-mobile-v8-sub-1" hidden>
<li class="gn-side-navigation__item gn-side-navigation__item--level-2">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Solicitud general</span>
</a>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-2">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Ayudas y subvenciones</span>
</a>
</li>
</ul>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-1">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Mi perfil</span>
</a>
</li>
</ul>
</nav>
</div>
</header>Mostrar JS
document.addEventListener('DOMContentLoaded', () => {
// initAll() inicializa todos los componentes y patrones, incluido el header.
// Si solo necesitas el header: window.GNDS.initHeader();
window.GNDS.initAll();
});Variante 9 · Boxed, identificación de representante, sin navmenu
Saltar al contenido principal
B00000000
representando a:
Nombre Apellido
Apellido
NAA
00000000A
Última conexión 13 enero 2024
B00000000
representando a:
NAA
00000000A
Herramienta
Mostrar HTML
<a class="gn-skip-link" href="#main-content">Saltar al contenido principal</a>
<!-- HEADER — boxed, identificación de representante, sin navmenu -->
<header class="gn-header gn-header--boxed" aria-label="Cabecera principal">
<!-- Barra de identificación de usuario (verde, desktop) -->
<div class="gn-header-identification gn-header-identification--desktop">
<div class="gn-header__inner gn-header-identification__inner">
<div
class="gn-header-identification__item gn-header-identification__item--principal gn-header-identification__item--representative">
<svg class="gn-header-identification__icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
<path
d="M0.949951 20.0001V17.6501C0.949951 17.0667 1.09995 16.5376 1.39995 16.0626C1.69995 15.5876 2.11662 15.2334 2.64995 15.0001C3.86662 14.4667 4.96245 14.0834 5.93745 13.8501C6.91245 13.6167 7.9166 13.5001 8.94995 13.5001C9.9833 13.5001 10.9833 13.6167 11.95 13.8501C12.9166 14.0834 14.0083 14.4667 15.225 15.0001C15.7583 15.2334 16.1791 15.5876 16.4875 16.0626C16.7958 16.5376 16.95 17.0667 16.95 17.6501V20.0001H0.949951ZM18.45 20.0001V17.6501C18.45 16.6001 18.1833 15.7376 17.65 15.0626C17.1166 14.3876 16.4166 13.8417 15.55 13.4251C16.7 13.5584 17.7833 13.7542 18.8 14.0126C19.8166 14.2709 20.6416 14.5667 21.275 14.9001C21.825 15.2167 22.2583 15.6084 22.575 16.0751C22.8916 16.5417 23.05 17.0667 23.05 17.6501V20.0001H18.45ZM8.94995 11.9751C7.84995 11.9751 6.94995 11.6251 6.24995 10.9251C5.54995 10.2251 5.19995 9.3251 5.19995 8.2251C5.19995 7.1251 5.54995 6.2251 6.24995 5.5251C6.94995 4.8251 7.84995 4.4751 8.94995 4.4751C10.05 4.4751 10.95 4.8251 11.65 5.5251C12.35 6.2251 12.7 7.1251 12.7 8.2251C12.7 9.3251 12.35 10.2251 11.65 10.9251C10.95 11.6251 10.05 11.9751 8.94995 11.9751ZM17.95 8.2251C17.95 9.3251 17.6 10.2251 16.9 10.9251C16.2 11.6251 15.3 11.9751 14.2 11.9751C14.0166 11.9751 13.8125 11.9626 13.5875 11.9376C13.3625 11.9126 13.1583 11.8667 12.975 11.8001C13.375 11.3834 13.6791 10.8709 13.8875 10.2626C14.0958 9.65425 14.2 8.9751 14.2 8.2251C14.2 7.4751 14.0958 6.8126 13.8875 6.2376C13.6791 5.6626 13.375 5.13345 12.975 4.6501C13.1583 4.6001 13.3625 4.55843 13.5875 4.5251C13.8125 4.49176 14.0166 4.4751 14.2 4.4751C15.3 4.4751 16.2 4.8251 16.9 5.5251C17.6 6.2251 17.95 7.1251 17.95 8.2251ZM2.44995 18.5001H15.45V17.6501C15.45 17.3834 15.3708 17.1251 15.2125 16.8751C15.0541 16.6251 14.8583 16.4501 14.625 16.3501C13.425 15.8167 12.4166 15.4584 11.6 15.2751C10.7833 15.0917 9.89995 15.0001 8.94995 15.0001C7.99995 15.0001 7.11245 15.0917 6.28745 15.2751C5.46245 15.4584 4.44995 15.8167 3.24995 16.3501C3.01662 16.4501 2.82495 16.6251 2.67495 16.8751C2.52495 17.1251 2.44995 17.3834 2.44995 17.6501V18.5001ZM8.94995 10.4751C9.59995 10.4751 10.1375 10.2626 10.5625 9.8376C10.9875 9.4126 11.2 8.8751 11.2 8.2251C11.2 7.5751 10.9875 7.0376 10.5625 6.6126C10.1375 6.1876 9.59995 5.9751 8.94995 5.9751C8.29995 5.9751 7.76245 6.1876 7.33745 6.6126C6.91245 7.0376 6.69995 7.5751 6.69995 8.2251C6.69995 8.8751 6.91245 9.4126 7.33745 9.8376C7.76245 10.2626 8.29995 10.4751 8.94995 10.4751Z"
fill="currentColor"></path>
</svg>
<span class="gn-header-identification__representative-content">
<span class="gn-header-identification__representative-top">
<span class="gn-header-identification__text">B00000000</span>
<span class="gn-header-identification__text">representando a:</span>
</span>
<span class="gn-header-identification__representative-bottom">
<span class="gn-header-identification__name gn-header-identification__name--full">Nombre Apellido
Apellido</span>
<span class="gn-header-identification__name gn-header-identification__name--initials">NAA</span>
<span class="gn-header-identification__divider gn-header-identification__divider--sm"
aria-hidden="true"></span>
<span class="gn-header-identification__text">00000000A</span>
</span>
</span>
</div>
<div class="gn-header-identification__item gn-header-identification__item--actions">
<span class="gn-header-identification__last-connection">Última conexión 13 enero 2024</span>
<button type="button" class="gn-button gn-button--secondary gn-button--sm">Desconectar</button>
</div>
</div>
</div>
<!-- Barra de identificación de usuario (mobile) -->
<div
class="gn-header-identification gn-header-identification--mobile-user gn-header-identification--mobile-representative">
<div class="gn-header__inner gn-header-identification__inner">
<div
class="gn-header-identification__item gn-header-identification__item--principal gn-header-identification__item--representative">
<svg class="gn-header-identification__icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
<path
d="M0.949951 20.0001V17.6501C0.949951 17.0667 1.09995 16.5376 1.39995 16.0626C1.69995 15.5876 2.11662 15.2334 2.64995 15.0001C3.86662 14.4667 4.96245 14.0834 5.93745 13.8501C6.91245 13.6167 7.9166 13.5001 8.94995 13.5001C9.9833 13.5001 10.9833 13.6167 11.95 13.8501C12.9166 14.0834 14.0083 14.4667 15.225 15.0001C15.7583 15.2334 16.1791 15.5876 16.4875 16.0626C16.7958 16.5376 16.95 17.0667 16.95 17.6501V20.0001H0.949951ZM18.45 20.0001V17.6501C18.45 16.6001 18.1833 15.7376 17.65 15.0626C17.1166 14.3876 16.4166 13.8417 15.55 13.4251C16.7 13.5584 17.7833 13.7542 18.8 14.0126C19.8166 14.2709 20.6416 14.5667 21.275 14.9001C21.825 15.2167 22.2583 15.6084 22.575 16.0751C22.8916 16.5417 23.05 17.0667 23.05 17.6501V20.0001H18.45ZM8.94995 11.9751C7.84995 11.9751 6.94995 11.6251 6.24995 10.9251C5.54995 10.2251 5.19995 9.3251 5.19995 8.2251C5.19995 7.1251 5.54995 6.2251 6.24995 5.5251C6.94995 4.8251 7.84995 4.4751 8.94995 4.4751C10.05 4.4751 10.95 4.8251 11.65 5.5251C12.35 6.2251 12.7 7.1251 12.7 8.2251C12.7 9.3251 12.35 10.2251 11.65 10.9251C10.95 11.6251 10.05 11.9751 8.94995 11.9751ZM17.95 8.2251C17.95 9.3251 17.6 10.2251 16.9 10.9251C16.2 11.6251 15.3 11.9751 14.2 11.9751C14.0166 11.9751 13.8125 11.9626 13.5875 11.9376C13.3625 11.9126 13.1583 11.8667 12.975 11.8001C13.375 11.3834 13.6791 10.8709 13.8875 10.2626C14.0958 9.65425 14.2 8.9751 14.2 8.2251C14.2 7.4751 14.0958 6.8126 13.8875 6.2376C13.6791 5.6626 13.375 5.13345 12.975 4.6501C13.1583 4.6001 13.3625 4.55843 13.5875 4.5251C13.8125 4.49176 14.0166 4.4751 14.2 4.4751C15.3 4.4751 16.2 4.8251 16.9 5.5251C17.6 6.2251 17.95 7.1251 17.95 8.2251ZM2.44995 18.5001H15.45V17.6501C15.45 17.3834 15.3708 17.1251 15.2125 16.8751C15.0541 16.6251 14.8583 16.4501 14.625 16.3501C13.425 15.8167 12.4166 15.4584 11.6 15.2751C10.7833 15.0917 9.89995 15.0001 8.94995 15.0001C7.99995 15.0001 7.11245 15.0917 6.28745 15.2751C5.46245 15.4584 4.44995 15.8167 3.24995 16.3501C3.01662 16.4501 2.82495 16.6251 2.67495 16.8751C2.52495 17.1251 2.44995 17.3834 2.44995 17.6501V18.5001ZM8.94995 10.4751C9.59995 10.4751 10.1375 10.2626 10.5625 9.8376C10.9875 9.4126 11.2 8.8751 11.2 8.2251C11.2 7.5751 10.9875 7.0376 10.5625 6.6126C10.1375 6.1876 9.59995 5.9751 8.94995 5.9751C8.29995 5.9751 7.76245 6.1876 7.33745 6.6126C6.91245 7.0376 6.69995 7.5751 6.69995 8.2251C6.69995 8.8751 6.91245 9.4126 7.33745 9.8376C7.76245 10.2626 8.29995 10.4751 8.94995 10.4751Z"
fill="currentColor"></path>
</svg>
<span class="gn-header-identification__representative-content">
<span class="gn-header-identification__representative-top">
<span class="gn-header-identification__text">B00000000</span>
<span class="gn-header-identification__text">representando a:</span>
</span>
<span class="gn-header-identification__representative-bottom">
<span class="gn-header-identification__name">NAA</span>
<span class="gn-header-identification__divider gn-header-identification__divider--sm"
aria-hidden="true"></span>
<span class="gn-header-identification__text">00000000A</span>
</span>
</span>
</div>
<button type="button" class="gn-header__mobile-action gn-header-identification__logout"
aria-label="Desconectar">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"
aria-hidden="true" focusable="false">
<path
d="M5.08325 28.3167V4.31674H17.0499V6.31674H7.08325V26.3167H17.0499V28.3167H5.08325ZM23.2833 22.1501L21.8499 20.7167L25.2499 17.3167H13.0833V15.3167H25.1833L21.7833 11.9167L23.2166 10.4834L29.0833 16.3501L23.2833 22.1501Z"
fill="currentColor" />
</svg>
</button>
</div>
</div>
<!-- Fila principal del header: marca + acciones -->
<div class="gn-header__inner">
<div class="gn-header__main">
<!-- Brand -->
<div class="gn-header__brand">
<!-- Logotipo completo (visible en desktop, boxed) -->
<svg class="gn-header__logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 148 35.3" aria-hidden="true"
focusable="false">
<g>
<g>
<path class="gn-header__logo-fill-primary"
d="M20.9,31.2c0,1.3-1,2.4-2.3,2.6l-8.1,1.5-8.1-1.5C1,33.6,0,32.6,0,31.2V12.1h20.9v19.1ZM18.1,12.8c-1.1,0-1.8.6-2,1.4h-3.7c-.2-.8-1-1.4-1.9-1.4-.9,0-1.7.6-1.9,1.4h-3.7c-.2-.8-1-1.4-1.9-1.4-.9,0-2,.9-2,2,0,1.1.6,1.6,1.4,1.9v4.2c-.8.3-1.4,1-1.4,1.9,0,.9.6,1.6,1.4,1.9v4.2c-.8.3-1.4,1-1.4,1.9,0,.9.9,2,2,2s1.5-.5,1.8-1.2l3.7.7c0,1.1.9,1.9,2,1.9,1.1,0,2-.8,2-1.9l3.7-.7c.3.7,1,1.2,2,1.2,1,0,1.9-.9,1.9-2,0-1.1-.6-1.6-1.4-1.9v-4.2c.8-.3,1.5-1,1.5-1.9h0c0-.9-.6-1.7-1.4-1.9v-4.2c.8-.3,1.4-1,1.4-1.9s-.8-2-2-2ZM10.4,31.4c.5,0,.9.4.9.9,0,.5-.4.9-.9.9s-.9-.4-.9-.9c0-.5.4-.9.9-.9ZM2.8,29.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9s-.9-.4-.9-.9c0-.5.4-.9.9-.9ZM18.1,29.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM9.4,24.6c.2,0,.3.2.4.2v5.6c-.5.2-.9.5-1.2.9l-3.8-.7c0-.3-.2-.6-.3-.8l4.9-5.1ZM16.3,29.7c-.2.2-.2.5-.3.7l-3.8.7c-.3-.4-.7-.7-1.2-.9v-5.6c.1,0,.3-.1.4-.2l4.9,5.2ZM16.1,23.3c.2.7.8,1.2,1.4,1.4v4.2c-.2,0-.3.1-.4.2l-4.9-5.2c.1-.2.2-.3.2-.5h3.7ZM8.4,23.3c0,.2.1.3.2.5l-4.9,5.2c-.1,0-.2-.1-.3-.1v-4.2c.7-.2,1.2-.7,1.4-1.4h3.6ZM10.5,21.8c.5,0,1,.4,1,.9,0,.5-.4.9-1,.9s-1-.4-1-.9c0-.5.4-.9,1-.9ZM18.1,21.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM2.8,21.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9s-.9-.4-.9-.9c0-.5.4-.9.9-.9ZM8.6,21.7h0c-.1.2-.2.4-.2.6h-3.6c-.2-.7-.8-1.2-1.4-1.4v-4.1c.2,0,.3-.1.4-.2l4.9,5ZM17,16.6c.2,0,.3.2.4.2v4.1c-.7.2-1.2.7-1.4,1.4h-3.6c0-.2-.2-.4-.3-.6l4.9-5ZM16.1,15.4c0,.2.1.3.2.4l-4.9,5.1c-.1,0-.3-.1-.4-.2v-4c.6-.2,1.2-.7,1.4-1.4h3.7ZM4.8,15.4h3.7c.2.6.7,1.2,1.4,1.3v4c-.2,0-.3.1-.5.2l-4.9-5c.1-.2.2-.3.2-.5h0ZM2.8,14c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM10.4,13.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM18.1,13.9c.5,0,.9.4.9.9,0,.5-.4.9-.9.9-.5,0-.9-.4-.9-.9,0-.5.4-.9.9-.9ZM10.5,9.1c2.3,0,4.6.3,6.7.9l-.5,1.6h0c-2-.6-4-.9-6.2-.9s-4.2.3-6.1.8l-.4-1.6c2.1-.6,4.3-.9,6.6-.9ZM5.3,2.5c2.4,0,1.6.2,2.3.6-.5.4-.9.8-1.1,1.3-.3-.2-.7-.3-1.1-.3-1.5,0-2.6,1.2-2.6,2.6,0,1.4,1,2.4,2.4,2.5-.9.2-1.7.4-2.5.7-1-.8-1.6-1.9-1.6-3.2,0-2.3,1.9-4.2,4.3-4.2ZM15.7,2.5c2.4,0,4.3,1.9,4.3,4.2,0,1.3-.6,2.4-1.6,3.2-.8-.3-1.7-.5-2.5-.7,1.3-.1,2.4-1.1,2.4-2.5,0-1.4-1.2-2.6-2.6-2.6-.4,0-.7,0-1,.2-.3-.5-.7-.9-1.2-1.2.6-.4-.1-.6,2.3-.6ZM9.3,4.4c-.9.4-1.4,1.3-1.4,2.3,0,1,.4,1.6,1,2h0c-.7,0-1.4.1-2,.2-.4-.6-.6-1.4-.6-2.2,0-1.9,1.3-3.5,3.1-4v1.8ZM11.6,2.6c1.8.5,3.1,2.2,3.1,4s-.2,1.6-.6,2.2c-.6-.1-1.3-.2-2-.2h0c.6-.4,1-1,1-2,0-1-.5-1.8-1.4-2.3v-1.8ZM10.5,2.5c.3,0,.6,0,.9.1v6.1h-1.7V2.6c.3-.1.6-.1.9-.1ZM14.7,4.4h-.1s0,0,0,0c0,0,0,0,0,0ZM10.4,2.2c-.5,0-.9-.5-1-.9h1v.9ZM11.6,1.3c0,.5-.5.9-1,.9v-.9h1ZM10.4.9h-1c0-.5.5-.9,1-.9v.9ZM10.6,0c.5,0,.9.5,1,.9h-1v-.9Z" />
<path class="gn-header__logo-fill-dark"
d="M32.4,19.1c-.6.8-1.5,1.2-2.3,1.2-2.6,0-4.2-1.9-4.2-4.3s1.6-4.4,4.2-4.4,3.3,1.1,3.6,2.9h-1.8c-.2-.9-.9-1.4-1.8-1.4-1.7,0-2.3,1.4-2.3,2.8s.6,2.8,2.3,2.8,1.9-.6,2-1.8h-1.9v-1.4h3.6v4.5h-1.2l-.2-.9h0ZM38.1,13.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM38.1,19c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM42.3,11.8h1.7v3c.4-.6,1.2-.9,1.9-.9,1.2,0,2.5.9,2.5,3.2s-1.3,3.2-2.5,3.2-1.7-.3-2-.9v.8h-1.6v-8.3ZM45.4,15.2c-1,0-1.5.9-1.5,1.9s.4,1.9,1.5,1.9,1.5-.9,1.5-1.9-.4-1.9-1.5-1.9ZM51.3,13.2h-1.7v-1.4h1.7v1.4ZM49.6,14.1h1.7v6h-1.7v-6ZM54,17.5c0,1.1.6,1.5,1.5,1.5s1.2-.4,1.3-.8h1.5c-.5,1.4-1.5,2-2.9,2s-3.1-1.3-3.1-3.2,1.3-3.2,3.1-3.2,3.1,1.7,3,3.6h-4.5ZM56.8,16.4c-.2-.8-.5-1.3-1.3-1.3s-1.4.8-1.4,1.3h2.8ZM59.5,14.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM64.3,14.1h1.6v.8c.4-.7,1.2-1,1.9-1,1.8,0,2.3,1,2.3,2.5v3.7h-1.7v-3.4c0-1-.3-1.5-1.1-1.5s-1.3.5-1.3,1.7v3.2h-1.7v-6h0ZM74.3,13.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM74.3,19c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM86.2,19.3c-.4.6-1.1.9-1.9.9-1.8,0-2.8-1.5-2.8-3.2s.9-3.1,2.7-3.1,1.5.3,1.8.9v-3h1.7v8.3h-1.6v-.8h0ZM84.8,15.2c-1.1,0-1.5.9-1.5,1.9s.4,1.9,1.5,1.9,1.5-.9,1.5-1.9-.4-1.9-1.5-1.9ZM90.5,17.5c0,1.1.6,1.5,1.5,1.5s1.2-.4,1.3-.8h1.5c-.5,1.4-1.5,2-2.9,2s-3.1-1.3-3.1-3.2,1.3-3.2,3.1-3.2,3.1,1.7,3,3.6h-4.5ZM93.2,16.4c-.2-.8-.5-1.3-1.3-1.3s-1.4.8-1.4,1.3h2.8ZM99.4,11.8h1.8l3.6,5.5v-5.5h1.7v8.3h-1.9l-3.5-5.5v5.5h-1.7v-8.3ZM108,15.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM111.8,17.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM118.2,20.1h-1.9l-2.1-6h1.8l1.3,4.1,1.3-4.1h1.7l-2.1,6h0ZM120.9,15.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM124.8,17.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM127.8,14.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM132.4,14.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM137,15.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM140.9,17.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM26.2,24.8h1.8l3.6,5.5v-5.5h1.7v8.3h-1.9l-3.5-5.5v5.5h-1.7v-8.3ZM34.8,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM38.7,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM42.1,28.2h-1v-1.1h1v-.5c0-1.1.7-1.8,2-1.8h.9v1.2h-.6c-.4,0-.6.2-.6.7v.4h1.2v1.1h-1.2v4.9h-1.7v-4.9h0ZM45.6,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM49.4,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM52.5,27.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM57,27.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM64.4,26.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM64.4,32c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM68.6,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2,.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM72.5,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0ZM75.7,24.8h1.7v4.4l2.1-2.2h2l-2.3,2.2,2.6,3.8h-2l-1.7-2.7-.6.6v2h-1.7v-8.3ZM85.3,26.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM85.3,32c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM99.2,32.1c-.6.8-1.5,1.2-2.3,1.2-2.6,0-4.2-1.9-4.2-4.3s1.6-4.4,4.2-4.4,3.3,1.1,3.6,2.9h-1.8c-.2-.9-.9-1.4-1.8-1.4-1.7,0-2.3,1.4-2.3,2.8s.6,2.8,2.3,2.8,1.9-.6,2-1.8h-1.9v-1.4h3.6v4.5h-1.2l-.2-.9h0ZM104.9,26.9c1.9,0,3.2,1.3,3.2,3.2s-1.2,3.2-3.2,3.2-3.2-1.3-3.2-3.2,1.2-3.2,3.2-3.2ZM104.9,32c1.1,0,1.5-.9,1.5-1.9s-.3-1.9-1.5-1.9-1.5.9-1.5,1.9.3,1.9,1.5,1.9ZM109.1,24.8h1.7v3c.4-.6,1.2-.9,1.9-.9,1.2,0,2.5.9,2.5,3.2s-1.3,3.2-2.5,3.2-1.7-.3-2-.9v.8h-1.6v-8.3ZM112.2,28.2c-1,0-1.5.9-1.5,1.9s.4,1.9,1.5,1.9,1.5-.9,1.5-1.9-.4-1.9-1.5-1.9ZM117.8,30.5c0,1.1.6,1.5,1.5,1.5s1.2-.4,1.3-.8h1.5c-.5,1.4-1.5,2-2.9,2s-3.1-1.3-3.1-3.2,1.3-3.2,3.1-3.2,3.1,1.7,3,3.6h-4.5ZM120.5,29.4c-.2-.8-.5-1.3-1.3-1.3s-1.4.8-1.4,1.3h2.8ZM123.2,27.1h1.6v1.1c.3-.7,1.1-1.3,1.9-1.3s.3,0,.4,0v1.5c-.2,0-.4,0-.6,0-1.2,0-1.7.9-1.7,1.9v2.7h-1.7v-6ZM128,27.1h1.6v.8c.4-.7,1.2-1,1.9-1,1.8,0,2.3,1,2.3,2.5v3.7h-1.7v-3.4c0-1-.3-1.5-1.1-1.5s-1.3.5-1.3,1.7v3.2h-1.7v-6h0ZM140.8,33.1h-1.6v-.8c-.4.7-1.2,1-1.9,1-1.8,0-2.3-1-2.3-2.5v-3.7h1.7v3.4c0,1,.3,1.5,1.1,1.5s1.3-.5,1.3-1.7v-3.2h1.7v6h0ZM142,28.9c.1-1.5,1.5-2,2.9-2s2.7.3,2.7,1.7v3.1c0,.5,0,1.1.2,1.3h-1.7c0-.2-.1-.4-.1-.6-.5.5-1.3.7-2.1.7-1.2,0-2.1-.6-2.1-1.8s1-1.7,2.1-1.8c1-.2,2-.1,2-.8s-.5-.8-1.1-.8-1.1.3-1.1.9h-1.7ZM145.9,30.1c-.3.3-.9.3-1.4.4-.5.1-1,.3-1,.9s.5.8,1,.8c1.3,0,1.3-1,1.3-1.4v-.6h0Z" />
</g>
</g>
</svg>
<!-- Símbolo (visible en mobile, boxed) -->
<svg class="gn-header__symbol" xmlns="http://www.w3.org/2000/svg" width="21" height="35" viewBox="0 0 21 35"
fill="none" aria-hidden="true" focusable="false">
<g clip-path="url(#hdr-bx-9-gn-boxed-v9-logo-clip)">
<path d="M11.3002 22.322L10.4555 23.1667L9.61079 22.322L10.4555 21.4773L11.3002 22.322Z"
fill="currentColor" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M18.6982 11.2757C19.9112 11.2757 20.8963 12.2601 20.8963 13.4729C20.8963 14.4589 20.2454 15.2938 19.3515 15.5714V20.2088C20.2454 20.4865 20.8962 21.3206 20.8963 22.3064C20.8963 23.2929 20.2454 24.1273 19.3515 24.4049V29.0814C20.2454 29.3596 20.8961 30.194 20.8963 31.1799C20.8963 32.3927 19.9112 33.378 18.6982 33.378C17.8056 33.3779 17.0378 32.8455 16.6934 32.0812L12.6516 32.8673C12.6172 34.0498 11.6474 35 10.4555 35C9.26455 34.9999 8.2946 34.0519 8.26028 32.8693L4.20191 32.0793C3.8575 32.8453 3.08984 33.378 2.19714 33.378C0.984393 33.3779 0 32.3927 0 31.1799C0.000167875 30.1918 0.651518 29.3569 1.54874 29.0794V24.4068C0.651402 24.1291 0 23.2947 0 22.3064C6.3701e-05 21.3188 0.651446 20.4843 1.54874 20.2069V15.5733C0.651417 15.2958 2.06593e-05 14.4612 0 13.4729C0 12.2601 0.984393 11.2758 2.19714 11.2757C3.20169 11.2757 4.05057 11.9501 4.31226 12.8733H8.34328C8.60281 11.9501 9.45166 11.2758 10.4555 11.2757C11.4602 11.2757 12.3089 11.9501 12.5706 12.8733H16.585C16.8448 11.9502 17.6944 11.2759 18.6982 11.2757ZM10.4525 31.8215C9.88818 31.8216 9.4303 32.278 9.43014 32.8419C9.43014 33.4078 9.88808 33.8642 10.4525 33.8643C11.0164 33.8643 11.4749 33.4079 11.4749 32.8419C11.4748 32.2779 11.0163 31.8215 10.4525 31.8215ZM2.17371 30.1721C1.61 30.1724 1.15228 30.6306 1.15228 31.1945C1.15235 31.7589 1.61004 32.2167 2.17371 32.217C2.73819 32.217 3.19604 31.759 3.19611 31.1945C3.19611 30.6304 2.73824 30.1721 2.17371 30.1721ZM18.7304 30.1721C18.1665 30.1723 17.709 30.6306 17.709 31.1945C17.709 31.7604 18.1665 32.2168 18.7304 32.217C19.2949 32.217 19.7527 31.7605 19.7528 31.1945C19.7528 30.6304 19.2949 30.1721 18.7304 30.1721ZM4.04079 29.9827C4.21173 30.2461 4.32841 30.5492 4.37378 30.8752L8.56105 31.6887C8.84235 31.2111 9.29889 30.8504 9.84125 30.6936V24.4869C9.6682 24.4399 9.50224 24.3745 9.34713 24.2897L4.04079 29.9827ZM11.4749 24.3111C11.3438 24.3797 11.2048 24.4337 11.059 24.4752V30.6897C11.6047 30.8447 12.0662 31.2072 12.3489 31.6867L16.5225 30.8752C16.5637 30.5726 16.6669 30.291 16.8184 30.0403L11.4749 24.3111ZM12.6341 22.9235C12.5729 23.1268 12.4846 23.3162 12.3743 23.4909L17.7129 29.2171C17.8461 29.1486 17.9862 29.0937 18.1338 29.054V24.4322C17.3931 24.2338 16.8035 23.6587 16.5889 22.9235H12.6341ZM4.3064 22.9235C4.09215 23.6572 3.50615 24.2319 2.76547 24.4303V29.056C2.88998 29.0904 3.00759 29.1341 3.12092 29.1868L8.46437 23.4547C8.36316 23.2906 8.28345 23.1127 8.2261 22.9235H4.3064ZM10.4525 21.2381C9.85896 21.2382 9.38034 21.7176 9.38034 22.3103C9.38044 22.9034 9.85903 23.3824 10.4525 23.3825C11.0452 23.3825 11.5256 22.9034 11.5257 22.3103C11.5257 21.7175 11.0453 21.2381 10.4525 21.2381ZM2.17371 21.2879C1.61 21.2881 1.15228 21.7465 1.15228 22.3103C1.15238 22.8746 1.61007 23.3325 2.17371 23.3327C2.73817 23.3327 3.19601 22.8747 3.19611 22.3103C3.19611 21.7464 2.73824 21.2879 2.17371 21.2879ZM18.7304 21.2879C18.1665 21.2881 17.709 21.7465 17.709 22.3103C17.7091 22.8746 18.1665 23.3325 18.7304 23.3327C19.2949 23.3327 19.7527 22.8747 19.7528 22.3103C19.7528 21.7464 19.2949 21.2879 18.7304 21.2879ZM3.19123 15.4327C3.05764 15.5007 2.91467 15.5567 2.76547 15.5968V20.1825C3.51149 20.383 4.10122 20.9639 4.31226 21.7068H8.19876C8.25445 21.4834 8.3412 21.2741 8.45656 21.0809L3.19123 15.4327ZM12.3763 21.0389C12.5041 21.2425 12.6013 21.4669 12.6604 21.7068H16.585C16.7941 20.964 17.3879 20.3799 18.1338 20.1815V15.5987C17.9593 15.5519 17.7918 15.4827 17.6367 15.3986L12.3763 21.0389ZM4.3064 14.09C4.25261 14.2718 4.1771 14.4449 4.0818 14.6037L9.33835 20.2391C9.49491 20.1549 9.66464 20.0858 9.84125 20.0389V15.5821C9.12385 15.3747 8.55619 14.8091 8.34719 14.09H4.3064ZM12.5647 14.09C12.3543 14.8125 11.7829 15.3826 11.059 15.588V20.0497C11.2048 20.0914 11.3454 20.1469 11.4789 20.2157L16.7745 14.5363C16.6972 14.3963 16.6338 14.2464 16.5889 14.09H12.5647ZM2.17371 12.4544C1.61 12.4546 1.15228 12.9131 1.15228 13.4768C1.15237 14.0411 1.61006 14.499 2.17371 14.4992C2.73818 14.4992 3.19602 14.0413 3.19611 13.4768C3.19611 12.9129 2.73824 12.4544 2.17371 12.4544ZM10.4525 12.4544C9.88808 12.4545 9.43014 12.913 9.43014 13.4768C9.43023 14.0412 9.88814 14.4991 10.4525 14.4992C11.0164 14.4992 11.4749 14.0413 11.4749 13.4768C11.4749 12.9129 11.0164 12.4544 10.4525 12.4544ZM18.7304 12.4544C18.1665 12.4546 17.709 12.913 17.709 13.4768C17.7091 14.0412 18.1665 14.499 18.7304 14.4992C19.2949 14.4992 19.7527 14.0413 19.7528 13.4768C19.7528 12.9129 19.2949 12.4544 18.7304 12.4544Z"
fill="currentColor" />
<path
d="M10.266 8.61866C12.3753 8.61867 14.402 8.92053 16.3194 9.48189H16.3331L15.8956 10.9613C14.1011 10.4404 12.2248 10.1664 10.266 10.1664C8.35317 10.1664 6.50795 10.4388 4.74485 10.9301L4.32202 9.45455C6.19819 8.90694 8.19781 8.61866 10.266 8.61866Z"
fill="currentColor" />
<path d="M4.74681 10.934H4.73216C4.73627 10.9328 4.74073 10.9312 4.74485 10.9301L4.74681 10.934Z"
fill="currentColor" />
<path
d="M5.67839 2.48326C6.41711 2.4833 7.10173 2.67431 7.69098 3.0301C7.26621 3.3589 6.90998 3.7702 6.65002 4.22242H6.63635C6.34907 4.09907 6.0205 4.01642 5.67839 4.01638C4.37669 4.01638 3.30841 5.08531 3.30841 6.38636C3.3086 7.61929 4.26766 8.63193 5.47235 8.7417H5.48602C4.69215 8.90631 3.92501 9.12554 3.18537 9.3862H3.1717C2.32235 8.6742 1.77443 7.59191 1.77432 6.38636C1.77432 4.22278 3.52789 2.48326 5.67839 2.48326Z"
fill="currentColor" />
<path
d="M14.9914 2.48326C17.1552 2.48344 18.9081 4.22289 18.9081 6.38636C18.908 7.59191 18.3602 8.6742 17.4971 9.3862C16.7438 9.12557 15.9767 8.90629 15.1964 8.7417C16.4153 8.63193 17.3611 7.61929 17.3613 6.38636C17.3613 5.08542 16.306 4.01656 14.9914 4.01638C14.6489 4.01638 14.3338 4.099 14.0324 4.22242C13.7585 3.77017 13.4023 3.35891 12.9915 3.0301C13.58 2.67414 14.2659 2.48326 14.9914 2.48326Z"
fill="currentColor" />
<path
d="M9.18406 4.31812C8.44504 4.71548 7.9517 5.49645 7.9517 6.38636C7.9518 7.15336 8.32122 7.82474 8.88232 8.26321C8.25266 8.30438 7.6226 8.35926 7.00644 8.45461C6.63652 7.85219 6.41767 7.13965 6.41761 6.38636C6.41761 4.61955 7.58165 3.14052 9.18406 2.64731V4.31812Z"
fill="currentColor" />
<path
d="M11.4984 2.64731C13.1011 3.1406 14.2658 4.61966 14.2658 6.38636C14.2657 7.13965 14.0457 7.85219 13.6623 8.45461C13.0462 8.35928 12.4299 8.30437 11.8001 8.26321C12.3617 7.82474 12.717 7.15336 12.7171 6.38636C12.7171 5.49656 12.2248 4.71553 11.4984 4.31812V2.64731Z"
fill="currentColor" />
<path
d="M10.3207 2.48326C10.5946 2.48327 10.8689 2.50997 11.1293 2.56529L11.1429 8.2222C10.8549 8.2222 10.5541 8.20755 10.266 8.20755C10.0195 8.20755 9.78662 8.2222 9.53951 8.2222V2.55064C9.78662 2.50947 10.047 2.48326 10.3207 2.48326Z"
fill="currentColor" />
<path d="M10.2016 2.11121C9.71896 2.05151 9.3368 1.66744 9.27878 1.18353H10.2016V2.11121Z"
fill="currentColor" />
<path d="M11.39 1.1845C11.3313 1.66923 10.9467 2.05383 10.4613 2.11121V1.18353H11.388L11.39 1.1845Z"
fill="currentColor" />
<path d="M10.2016 0.915965H9.28073C9.34346 0.438429 9.72318 0.0604591 10.2016 0.000976508V0.915965Z"
fill="currentColor" />
<path d="M10.4613 0C10.9425 0.0575917 11.3257 0.436268 11.389 0.915965H10.4613V0Z"
fill="currentColor" />
</g>
<defs>
<clipPath id="hdr-bx-9-gn-boxed-v9-logo-clip">
<rect width="20.8963" height="35" fill="white" />
</clipPath>
</defs>
</svg>
<span class="gn-header__separator" aria-hidden="true"></span>
<div class="gn-header__title-group">
<p class="gn-header__title">Herramienta</p>
</div>
</div>
<!-- Desktop actions: idioma (nombre completo) -->
<div class="gn-header__desktop-actions">
<div class="gn-header__language-wrap">
<div class="gn-dropdown-menu gn-dropdown-menu--sm gn-dropdown-menu--selector gn-header__language">
<button type="button" class="gn-dropdown-menu__trigger gn-dropdown-menu__trigger--ghost"
aria-haspopup="listbox" aria-expanded="false" aria-controls="hdr-bx-9-hdr-lang-v9"
id="hdr-bx-9-hdr-lang-v9-trigger">
<span class="gn-dropdown-menu__trigger-label">
<span class="gn-dropdown-menu__trigger-text">Castellano</span>
<svg class="gn-dropdown-menu__trigger-icon" aria-hidden="true" focusable="false"
viewBox="0 0 24 24">
<path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" fill="currentColor" />
</svg>
</span>
</button>
<ul class="gn-dropdown-menu__panel" id="hdr-bx-9-hdr-lang-v9" role="listbox"
aria-labelledby="hdr-bx-9-hdr-lang-v9-trigger">
<li class="gn-dropdown-menu__option" role="option" aria-selected="true" tabindex="0"
data-trigger-label="Castellano">Castellano</li>
<li class="gn-dropdown-menu__option" role="option" aria-selected="false" tabindex="-1"
data-trigger-label="Euskera">Euskera</li>
</ul>
</div>
</div>
</div>
<!-- Mobile actions -->
<div class="gn-header__mobile-actions">
<span class="gn-header__mobile-separator" aria-hidden="true"></span>
<button type="button" class="gn-header__mobile-action gn-header__mobile-menu" aria-label="Abrir menú"
aria-expanded="false" aria-controls="hdr-bx-9-gn-header-mobile-menu-panel-v9"
data-gn-header-mobile-toggle>
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="32" height="32"
viewBox="0 0 32 32" fill="none">
<path d="M28 25.3333H4V22.6667H28V25.3333Z" fill="currentColor" />
<path d="M28 17.3333H4V14.6667H28V17.3333Z" fill="currentColor" />
<path d="M28 9.33332H4V6.66666H28V9.33332Z" fill="currentColor" />
</svg>
</button>
</div>
</div>
</div>
<div id="hdr-bx-9-gn-header-mobile-menu-panel-v9" class="gn-header__mobile-panel" data-gn-header-mobile-panel
hidden>
<div class="gn-header__mobile-user-card">
<div class="gn-header__mobile-user-head">
<svg class="gn-header__mobile-user-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
<path
d="M0.949951 20.0001V17.6501C0.949951 17.0667 1.09995 16.5376 1.39995 16.0626C1.69995 15.5876 2.11662 15.2334 2.64995 15.0001C3.86662 14.4667 4.96245 14.0834 5.93745 13.8501C6.91245 13.6167 7.9166 13.5001 8.94995 13.5001C9.9833 13.5001 10.9833 13.6167 11.95 13.8501C12.9166 14.0834 14.0083 14.4667 15.225 15.0001C15.7583 15.2334 16.1791 15.5876 16.4875 16.0626C16.7958 16.5376 16.95 17.0667 16.95 17.6501V20.0001H0.949951ZM18.45 20.0001V17.6501C18.45 16.6001 18.1833 15.7376 17.65 15.0626C17.1166 14.3876 16.4166 13.8417 15.55 13.4251C16.7 13.5584 17.7833 13.7542 18.8 14.0126C19.8166 14.2709 20.6416 14.5667 21.275 14.9001C21.825 15.2167 22.2583 15.6084 22.575 16.0751C22.8916 16.5417 23.05 17.0667 23.05 17.6501V20.0001H18.45ZM8.94995 11.9751C7.84995 11.9751 6.94995 11.6251 6.24995 10.9251C5.54995 10.2251 5.19995 9.3251 5.19995 8.2251C5.19995 7.1251 5.54995 6.2251 6.24995 5.5251C6.94995 4.8251 7.84995 4.4751 8.94995 4.4751C10.05 4.4751 10.95 4.8251 11.65 5.5251C12.35 6.2251 12.7 7.1251 12.7 8.2251C12.7 9.3251 12.35 10.2251 11.65 10.9251C10.95 11.6251 10.05 11.9751 8.94995 11.9751ZM17.95 8.2251C17.95 9.3251 17.6 10.2251 16.9 10.9251C16.2 11.6251 15.3 11.9751 14.2 11.9751C14.0166 11.9751 13.8125 11.9626 13.5875 11.9376C13.3625 11.9126 13.1583 11.8667 12.975 11.8001C13.375 11.3834 13.6791 10.8709 13.8875 10.2626C14.0958 9.65425 14.2 8.9751 14.2 8.2251C14.2 7.4751 14.0958 6.8126 13.8875 6.2376C13.6791 5.6626 13.375 5.13345 12.975 4.6501C13.1583 4.6001 13.3625 4.55843 13.5875 4.5251C13.8125 4.49176 14.0166 4.4751 14.2 4.4751C15.3 4.4751 16.2 4.8251 16.9 5.5251C17.6 6.2251 17.95 7.1251 17.95 8.2251ZM2.44995 18.5001H15.45V17.6501C15.45 17.3834 15.3708 17.1251 15.2125 16.8751C15.0541 16.6251 14.8583 16.4501 14.625 16.3501C13.425 15.8167 12.4166 15.4584 11.6 15.2751C10.7833 15.0917 9.89995 15.0001 8.94995 15.0001C7.99995 15.0001 7.11245 15.0917 6.28745 15.2751C5.46245 15.4584 4.44995 15.8167 3.24995 16.3501C3.01662 16.4501 2.82495 16.6251 2.67495 16.8751C2.52495 17.1251 2.44995 17.3834 2.44995 17.6501V18.5001ZM8.94995 10.4751C9.59995 10.4751 10.1375 10.2626 10.5625 9.8376C10.9875 9.4126 11.2 8.8751 11.2 8.2251C11.2 7.5751 10.9875 7.0376 10.5625 6.6126C10.1375 6.1876 9.59995 5.9751 8.94995 5.9751C8.29995 5.9751 7.76245 6.1876 7.33745 6.6126C6.91245 7.0376 6.69995 7.5751 6.69995 8.2251C6.69995 8.8751 6.91245 9.4126 7.33745 9.8376C7.76245 10.2626 8.29995 10.4751 8.94995 10.4751Z"
fill="currentColor"></path>
</svg>
<div class="gn-header__mobile-user-info">
<p class="gn-header__mobile-user-name">Nombre Apellido Apellido</p>
<p class="gn-header__mobile-user-meta">00000000A</p>
<p class="gn-header__mobile-user-meta">Representando a B00000000</p>
<p class="gn-header__mobile-user-meta">Última conexión 13 enero 2024</p>
<a href="#" class="gn-header__mobile-logout-link">
<span>Desconectar</span>
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 23 23" fill="none"
aria-hidden="true" focusable="false">
<path
d="M3.65381 20.3527V3.10266H12.2549V4.54016H5.09131V18.9152H12.2549V20.3527H3.65381ZM16.7351 15.9204L15.7049 14.8902L18.1486 12.4464H9.40381V11.0089H18.1007L15.6569 8.56516L16.6871 7.53495L20.9038 11.7516L16.7351 15.9204Z"
fill="currentColor"></path>
</svg>
</a>
</div>
</div>
</div>
<nav class="gn-side-navigation" aria-label="Menú mobile principal" data-gn-side-navigation-init="true">
<ul class="gn-side-navigation__list">
<li class="gn-side-navigation__item gn-side-navigation__item--level-1">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Inicio</span>
</a>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-1">
<button type="button" class="gn-side-navigation__link" aria-expanded="false"
aria-controls="hdr-bx-9-header-mobile-v9-sub-1">
<span class="gn-side-navigation__content">Trámites</span>
<svg class="gn-side-navigation__icon" aria-hidden="true" viewBox="0 0 24 24" focusable="false">
<path d="M12 15.35L6 9.34998L7.4 7.94998L12 12.55L16.6 7.94998L18 9.34998L12 15.35Z"
fill="currentColor"></path>
</svg>
</button>
<ul class="gn-side-navigation__list" id="hdr-bx-9-header-mobile-v9-sub-1" hidden>
<li class="gn-side-navigation__item gn-side-navigation__item--level-2">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Solicitud general</span>
</a>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-2">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Ayudas y subvenciones</span>
</a>
</li>
</ul>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-1">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Mi perfil</span>
</a>
</li>
</ul>
</nav>
</div>
</header>Mostrar JS
document.addEventListener('DOMContentLoaded', () => {
// initAll() inicializa todos los componentes y patrones, incluido el header.
// Si solo necesitas el header: window.GNDS.initHeader();
window.GNDS.initAll();
});Variante completa · Fullwidth + inline nav + usuario autenticado
Saltar al contenido principal
NAA
- 00000000A
Herramienta
Nombre Apellido Apellido
Mostrar HTML
<a class="gn-skip-link" href="#main-content">Saltar al contenido principal</a>
<!-- HEADER — fullwidth + inline nav + usuario autenticado -->
<header class="gn-header gn-header--fullwidth gn-header--inline-nav" aria-label="Cabecera principal">
<div class="gn-header-identification gn-header-identification--mobile-user">
<div class="gn-header__inner gn-header-identification__inner">
<div class="gn-header-identification__item gn-header-identification__item--principal">
<svg class="gn-header-identification__icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
<path
d="M12 11.7375C10.9 11.7375 10 11.3875 9.3 10.6875C8.6 9.98751 8.25 9.08751 8.25 7.98751C8.25 6.88751 8.6 5.98751 9.3 5.28751C10 4.58749 10.9 4.23749 12 4.23749C13.1 4.23749 14 4.58749 14.7 5.28751C15.4 5.98751 15.75 6.88751 15.75 7.98751C15.75 9.08751 15.4 9.98751 14.7 10.6875C14 11.3875 13.1 11.7375 12 11.7375ZM4 19.7625V17.4125C4 16.7792 4.15833 16.2375 4.475 15.7875C4.79166 15.3375 5.2 14.9958 5.7 14.7625C6.81665 14.2625 7.8875 13.8875 8.9125 13.6375C9.9375 13.3875 10.9667 13.2625 12 13.2625C13.0333 13.2625 14.0583 13.3917 15.075 13.65C16.0917 13.9083 17.1583 14.2792 18.275 14.7625C18.7916 14.9958 19.2083 15.3375 19.525 15.7875C19.8417 16.2375 20 16.7792 20 17.4125V19.7625H4Z"
fill="currentColor" />
</svg>
<span class="gn-header-identification__name">NAA</span>
<span class="gn-header-identification__text">- 00000000A</span>
</div>
<button type="button" class="gn-header__mobile-action gn-header-identification__logout"
aria-label="Desconectar">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"
aria-hidden="true" focusable="false">
<path
d="M5.08325 28.3167V4.31674H17.0499V6.31674H7.08325V26.3167H17.0499V28.3167H5.08325ZM23.2833 22.1501L21.8499 20.7167L25.2499 17.3167H13.0833V15.3167H25.1833L21.7833 11.9167L23.2166 10.4834L29.0833 16.3501L23.2833 22.1501Z"
fill="currentColor" />
</svg>
</button>
</div>
</div>
<div class="gn-header__inner">
<div class="gn-header__main">
<!-- Brand -->
<div class="gn-header__brand" style="padding-inline-start: var(--gn-spacing-5, 24px);">
<!-- Símbolo completo del header (visible en fullwidth y mobile) -->
<svg class="gn-header__symbol" xmlns="http://www.w3.org/2000/svg" width="21" height="35" viewBox="0 0 21 35"
fill="none" aria-hidden="true" focusable="false">
<g clip-path="url(#hdr-fw-0-gn-prose-logo-clip)">
<path d="M11.3002 22.322L10.4555 23.1667L9.61079 22.322L10.4555 21.4773L11.3002 22.322Z"
fill="currentColor" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M18.6982 11.2757C19.9112 11.2757 20.8963 12.2601 20.8963 13.4729C20.8963 14.4589 20.2454 15.2938 19.3515 15.5714V20.2088C20.2454 20.4865 20.8962 21.3206 20.8963 22.3064C20.8963 23.2929 20.2454 24.1273 19.3515 24.4049V29.0814C20.2454 29.3596 20.8961 30.194 20.8963 31.1799C20.8963 32.3927 19.9112 33.378 18.6982 33.378C17.8056 33.3779 17.0378 32.8455 16.6934 32.0812L12.6516 32.8673C12.6172 34.0498 11.6474 35 10.4555 35C9.26455 34.9999 8.2946 34.0519 8.26028 32.8693L4.20191 32.0793C3.8575 32.8453 3.08984 33.378 2.19714 33.378C0.984393 33.3779 0 32.3927 0 31.1799C0.000167875 30.1918 0.651518 29.3569 1.54874 29.0794V24.4068C0.651402 24.1291 0 23.2947 0 22.3064C6.3701e-05 21.3188 0.651446 20.4843 1.54874 20.2069V15.5733C0.651417 15.2958 2.06593e-05 14.4612 0 13.4729C0 12.2601 0.984393 11.2758 2.19714 11.2757C3.20169 11.2757 4.05057 11.9501 4.31226 12.8733H8.34328C8.60281 11.9501 9.45166 11.2758 10.4555 11.2757C11.4602 11.2757 12.3089 11.9501 12.5706 12.8733H16.585C16.8448 11.9502 17.6944 11.2759 18.6982 11.2757ZM10.4525 31.8215C9.88818 31.8216 9.4303 32.278 9.43014 32.8419C9.43014 33.4078 9.88808 33.8642 10.4525 33.8643C11.0164 33.8643 11.4749 33.4079 11.4749 32.8419C11.4748 32.2779 11.0163 31.8215 10.4525 31.8215ZM2.17371 30.1721C1.61 30.1724 1.15228 30.6306 1.15228 31.1945C1.15235 31.7589 1.61004 32.2167 2.17371 32.217C2.73819 32.217 3.19604 31.759 3.19611 31.1945C3.19611 30.6304 2.73824 30.1721 2.17371 30.1721ZM18.7304 30.1721C18.1665 30.1723 17.709 30.6306 17.709 31.1945C17.709 31.7604 18.1665 32.2168 18.7304 32.217C19.2949 32.217 19.7527 31.7605 19.7528 31.1945C19.7528 30.6304 19.2949 30.1721 18.7304 30.1721ZM4.04079 29.9827C4.21173 30.2461 4.32841 30.5492 4.37378 30.8752L8.56105 31.6887C8.84235 31.2111 9.29889 30.8504 9.84125 30.6936V24.4869C9.6682 24.4399 9.50224 24.3745 9.34713 24.2897L4.04079 29.9827ZM11.4749 24.3111C11.3438 24.3797 11.2048 24.4337 11.059 24.4752V30.6897C11.6047 30.8447 12.0662 31.2072 12.3489 31.6867L16.5225 30.8752C16.5637 30.5726 16.6669 30.291 16.8184 30.0403L11.4749 24.3111ZM12.6341 22.9235C12.5729 23.1268 12.4846 23.3162 12.3743 23.4909L17.7129 29.2171C17.8461 29.1486 17.9862 29.0937 18.1338 29.054V24.4322C17.3931 24.2338 16.8035 23.6587 16.5889 22.9235H12.6341ZM4.3064 22.9235C4.09215 23.6572 3.50615 24.2319 2.76547 24.4303V29.056C2.88998 29.0904 3.00759 29.1341 3.12092 29.1868L8.46437 23.4547C8.36316 23.2906 8.28345 23.1127 8.2261 22.9235H4.3064ZM10.4525 21.2381C9.85896 21.2382 9.38034 21.7176 9.38034 22.3103C9.38044 22.9034 9.85903 23.3824 10.4525 23.3825C11.0452 23.3825 11.5256 22.9034 11.5257 22.3103C11.5257 21.7175 11.0453 21.2381 10.4525 21.2381ZM2.17371 21.2879C1.61 21.2881 1.15228 21.7465 1.15228 22.3103C1.15238 22.8746 1.61007 23.3325 2.17371 23.3327C2.73817 23.3327 3.19601 22.8747 3.19611 22.3103C3.19611 21.7464 2.73824 21.2879 2.17371 21.2879ZM18.7304 21.2879C18.1665 21.2881 17.709 21.7465 17.709 22.3103C17.7091 22.8746 18.1665 23.3325 18.7304 23.3327C19.2949 23.3327 19.7527 22.8747 19.7528 22.3103C19.7528 21.7464 19.2949 21.2879 18.7304 21.2879ZM3.19123 15.4327C3.05764 15.5007 2.91467 15.5567 2.76547 15.5968V20.1825C3.51149 20.383 4.10122 20.9639 4.31226 21.7068H8.19876C8.25445 21.4834 8.3412 21.2741 8.45656 21.0809L3.19123 15.4327ZM12.3763 21.0389C12.5041 21.2425 12.6013 21.4669 12.6604 21.7068H16.585C16.7941 20.964 17.3879 20.3799 18.1338 20.1815V15.5987C17.9593 15.5519 17.7918 15.4827 17.6367 15.3986L12.3763 21.0389ZM4.3064 14.09C4.25261 14.2718 4.1771 14.4449 4.0818 14.6037L9.33835 20.2391C9.49491 20.1549 9.66464 20.0858 9.84125 20.0389V15.5821C9.12385 15.3747 8.55619 14.8091 8.34719 14.09H4.3064ZM12.5647 14.09C12.3543 14.8125 11.7829 15.3826 11.059 15.588V20.0497C11.2048 20.0914 11.3454 20.1469 11.4789 20.2157L16.7745 14.5363C16.6972 14.3963 16.6338 14.2464 16.5889 14.09H12.5647ZM2.17371 12.4544C1.61 12.4546 1.15228 12.9131 1.15228 13.4768C1.15237 14.0411 1.61006 14.499 2.17371 14.4992C2.73818 14.4992 3.19602 14.0413 3.19611 13.4768C3.19611 12.9129 2.73824 12.4544 2.17371 12.4544ZM10.4525 12.4544C9.88808 12.4545 9.43014 12.913 9.43014 13.4768C9.43023 14.0412 9.88814 14.4991 10.4525 14.4992C11.0164 14.4992 11.4749 14.0413 11.4749 13.4768C11.4749 12.9129 11.0164 12.4544 10.4525 12.4544ZM18.7304 12.4544C18.1665 12.4546 17.709 12.913 17.709 13.4768C17.7091 14.0412 18.1665 14.499 18.7304 14.4992C19.2949 14.4992 19.7527 14.0413 19.7528 13.4768C19.7528 12.9129 19.2949 12.4544 18.7304 12.4544Z"
fill="currentColor" />
<path
d="M10.266 8.61866C12.3753 8.61867 14.402 8.92053 16.3194 9.48189H16.3331L15.8956 10.9613C14.1011 10.4404 12.2248 10.1664 10.266 10.1664C8.35317 10.1664 6.50795 10.4388 4.74485 10.9301L4.32202 9.45455C6.19819 8.90694 8.19781 8.61866 10.266 8.61866Z"
fill="currentColor" />
<path d="M4.74681 10.934H4.73216C4.73627 10.9328 4.74073 10.9312 4.74485 10.9301L4.74681 10.934Z"
fill="currentColor" />
<path
d="M5.67839 2.48326C6.41711 2.4833 7.10173 2.67431 7.69098 3.0301C7.26621 3.3589 6.90998 3.7702 6.65002 4.22242H6.63635C6.34907 4.09907 6.0205 4.01642 5.67839 4.01638C4.37669 4.01638 3.30841 5.08531 3.30841 6.38636C3.3086 7.61929 4.26766 8.63193 5.47235 8.7417H5.48602C4.69215 8.90631 3.92501 9.12554 3.18537 9.3862H3.1717C2.32235 8.6742 1.77443 7.59191 1.77432 6.38636C1.77432 4.22278 3.52789 2.48326 5.67839 2.48326Z"
fill="currentColor" />
<path
d="M14.9914 2.48326C17.1552 2.48344 18.9081 4.22289 18.9081 6.38636C18.908 7.59191 18.3602 8.6742 17.4971 9.3862C16.7438 9.12557 15.9767 8.90629 15.1964 8.7417C16.4153 8.63193 17.3611 7.61929 17.3613 6.38636C17.3613 5.08542 16.306 4.01656 14.9914 4.01638C14.6489 4.01638 14.3338 4.099 14.0324 4.22242C13.7585 3.77017 13.4023 3.35891 12.9915 3.0301C13.58 2.67414 14.2659 2.48326 14.9914 2.48326Z"
fill="currentColor" />
<path
d="M9.18406 4.31812C8.44504 4.71548 7.9517 5.49645 7.9517 6.38636C7.9518 7.15336 8.32122 7.82474 8.88232 8.26321C8.25266 8.30438 7.6226 8.35926 7.00644 8.45461C6.63652 7.85219 6.41767 7.13965 6.41761 6.38636C6.41761 4.61955 7.58165 3.14052 9.18406 2.64731V4.31812Z"
fill="currentColor" />
<path
d="M11.4984 2.64731C13.1011 3.1406 14.2658 4.61966 14.2658 6.38636C14.2657 7.13965 14.0457 7.85219 13.6623 8.45461C13.0462 8.35928 12.4299 8.30437 11.8001 8.26321C12.3617 7.82474 12.717 7.15336 12.7171 6.38636C12.7171 5.49656 12.2248 4.71553 11.4984 4.31812V2.64731Z"
fill="currentColor" />
<path
d="M10.3207 2.48326C10.5946 2.48327 10.8689 2.50997 11.1293 2.56529L11.1429 8.2222C10.8549 8.2222 10.5541 8.20755 10.266 8.20755C10.0195 8.20755 9.78662 8.2222 9.53951 8.2222V2.55064C9.78662 2.50947 10.047 2.48326 10.3207 2.48326Z"
fill="currentColor" />
<path d="M10.2016 2.11121C9.71896 2.05151 9.3368 1.66744 9.27878 1.18353H10.2016V2.11121Z"
fill="currentColor" />
<path d="M11.39 1.1845C11.3313 1.66923 10.9467 2.05383 10.4613 2.11121V1.18353H11.388L11.39 1.1845Z"
fill="currentColor" />
<path d="M10.2016 0.915965H9.28073C9.34346 0.438429 9.72318 0.0604591 10.2016 0.000976508V0.915965Z"
fill="currentColor" />
<path d="M10.4613 0C10.9425 0.0575917 11.3257 0.436268 11.389 0.915965H10.4613V0Z"
fill="currentColor" />
</g>
<defs>
<clipPath id="hdr-fw-0-gn-prose-logo-clip">
<rect width="20.8963" height="35" fill="white" />
</clipPath>
</defs>
</svg>
<span class="gn-header__separator" aria-hidden="true"></span>
<div class="gn-header__title-group">
<p class="gn-header__title">Herramienta</p>
</div>
<span class="gn-header__actions-separator" aria-hidden="true"></span>
<div class="gn-header__brand-nav">
<nav class="gn-header__nav" aria-label="Navegación principal">
<div class="gn-nav-menu">
<ul class="gn-nav-menu__list">
<li class="gn-nav-menu__item">
<a href="#" class="gn-nav-menu__link gn-nav-menu__link--active" aria-current="page">Item</a>
</li>
<li class="gn-nav-menu__item">
<a href="#" class="gn-nav-menu__link">Item</a>
</li>
<li class="gn-nav-menu__item">
<button type="button" class="gn-nav-menu__link" aria-expanded="false" aria-haspopup="true"
data-gn-menu-trigger>
Item
<svg aria-hidden="true" focusable="false" viewBox="0 0 24 24" width="20" height="20">
<path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" fill="currentColor" />
</svg>
</button>
</li>
<li class="gn-nav-menu__item">
<a href="#" class="gn-nav-menu__link">Item</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<!-- Desktop actions: idioma + bloque de usuario -->
<div class="gn-header__desktop-actions">
<span class="gn-header__actions-separator" aria-hidden="true"></span>
<div class="gn-header__language-wrap">
<div class="gn-dropdown-menu gn-dropdown-menu--sm gn-dropdown-menu--selector gn-header__language">
<button type="button" class="gn-dropdown-menu__trigger gn-dropdown-menu__trigger--ghost"
aria-haspopup="listbox" aria-expanded="false" aria-controls="hdr-fw-0-hdr-lang-prose"
id="hdr-fw-0-hdr-lang-prose-trigger">
<span class="gn-dropdown-menu__trigger-label">
<span class="gn-dropdown-menu__trigger-text">ES</span>
<svg class="gn-dropdown-menu__trigger-icon" aria-hidden="true" focusable="false"
viewBox="0 0 24 24">
<path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" fill="currentColor" />
</svg>
</span>
</button>
<ul class="gn-dropdown-menu__panel" id="hdr-fw-0-hdr-lang-prose" role="listbox"
aria-labelledby="hdr-fw-0-hdr-lang-prose-trigger">
<li class="gn-dropdown-menu__option" role="option" aria-selected="true" tabindex="0"
data-trigger-label="ES">ES</li>
<li class="gn-dropdown-menu__option" role="option" aria-selected="false" tabindex="-1"
data-trigger-label="EU">EU</li>
</ul>
</div>
</div>
<span class="gn-header__actions-separator" aria-hidden="true"></span>
<!-- Bloque usuario autenticado -->
<div class="gn-header__auth">
<div class="gn-header__auth-user">
<svg class="gn-header__auth-user-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
<path
d="M12 11.7375C10.9 11.7375 10 11.3875 9.3 10.6875C8.6 9.98751 8.25 9.08751 8.25 7.98751C8.25 6.88751 8.6 5.98751 9.3 5.28751C10 4.58749 10.9 4.23749 12 4.23749C13.1 4.23749 14 4.58749 14.7 5.28751C15.4 5.98751 15.75 6.88751 15.75 7.98751C15.75 9.08751 15.4 9.98751 14.7 10.6875C14 11.3875 13.1 11.7375 12 11.7375ZM4 19.7625V17.4125C4 16.7792 4.15833 16.2375 4.475 15.7875C4.79166 15.3375 5.2 14.9958 5.7 14.7625C6.81665 14.2625 7.8875 13.8875 8.9125 13.6375C9.9375 13.3875 10.9667 13.2625 12 13.2625C13.0333 13.2625 14.0583 13.3917 15.075 13.65C16.0917 13.9083 17.1583 14.2792 18.275 14.7625C18.7916 14.9958 19.2083 15.3375 19.525 15.7875C19.8417 16.2375 20 16.7792 20 17.4125V19.7625H4Z"
fill="currentColor" />
</svg>
<span class="gn-header__auth-user-text">
<span class="gn-header__auth-user-name">Nombre Apellido Apellido</span>
<span class="gn-header__auth-user-meta">
<span class="gn-header__auth-user-value">00000000A</span>
<span class="gn-header__auth-divider" aria-hidden="true"></span>
<span class="gn-header__auth-user-role">Rol</span>
</span>
</span>
</div>
<span class="gn-header__auth-divider" aria-hidden="true"></span>
<button type="button" class="gn-header__auth-logout" aria-label="Desconectar">
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 23 23" fill="none"
aria-hidden="true" focusable="false">
<path
d="M3.65381 20.3527V3.10266H12.2549V4.54016H5.09131V18.9152H12.2549V20.3527H3.65381ZM16.7351 15.9204L15.7049 14.8902L18.1486 12.4464H9.40381V11.0089H18.1007L15.6569 8.56516L16.6871 7.53495L20.9038 11.7516L16.7351 15.9204Z"
fill="currentColor" />
</svg>
</button>
</div>
</div>
<!-- Mobile actions -->
<div class="gn-header__mobile-actions">
<button type="button" class="gn-header__mobile-action gn-header__mobile-menu" aria-label="Abrir menú"
data-gn-header-mobile-toggle aria-expanded="false">
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="32" height="32"
viewBox="0 0 32 32" fill="none">
<path d="M28 25.3333H4V22.6667H28V25.3333Z" fill="currentColor" />
<path d="M28 17.3333H4V14.6667H28V17.3333Z" fill="currentColor" />
<path d="M28 9.33332H4V6.66666H28V9.33332Z" fill="currentColor" />
</svg>
</button>
</div>
</div>
</div>
<div class="gn-header__nav-row">
<div class="gn-header__nav-inner">
<nav class="gn-header__nav" aria-label="Navegación principal">
<div class="gn-nav-menu">
<ul class="gn-nav-menu__list">
<li class="gn-nav-menu__item">
<a href="#" class="gn-nav-menu__link gn-nav-menu__link--active" aria-current="page">Item</a>
</li>
<li class="gn-nav-menu__item">
<a href="#" class="gn-nav-menu__link">Item</a>
</li>
<li class="gn-nav-menu__item">
<button type="button" class="gn-nav-menu__link" aria-expanded="false" aria-haspopup="true"
data-gn-menu-trigger>
Item
<svg aria-hidden="true" focusable="false" viewBox="0 0 24 24" width="20" height="20">
<path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" fill="currentColor" />
</svg>
</button>
</li>
<li class="gn-nav-menu__item">
<a href="#" class="gn-nav-menu__link">Item</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<div id="hdr-fw-0-gn-header-mobile-panel-plantilla" class="gn-header__mobile-panel" data-gn-header-mobile-panel=""
hidden>
<div class="gn-header__mobile-user-card">
<div class="gn-header__mobile-user-head">
<svg class="gn-header__mobile-user-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false">
<path
d="M12 11.7375C10.9 11.7375 10 11.3875 9.3 10.6875C8.6 9.98751 8.25 9.08751 8.25 7.98751C8.25 6.88751 8.6 5.98751 9.3 5.28751C10 4.58749 10.9 4.23749 12 4.23749C13.1 4.23749 14 4.58749 14.7 5.28751C15.4 5.98751 15.75 6.88751 15.75 7.98751C15.75 9.08751 15.4 9.98751 14.7 10.6875C14 11.3875 13.1 11.7375 12 11.7375ZM4 19.7625V17.4125C4 16.7792 4.15833 16.2375 4.475 15.7875C4.79166 15.3375 5.2 14.9958 5.7 14.7625C6.81665 14.2625 7.8875 13.8875 8.9125 13.6375C9.9375 13.3875 10.9667 13.2625 12 13.2625C13.0333 13.2625 14.0583 13.3917 15.075 13.65C16.0917 13.9083 17.1583 14.2792 18.275 14.7625C18.7916 14.9958 19.2083 15.3375 19.525 15.7875C19.8417 16.2375 20 16.7792 20 17.4125V19.7625H4Z"
fill="currentColor"></path>
</svg>
<div class="gn-header__mobile-user-info">
<p class="gn-header__mobile-user-name">Nombre Apellido Apellido</p>
<p class="gn-header__mobile-user-meta">00000000A</p>
<p class="gn-header__mobile-user-meta">Última conexión 13 enero 2023</p>
<a href="#" class="gn-header__mobile-logout-link">
<span>Desconectar</span>
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 23 23" fill="none"
aria-hidden="true" focusable="false">
<path
d="M3.65381 20.3527V3.10266H12.2549V4.54016H5.09131V18.9152H12.2549V20.3527H3.65381ZM16.7351 15.9204L15.7049 14.8902L18.1486 12.4464H9.40381V11.0089H18.1007L15.6569 8.56516L16.6871 7.53495L20.9038 11.7516L16.7351 15.9204Z"
fill="currentColor"></path>
</svg>
</a>
</div>
</div>
</div>
<nav class="gn-side-navigation" aria-label="Menú mobile con subniveles" data-gn-side-navigation-init="true">
<ul class="gn-side-navigation__list">
<li class="gn-side-navigation__item gn-side-navigation__item--level-1">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Item 1</span>
</a>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-1">
<button type="button" class="gn-side-navigation__link" aria-expanded="false"
aria-controls="hdr-fw-0-header-mobile-plantilla-sub-1">
<span class="gn-side-navigation__content">Item 2</span>
<svg class="gn-side-navigation__icon" aria-hidden="true" viewBox="0 0 24 24" focusable="false">
<path d="M12 15.35L6 9.34998L7.4 7.94998L12 12.55L16.6 7.94998L18 9.34998L12 15.35Z"
fill="currentColor"></path>
</svg>
</button>
<ul class="gn-side-navigation__list" id="hdr-fw-0-header-mobile-plantilla-sub-1" hidden="">
<li class="gn-side-navigation__item gn-side-navigation__item--level-2">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Subitem 2.1</span>
</a>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-2">
<button type="button" class="gn-side-navigation__link" aria-expanded="false"
aria-controls="hdr-fw-0-header-mobile-plantilla-sub-2">
<span class="gn-side-navigation__content">Subitem 2.2</span>
<svg class="gn-side-navigation__icon" aria-hidden="true" viewBox="0 0 24 24" focusable="false">
<path d="M12 15.35L6 9.34998L7.4 7.94998L12 12.55L16.6 7.94998L18 9.34998L12 15.35Z"
fill="currentColor"></path>
</svg>
</button>
<ul class="gn-side-navigation__list" id="hdr-fw-0-header-mobile-plantilla-sub-2" hidden="">
<li class="gn-side-navigation__item gn-side-navigation__item--level-3">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Subitem 2.2.1</span>
</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-1">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Item 3</span>
</a>
</li>
</ul>
</nav>
</div>
</header>Mostrar JS
document.addEventListener('DOMContentLoaded', () => {
// initAll() inicializa todos los componentes y patrones, incluido el header.
// Si solo necesitas el header: window.GNDS.initHeader();
window.GNDS.initAll();
});Variante 1 · Fullwidth + stacked nav + acceso sin autenticar
Saltar al contenido principal
Herramienta
Subtitulo herramienta
Mostrar HTML
<a class="gn-skip-link" href="#main-content">Saltar al contenido principal</a>
<!-- HEADER — fullwidth + stacked nav + acceso sin autenticar -->
<header class="gn-header gn-header--fullwidth gn-header--stacked-nav" aria-label="Cabecera principal">
<div class="gn-header__inner">
<div class="gn-header__main">
<!-- Brand -->
<div class="gn-header__brand" style="padding-inline-start: var(--gn-spacing-5, 24px);">
<svg class="gn-header__symbol" xmlns="http://www.w3.org/2000/svg" width="21" height="35" viewBox="0 0 21 35"
fill="none" aria-hidden="true" focusable="false">
<g clip-path="url(#hdr-fw-1-gn-table-logo-clip)">
<path d="M11.3002 22.322L10.4555 23.1667L9.61079 22.322L10.4555 21.4773L11.3002 22.322Z"
fill="currentColor" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M18.6982 11.2757C19.9112 11.2757 20.8963 12.2601 20.8963 13.4729C20.8963 14.4589 20.2454 15.2938 19.3515 15.5714V20.2088C20.2454 20.4865 20.8962 21.3206 20.8963 22.3064C20.8963 23.2929 20.2454 24.1273 19.3515 24.4049V29.0814C20.2454 29.3596 20.8961 30.194 20.8963 31.1799C20.8963 32.3927 19.9112 33.378 18.6982 33.378C17.8056 33.3779 17.0378 32.8455 16.6934 32.0812L12.6516 32.8673C12.6172 34.0498 11.6474 35 10.4555 35C9.26455 34.9999 8.2946 34.0519 8.26028 32.8693L4.20191 32.0793C3.8575 32.8453 3.08984 33.378 2.19714 33.378C0.984393 33.3779 0 32.3927 0 31.1799C0.000167875 30.1918 0.651518 29.3569 1.54874 29.0794V24.4068C0.651402 24.1291 0 23.2947 0 22.3064C6.3701e-05 21.3188 0.651446 20.4843 1.54874 20.2069V15.5733C0.651417 15.2958 2.06593e-05 14.4612 0 13.4729C0 12.2601 0.984393 11.2758 2.19714 11.2757C3.20169 11.2757 4.05057 11.9501 4.31226 12.8733H8.34328C8.60281 11.9501 9.45166 11.2758 10.4555 11.2757C11.4602 11.2757 12.3089 11.9501 12.5706 12.8733H16.585C16.8448 11.9502 17.6944 11.2759 18.6982 11.2757ZM10.4525 31.8215C9.88818 31.8216 9.4303 32.278 9.43014 32.8419C9.43014 33.4078 9.88808 33.8642 10.4525 33.8643C11.0164 33.8643 11.4749 33.4079 11.4749 32.8419C11.4748 32.2779 11.0163 31.8215 10.4525 31.8215ZM2.17371 30.1721C1.61 30.1724 1.15228 30.6306 1.15228 31.1945C1.15235 31.7589 1.61004 32.2167 2.17371 32.217C2.73819 32.217 3.19604 31.759 3.19611 31.1945C3.19611 30.6304 2.73824 30.1721 2.17371 30.1721ZM18.7304 30.1721C18.1665 30.1723 17.709 30.6306 17.709 31.1945C17.709 31.7604 18.1665 32.2168 18.7304 32.217C19.2949 32.217 19.7527 31.7605 19.7528 31.1945C19.7528 30.6304 19.2949 30.1721 18.7304 30.1721ZM4.04079 29.9827C4.21173 30.2461 4.32841 30.5492 4.37378 30.8752L8.56105 31.6887C8.84235 31.2111 9.29889 30.8504 9.84125 30.6936V24.4869C9.6682 24.4399 9.50224 24.3745 9.34713 24.2897L4.04079 29.9827ZM11.4749 24.3111C11.3438 24.3797 11.2048 24.4337 11.059 24.4752V30.6897C11.6047 30.8447 12.0662 31.2072 12.3489 31.6867L16.5225 30.8752C16.5637 30.5726 16.6669 30.291 16.8184 30.0403L11.4749 24.3111ZM12.6341 22.9235C12.5729 23.1268 12.4846 23.3162 12.3743 23.4909L17.7129 29.2171C17.8461 29.1486 17.9862 29.0937 18.1338 29.054V24.4322C17.3931 24.2338 16.8035 23.6587 16.5889 22.9235H12.6341ZM4.3064 22.9235C4.09215 23.6572 3.50615 24.2319 2.76547 24.4303V29.056C2.88998 29.0904 3.00759 29.1341 3.12092 29.1868L8.46437 23.4547C8.36316 23.2906 8.28345 23.1127 8.2261 22.9235H4.3064ZM10.4525 21.2381C9.85896 21.2382 9.38034 21.7176 9.38034 22.3103C9.38044 22.9034 9.85903 23.3824 10.4525 23.3825C11.0452 23.3825 11.5256 22.9034 11.5257 22.3103C11.5257 21.7175 11.0453 21.2381 10.4525 21.2381ZM2.17371 21.2879C1.61 21.2881 1.15228 21.7465 1.15228 22.3103C1.15238 22.8746 1.61007 23.3325 2.17371 23.3327C2.73817 23.3327 3.19601 22.8747 3.19611 22.3103C3.19611 21.7464 2.73824 21.2879 2.17371 21.2879ZM18.7304 21.2879C18.1665 21.2881 17.709 21.7465 17.709 22.3103C17.7091 22.8746 18.1665 23.3325 18.7304 23.3327C19.2949 23.3327 19.7527 22.8747 19.7528 22.3103C19.7528 21.7464 19.2949 21.2879 18.7304 21.2879ZM3.19123 15.4327C3.05764 15.5007 2.91467 15.5567 2.76547 15.5968V20.1825C3.51149 20.383 4.10122 20.9639 4.31226 21.7068H8.19876C8.25445 21.4834 8.3412 21.2741 8.45656 21.0809L3.19123 15.4327ZM12.3763 21.0389C12.5041 21.2425 12.6013 21.4669 12.6604 21.7068H16.585C16.7941 20.964 17.3879 20.3799 18.1338 20.1815V15.5987C17.9593 15.5519 17.7918 15.4827 17.6367 15.3986L12.3763 21.0389ZM4.3064 14.09C4.25261 14.2718 4.1771 14.4449 4.0818 14.6037L9.33835 20.2391C9.49491 20.1549 9.66464 20.0858 9.84125 20.0389V15.5821C9.12385 15.3747 8.55619 14.8091 8.34719 14.09H4.3064ZM12.5647 14.09C12.3543 14.8125 11.7829 15.3826 11.059 15.588V20.0497C11.2048 20.0914 11.3454 20.1469 11.4789 20.2157L16.7745 14.5363C16.6972 14.3963 16.6338 14.2464 16.5889 14.09H12.5647ZM2.17371 12.4544C1.61 12.4546 1.15228 12.9131 1.15228 13.4768C1.15237 14.0411 1.61006 14.499 2.17371 14.4992C2.73818 14.4992 3.19602 14.0413 3.19611 13.4768C3.19611 12.9129 2.73824 12.4544 2.17371 12.4544ZM10.4525 12.4544C9.88808 12.4545 9.43014 12.913 9.43014 13.4768C9.43023 14.0412 9.88814 14.4991 10.4525 14.4992C11.0164 14.4992 11.4749 14.0413 11.4749 13.4768C11.4749 12.9129 11.0164 12.4544 10.4525 12.4544ZM18.7304 12.4544C18.1665 12.4546 17.709 12.913 17.709 13.4768C17.7091 14.0412 18.1665 14.499 18.7304 14.4992C19.2949 14.4992 19.7527 14.0413 19.7528 13.4768C19.7528 12.9129 19.2949 12.4544 18.7304 12.4544Z"
fill="currentColor" />
<path
d="M10.266 8.61866C12.3753 8.61867 14.402 8.92053 16.3194 9.48189H16.3331L15.8956 10.9613C14.1011 10.4404 12.2248 10.1664 10.266 10.1664C8.35317 10.1664 6.50795 10.4388 4.74485 10.9301L4.32202 9.45455C6.19819 8.90694 8.19781 8.61866 10.266 8.61866Z"
fill="currentColor" />
<path d="M4.74681 10.934H4.73216C4.73627 10.9328 4.74073 10.9312 4.74485 10.9301L4.74681 10.934Z"
fill="currentColor" />
<path
d="M5.67839 2.48326C6.41711 2.4833 7.10173 2.67431 7.69098 3.0301C7.26621 3.3589 6.90998 3.7702 6.65002 4.22242H6.63635C6.34907 4.09907 6.0205 4.01642 5.67839 4.01638C4.37669 4.01638 3.30841 5.08531 3.30841 6.38636C3.3086 7.61929 4.26766 8.63193 5.47235 8.7417H5.48602C4.69215 8.90631 3.92501 9.12554 3.18537 9.3862H3.1717C2.32235 8.6742 1.77443 7.59191 1.77432 6.38636C1.77432 4.22278 3.52789 2.48326 5.67839 2.48326Z"
fill="currentColor" />
<path
d="M14.9914 2.48326C17.1552 2.48344 18.9081 4.22289 18.9081 6.38636C18.908 7.59191 18.3602 8.6742 17.4971 9.3862C16.7438 9.12557 15.9767 8.90629 15.1964 8.7417C16.4153 8.63193 17.3611 7.61929 17.3613 6.38636C17.3613 5.08542 16.306 4.01656 14.9914 4.01638C14.6489 4.01638 14.3338 4.099 14.0324 4.22242C13.7585 3.77017 13.4023 3.35891 12.9915 3.0301C13.58 2.67414 14.2659 2.48326 14.9914 2.48326Z"
fill="currentColor" />
<path
d="M9.18406 4.31812C8.44504 4.71548 7.9517 5.49645 7.9517 6.38636C7.9518 7.15336 8.32122 7.82474 8.88232 8.26321C8.25266 8.30438 7.6226 8.35926 7.00644 8.45461C6.63652 7.85219 6.41767 7.13965 6.41761 6.38636C6.41761 4.61955 7.58165 3.14052 9.18406 2.64731V4.31812Z"
fill="currentColor" />
<path
d="M11.4984 2.64731C13.1011 3.1406 14.2658 4.61966 14.2658 6.38636C14.2657 7.13965 14.0457 7.85219 13.6623 8.45461C13.0462 8.35928 12.4299 8.30437 11.8001 8.26321C12.3617 7.82474 12.717 7.15336 12.7171 6.38636C12.7171 5.49656 12.2248 4.71553 11.4984 4.31812V2.64731Z"
fill="currentColor" />
<path
d="M10.3207 2.48326C10.5946 2.48327 10.8689 2.50997 11.1293 2.56529L11.1429 8.2222C10.8549 8.2222 10.5541 8.20755 10.266 8.20755C10.0195 8.20755 9.78662 8.2222 9.53951 8.2222V2.55064C9.78662 2.50947 10.047 2.48326 10.3207 2.48326Z"
fill="currentColor" />
<path d="M10.2016 2.11121C9.71896 2.05151 9.3368 1.66744 9.27878 1.18353H10.2016V2.11121Z"
fill="currentColor" />
<path d="M11.39 1.1845C11.3313 1.66923 10.9467 2.05383 10.4613 2.11121V1.18353H11.388L11.39 1.1845Z"
fill="currentColor" />
<path d="M10.2016 0.915965H9.28073C9.34346 0.438429 9.72318 0.0604591 10.2016 0.000976508V0.915965Z"
fill="currentColor" />
<path d="M10.4613 0C10.9425 0.0575917 11.3257 0.436268 11.389 0.915965H10.4613V0Z"
fill="currentColor" />
</g>
<defs>
<clipPath id="hdr-fw-1-gn-table-logo-clip">
<rect width="20.8963" height="35" fill="white" />
</clipPath>
</defs>
</svg>
<div class="gn-header__title-group">
<p class="gn-header__title">Herramienta</p>
<p class="gn-header__subtitle">Subtitulo herramienta</p>
</div>
</div>
<!-- Desktop actions: idioma + bloque de usuario -->
<div class="gn-header__desktop-actions">
<span class="gn-header__actions-separator" aria-hidden="true"></span>
<div class="gn-header__language-wrap">
<div class="gn-dropdown-menu gn-dropdown-menu--sm gn-dropdown-menu--selector gn-header__language">
<button type="button" class="gn-dropdown-menu__trigger gn-dropdown-menu__trigger--ghost"
aria-haspopup="listbox" aria-expanded="false" aria-controls="hdr-fw-1-hdr-lang-table"
id="hdr-fw-1-hdr-lang-table-trigger">
<span class="gn-dropdown-menu__trigger-label">
<span class="gn-dropdown-menu__trigger-text">ES</span>
<svg class="gn-dropdown-menu__trigger-icon" aria-hidden="true" focusable="false"
viewBox="0 0 24 24">
<path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" fill="currentColor" />
</svg>
</span>
</button>
<ul class="gn-dropdown-menu__panel" id="hdr-fw-1-hdr-lang-table" role="listbox"
aria-labelledby="hdr-fw-1-hdr-lang-table-trigger">
<li class="gn-dropdown-menu__option" role="option" aria-selected="true" tabindex="0"
data-trigger-label="ES">ES</li>
<li class="gn-dropdown-menu__option" role="option" aria-selected="false" tabindex="-1"
data-trigger-label="EU">EU</li>
</ul>
</div>
</div>
<!-- Botón acceder (no autenticado) -->
<span class="gn-header__actions-separator" aria-hidden="true"></span>
<div class="gn-header__access-wrap">
<button type="button" class="gn-button gn-button--secondary gn-button--sm">
<svg class="gn-button__icon" aria-hidden="true" focusable="false" width="19" height="19"
viewBox="0 0 19 19">
<path
d="M9.49984 9.29226C8.629 9.29226 7.9165 9.01517 7.36234 8.46101C6.80817 7.90684 6.53109 7.19434 6.53109 6.32351C6.53109 5.45267 6.80817 4.74017 7.36234 4.18601C7.9165 3.63182 8.629 3.35474 9.49984 3.35474C10.3707 3.35474 11.0832 3.63182 11.6373 4.18601C12.1915 4.74017 12.4686 5.45267 12.4686 6.32351C12.4686 7.19434 12.1915 7.90684 11.6373 8.46101C11.0832 9.01517 10.3707 9.29226 9.49984 9.29226ZM3.1665 15.6454V13.785C3.1665 13.2836 3.29185 12.8548 3.54255 12.4985C3.79324 12.1423 4.1165 11.8717 4.51234 11.687C5.39635 11.2912 6.24411 10.9943 7.05557 10.7964C7.86703 10.5985 8.68177 10.4995 9.49984 10.4995C10.3179 10.4995 11.1294 10.6018 11.9342 10.8063C12.7391 11.0108 13.5835 11.3044 14.4675 11.687C14.8766 11.8717 15.2064 12.1423 15.4571 12.4985C15.7078 12.8548 15.8332 13.2836 15.8332 13.785V15.6454H3.1665Z"
fill="currentColor" />
</svg>
Acceder
</button>
</div>
</div>
<!-- Mobile actions — solo hamburguesa (no autenticado) -->
<div class="gn-header__mobile-actions">
<button type="button" class="gn-header__mobile-action gn-header__mobile-menu" aria-label="Abrir menú"
data-gn-header-mobile-toggle aria-expanded="false">
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="32" height="32"
viewBox="0 0 32 32" fill="none">
<path d="M28 25.3333H4V22.6667H28V25.3333Z" fill="currentColor" />
<path d="M28 17.3333H4V14.6667H28V17.3333Z" fill="currentColor" />
<path d="M28 9.33332H4V6.66666H28V9.33332Z" fill="currentColor" />
</svg>
</button>
</div>
</div>
</div>
<!-- Nav row -->
<div class="gn-header__nav-row">
<div class="gn-header__nav-inner">
<nav class="gn-header__nav" aria-label="Navegación principal">
<div class="gn-nav-menu">
<ul class="gn-nav-menu__list">
<li class="gn-nav-menu__item"><a href="#" class="gn-nav-menu__link">Item</a></li>
<li class="gn-nav-menu__item"><a href="#" class="gn-nav-menu__link">Item</a></li>
<li class="gn-nav-menu__item"><a href="#" class="gn-nav-menu__link gn-nav-menu__link--active"
aria-current="page">Item</a></li>
<li class="gn-nav-menu__item"><a href="#" class="gn-nav-menu__link">Item</a></li>
</ul>
</div>
</nav>
</div>
</div>
<div id="hdr-fw-1-gn-header-mobile-panel-v1" class="gn-header__mobile-panel" data-gn-header-mobile-panel=""
hidden>
<nav class="gn-side-navigation" aria-label="Menú mobile principal" data-gn-side-navigation-init="true">
<ul class="gn-side-navigation__list">
<li class="gn-side-navigation__item gn-side-navigation__item--level-1">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Inicio</span>
</a>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-1">
<button type="button" class="gn-side-navigation__link" aria-expanded="false"
aria-controls="hdr-fw-1-header-mobile-v1-sub-1">
<span class="gn-side-navigation__content">Trámites</span>
<svg class="gn-side-navigation__icon" aria-hidden="true" viewBox="0 0 24 24" focusable="false">
<path d="M12 15.35L6 9.34998L7.4 7.94998L12 12.55L16.6 7.94998L18 9.34998L12 15.35Z"
fill="currentColor"></path>
</svg>
</button>
<ul class="gn-side-navigation__list" id="hdr-fw-1-header-mobile-v1-sub-1" hidden="">
<li class="gn-side-navigation__item gn-side-navigation__item--level-2">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Solicitud general</span>
</a>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-2">
<button type="button" class="gn-side-navigation__link" aria-expanded="false"
aria-controls="hdr-fw-1-header-mobile-v1-sub-2">
<span class="gn-side-navigation__content">Ayudas</span>
<svg class="gn-side-navigation__icon" aria-hidden="true" viewBox="0 0 24 24" focusable="false">
<path d="M12 15.35L6 9.34998L7.4 7.94998L12 12.55L16.6 7.94998L18 9.34998L12 15.35Z"
fill="currentColor"></path>
</svg>
</button>
<ul class="gn-side-navigation__list" id="hdr-fw-1-header-mobile-v1-sub-2" hidden="">
<li class="gn-side-navigation__item gn-side-navigation__item--level-3">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Convocatorias</span>
</a>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-3">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Justificaciones</span>
</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-1">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Mi perfil</span>
</a>
</li>
</ul>
</nav>
</div>
</header>Mostrar JS
document.addEventListener('DOMContentLoaded', () => {
// initAll() inicializa todos los componentes y patrones, incluido el header.
// Si solo necesitas el header: window.GNDS.initHeader();
window.GNDS.initAll();
});Variante 4 · Fullwidth + nav inline en barra principal
Saltar al contenido principal
Herramienta
Subtítulo
Mostrar HTML
<a class="gn-skip-link" href="#main-content">Saltar al contenido principal</a>
<!-- HEADER — fullwidth + nav inline en barra principal -->
<header class="gn-header gn-header--fullwidth gn-header--inline-nav" aria-label="Cabecera principal">
<div class="gn-header__inner">
<div class="gn-header__main">
<div class="gn-header__brand" style="padding-inline-start: var(--gn-spacing-5, 24px);">
<svg class="gn-header__symbol" xmlns="http://www.w3.org/2000/svg" width="21" height="35" viewBox="0 0 21 35"
fill="none" aria-hidden="true" focusable="false">
<g clip-path="url(#hdr-fw-2-gn-table-v4-logo-clip)">
<path d="M11.3002 22.322L10.4555 23.1667L9.61079 22.322L10.4555 21.4773L11.3002 22.322Z"
fill="currentColor" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M18.6982 11.2757C19.9112 11.2757 20.8963 12.2601 20.8963 13.4729C20.8963 14.4589 20.2454 15.2938 19.3515 15.5714V20.2088C20.2454 20.4865 20.8962 21.3206 20.8963 22.3064C20.8963 23.2929 20.2454 24.1273 19.3515 24.4049V29.0814C20.2454 29.3596 20.8961 30.194 20.8963 31.1799C20.8963 32.3927 19.9112 33.378 18.6982 33.378C17.8056 33.3779 17.0378 32.8455 16.6934 32.0812L12.6516 32.8673C12.6172 34.0498 11.6474 35 10.4555 35C9.26455 34.9999 8.2946 34.0519 8.26028 32.8693L4.20191 32.0793C3.8575 32.8453 3.08984 33.378 2.19714 33.378C0.984393 33.3779 0 32.3927 0 31.1799C0.000167875 30.1918 0.651518 29.3569 1.54874 29.0794V24.4068C0.651402 24.1291 0 23.2947 0 22.3064C6.3701e-05 21.3188 0.651446 20.4843 1.54874 20.2069V15.5733C0.651417 15.2958 2.06593e-05 14.4612 0 13.4729C0 12.2601 0.984393 11.2758 2.19714 11.2757C3.20169 11.2757 4.05057 11.9501 4.31226 12.8733H8.34328C8.60281 11.9501 9.45166 11.2758 10.4555 11.2757C11.4602 11.2757 12.3089 11.9501 12.5706 12.8733H16.585C16.8448 11.9502 17.6944 11.2759 18.6982 11.2757ZM10.4525 31.8215C9.88818 31.8216 9.4303 32.278 9.43014 32.8419C9.43014 33.4078 9.88808 33.8642 10.4525 33.8643C11.0164 33.8643 11.4749 33.4079 11.4749 32.8419C11.4748 32.2779 11.0163 31.8215 10.4525 31.8215ZM2.17371 30.1721C1.61 30.1724 1.15228 30.6306 1.15228 31.1945C1.15235 31.7589 1.61004 32.2167 2.17371 32.217C2.73819 32.217 3.19604 31.759 3.19611 31.1945C3.19611 30.6304 2.73824 30.1721 2.17371 30.1721ZM18.7304 30.1721C18.1665 30.1723 17.709 30.6306 17.709 31.1945C17.709 31.7604 18.1665 32.2168 18.7304 32.217C19.2949 32.217 19.7527 31.7605 19.7528 31.1945C19.7528 30.6304 19.2949 30.1721 18.7304 30.1721ZM4.04079 29.9827C4.21173 30.2461 4.32841 30.5492 4.37378 30.8752L8.56105 31.6887C8.84235 31.2111 9.29889 30.8504 9.84125 30.6936V24.4869C9.6682 24.4399 9.50224 24.3745 9.34713 24.2897L4.04079 29.9827ZM11.4749 24.3111C11.3438 24.3797 11.2048 24.4337 11.059 24.4752V30.6897C11.6047 30.8447 12.0662 31.2072 12.3489 31.6867L16.5225 30.8752C16.5637 30.5726 16.6669 30.291 16.8184 30.0403L11.4749 24.3111ZM12.6341 22.9235C12.5729 23.1268 12.4846 23.3162 12.3743 23.4909L17.7129 29.2171C17.8461 29.1486 17.9862 29.0937 18.1338 29.054V24.4322C17.3931 24.2338 16.8035 23.6587 16.5889 22.9235H12.6341ZM4.3064 22.9235C4.09215 23.6572 3.50615 24.2319 2.76547 24.4303V29.056C2.88998 29.0904 3.00759 29.1341 3.12092 29.1868L8.46437 23.4547C8.36316 23.2906 8.28345 23.1127 8.2261 22.9235H4.3064ZM10.4525 21.2381C9.85896 21.2382 9.38034 21.7176 9.38034 22.3103C9.38044 22.9034 9.85903 23.3824 10.4525 23.3825C11.0452 23.3825 11.5256 22.9034 11.5257 22.3103C11.5257 21.7175 11.0453 21.2381 10.4525 21.2381ZM2.17371 21.2879C1.61 21.2881 1.15228 21.7465 1.15228 22.3103C1.15238 22.8746 1.61007 23.3325 2.17371 23.3327C2.73817 23.3327 3.19601 22.8747 3.19611 22.3103C3.19611 21.7464 2.73824 21.2879 2.17371 21.2879ZM18.7304 21.2879C18.1665 21.2881 17.709 21.7465 17.709 22.3103C17.7091 22.8746 18.1665 23.3325 18.7304 23.3327C19.2949 23.3327 19.7527 22.8747 19.7528 22.3103C19.7528 21.7464 19.2949 21.2879 18.7304 21.2879ZM3.19123 15.4327C3.05764 15.5007 2.91467 15.5567 2.76547 15.5968V20.1825C3.51149 20.383 4.10122 20.9639 4.31226 21.7068H8.19876C8.25445 21.4834 8.3412 21.2741 8.45656 21.0809L3.19123 15.4327ZM12.3763 21.0389C12.5041 21.2425 12.6013 21.4669 12.6604 21.7068H16.585C16.7941 20.964 17.3879 20.3799 18.1338 20.1815V15.5987C17.9593 15.5519 17.7918 15.4827 17.6367 15.3986L12.3763 21.0389ZM4.3064 14.09C4.25261 14.2718 4.1771 14.4449 4.0818 14.6037L9.33835 20.2391C9.49491 20.1549 9.66464 20.0858 9.84125 20.0389V15.5821C9.12385 15.3747 8.55619 14.8091 8.34719 14.09H4.3064ZM12.5647 14.09C12.3543 14.8125 11.7829 15.3826 11.059 15.588V20.0497C11.2048 20.0914 11.3454 20.1469 11.4789 20.2157L16.7745 14.5363C16.6972 14.3963 16.6338 14.2464 16.5889 14.09H12.5647ZM2.17371 12.4544C1.61 12.4546 1.15228 12.9131 1.15228 13.4768C1.15237 14.0411 1.61006 14.499 2.17371 14.4992C2.73818 14.4992 3.19602 14.0413 3.19611 13.4768C3.19611 12.9129 2.73824 12.4544 2.17371 12.4544ZM10.4525 12.4544C9.88808 12.4545 9.43014 12.913 9.43014 13.4768C9.43023 14.0412 9.88814 14.4991 10.4525 14.4992C11.0164 14.4992 11.4749 14.0413 11.4749 13.4768C11.4749 12.9129 11.0164 12.4544 10.4525 12.4544ZM18.7304 12.4544C18.1665 12.4546 17.709 12.913 17.709 13.4768C17.7091 14.0412 18.1665 14.499 18.7304 14.4992C19.2949 14.4992 19.7527 14.0413 19.7528 13.4768C19.7528 12.9129 19.2949 12.4544 18.7304 12.4544Z"
fill="currentColor" />
<path
d="M10.266 8.61866C12.3753 8.61867 14.402 8.92053 16.3194 9.48189H16.3331L15.8956 10.9613C14.1011 10.4404 12.2248 10.1664 10.266 10.1664C8.35317 10.1664 6.50795 10.4388 4.74485 10.9301L4.32202 9.45455C6.19819 8.90694 8.19781 8.61866 10.266 8.61866Z"
fill="currentColor" />
<path d="M4.74681 10.934H4.73216C4.73627 10.9328 4.74073 10.9312 4.74485 10.9301L4.74681 10.934Z"
fill="currentColor" />
<path
d="M5.67839 2.48326C6.41711 2.4833 7.10173 2.67431 7.69098 3.0301C7.26621 3.3589 6.90998 3.7702 6.65002 4.22242H6.63635C6.34907 4.09907 6.0205 4.01642 5.67839 4.01638C4.37669 4.01638 3.30841 5.08531 3.30841 6.38636C3.3086 7.61929 4.26766 8.63193 5.47235 8.7417H5.48602C4.69215 8.90631 3.92501 9.12554 3.18537 9.3862H3.1717C2.32235 8.6742 1.77443 7.59191 1.77432 6.38636C1.77432 4.22278 3.52789 2.48326 5.67839 2.48326Z"
fill="currentColor" />
<path
d="M14.9914 2.48326C17.1552 2.48344 18.9081 4.22289 18.9081 6.38636C18.908 7.59191 18.3602 8.6742 17.4971 9.3862C16.7438 9.12557 15.9767 8.90629 15.1964 8.7417C16.4153 8.63193 17.3611 7.61929 17.3613 6.38636C17.3613 5.08542 16.306 4.01656 14.9914 4.01638C14.6489 4.01638 14.3338 4.099 14.0324 4.22242C13.7585 3.77017 13.4023 3.35891 12.9915 3.0301C13.58 2.67414 14.2659 2.48326 14.9914 2.48326Z"
fill="currentColor" />
<path
d="M9.18406 4.31812C8.44504 4.71548 7.9517 5.49645 7.9517 6.38636C7.9518 7.15336 8.32122 7.82474 8.88232 8.26321C8.25266 8.30438 7.6226 8.35926 7.00644 8.45461C6.63652 7.85219 6.41767 7.13965 6.41761 6.38636C6.41761 4.61955 7.58165 3.14052 9.18406 2.64731V4.31812Z"
fill="currentColor" />
<path
d="M11.4984 2.64731C13.1011 3.1406 14.2658 4.61966 14.2658 6.38636C14.2657 7.13965 14.0457 7.85219 13.6623 8.45461C13.0462 8.35928 12.4299 8.30437 11.8001 8.26321C12.3617 7.82474 12.717 7.15336 12.7171 6.38636C12.7171 5.49656 12.2248 4.71553 11.4984 4.31812V2.64731Z"
fill="currentColor" />
<path
d="M10.3207 2.48326C10.5946 2.48327 10.8689 2.50997 11.1293 2.56529L11.1429 8.2222C10.8549 8.2222 10.5541 8.20755 10.266 8.20755C10.0195 8.20755 9.78662 8.2222 9.53951 8.2222V2.55064C9.78662 2.50947 10.047 2.48326 10.3207 2.48326Z"
fill="currentColor" />
<path d="M10.2016 2.11121C9.71896 2.05151 9.3368 1.66744 9.27878 1.18353H10.2016V2.11121Z"
fill="currentColor" />
<path d="M11.39 1.1845C11.3313 1.66923 10.9467 2.05383 10.4613 2.11121V1.18353H11.388L11.39 1.1845Z"
fill="currentColor" />
<path d="M10.2016 0.915965H9.28073C9.34346 0.438429 9.72318 0.0604591 10.2016 0.000976508V0.915965Z"
fill="currentColor" />
<path d="M10.4613 0C10.9425 0.0575917 11.3257 0.436268 11.389 0.915965H10.4613V0Z"
fill="currentColor" />
</g>
<defs>
<clipPath id="hdr-fw-2-gn-table-v4-logo-clip">
<rect width="20.8963" height="35" fill="white" />
</clipPath>
</defs>
</svg>
<div class="gn-header__title-group">
<p class="gn-header__title">Herramienta</p>
<p class="gn-header__subtitle">Subtítulo</p>
</div>
<span class="gn-header__actions-separator" aria-hidden="true"></span>
<div class="gn-header__brand-nav">
<nav class="gn-header__nav" aria-label="Navegación principal">
<div class="gn-nav-menu">
<ul class="gn-nav-menu__list">
<li class="gn-nav-menu__item">
<a href="#" class="gn-nav-menu__link gn-nav-menu__link--active" aria-current="page">Item</a>
</li>
<li class="gn-nav-menu__item">
<a href="#" class="gn-nav-menu__link">Item</a>
</li>
<li class="gn-nav-menu__item">
<button type="button" class="gn-nav-menu__link" aria-expanded="false" aria-haspopup="true"
data-gn-menu-trigger>
Item
<svg aria-hidden="true" focusable="false" viewBox="0 0 24 24" width="20" height="20">
<path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" fill="currentColor" />
</svg>
</button>
</li>
<li class="gn-nav-menu__item">
<a href="#" class="gn-nav-menu__link">Item</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<div class="gn-header__desktop-actions">
<span class="gn-header__actions-separator" aria-hidden="true"></span>
<div class="gn-header__language-wrap">
<div class="gn-dropdown-menu gn-dropdown-menu--sm gn-dropdown-menu--selector gn-header__language">
<button type="button" class="gn-dropdown-menu__trigger gn-dropdown-menu__trigger--ghost"
aria-haspopup="listbox" aria-expanded="false" aria-controls="hdr-fw-2-hdr-lang-v4"
id="hdr-fw-2-hdr-lang-v4-trigger">
<span class="gn-dropdown-menu__trigger-label">
<span class="gn-dropdown-menu__trigger-text">ES</span>
<svg class="gn-dropdown-menu__trigger-icon" aria-hidden="true" focusable="false"
viewBox="0 0 24 24">
<path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" fill="currentColor" />
</svg>
</span>
</button>
<ul class="gn-dropdown-menu__panel" id="hdr-fw-2-hdr-lang-v4" role="listbox"
aria-labelledby="hdr-fw-2-hdr-lang-v4-trigger">
<li class="gn-dropdown-menu__option" role="option" aria-selected="true" tabindex="0"
data-trigger-label="ES">ES</li>
<li class="gn-dropdown-menu__option" role="option" aria-selected="false" tabindex="-1"
data-trigger-label="EU">EU</li>
</ul>
</div>
</div>
<span class="gn-header__actions-separator" aria-hidden="true"></span>
<div class="gn-header__access-wrap">
<button type="button" class="gn-button gn-button--secondary gn-button--sm">
<svg class="gn-button__icon" aria-hidden="true" focusable="false" width="19" height="19"
viewBox="0 0 19 19">
<path
d="M9.49984 9.29226C8.629 9.29226 7.9165 9.01517 7.36234 8.46101C6.80817 7.90684 6.53109 7.19434 6.53109 6.32351C6.53109 5.45267 6.80817 4.74017 7.36234 4.18601C7.9165 3.63182 8.629 3.35474 9.49984 3.35474C10.3707 3.35474 11.0832 3.63182 11.6373 4.18601C12.1915 4.74017 12.4686 5.45267 12.4686 6.32351C12.4686 7.19434 12.1915 7.90684 11.6373 8.46101C11.0832 9.01517 10.3707 9.29226 9.49984 9.29226ZM3.1665 15.6454V13.785C3.1665 13.2836 3.29185 12.8548 3.54255 12.4985C3.79324 12.1423 4.1165 11.8717 4.51234 11.687C5.39635 11.2912 6.24411 10.9943 7.05557 10.7964C7.86703 10.5985 8.68177 10.4995 9.49984 10.4995C10.3179 10.4995 11.1294 10.6018 11.9342 10.8063C12.7391 11.0108 13.5835 11.3044 14.4675 11.687C14.8766 11.8717 15.2064 12.1423 15.4571 12.4985C15.7078 12.8548 15.8332 13.2836 15.8332 13.785V15.6454H3.1665Z"
fill="currentColor" />
</svg>
Acceder
</button>
</div>
</div>
<div class="gn-header__mobile-actions">
<span class="gn-header__mobile-separator" aria-hidden="true"></span>
<button type="button" class="gn-header__mobile-action gn-header__mobile-user"
aria-label="Perfil de usuario">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
aria-hidden="true" focusable="false">
<path
d="M12 11.7375C10.9 11.7375 10 11.3875 9.3 10.6875C8.6 9.9875 8.25 9.0875 8.25 7.9875C8.25 6.8875 8.6 5.9875 9.3 5.2875C10 4.5875 10.9 4.2375 12 4.2375C13.1 4.2375 14 4.5875 14.7 5.2875C15.4 5.9875 15.75 6.8875 15.75 7.9875C15.75 9.0875 15.4 9.9875 14.7 10.6875C14 11.3875 13.1 11.7375 12 11.7375ZM4 19.7625V17.4125C4 16.7792 4.15833 16.2375 4.475 15.7875C4.79167 15.3375 5.2 14.9958 5.7 14.7625C6.81667 14.2625 7.8875 13.8875 8.9125 13.6375C9.9375 13.3875 10.9667 13.2625 12 13.2625C13.0333 13.2625 14.0583 13.3917 15.075 13.65C16.0917 13.9083 17.1583 14.2792 18.275 14.7625C18.7917 14.9958 19.2083 15.3375 19.525 15.7875C19.8417 16.2375 20 16.7792 20 17.4125V19.7625H4Z"
fill="currentColor"></path>
</svg>
</button>
<span class="gn-header__mobile-separator" aria-hidden="true"></span>
<button type="button" class="gn-header__mobile-action gn-header__mobile-menu" aria-label="Abrir menú"
data-gn-header-mobile-toggle aria-expanded="false">
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="32" height="32"
viewBox="0 0 32 32" fill="none">
<path d="M28 25.3333H4V22.6667H28V25.3333Z" fill="currentColor" />
<path d="M28 17.3333H4V14.6667H28V17.3333Z" fill="currentColor" />
<path d="M28 9.33332H4V6.66666H28V9.33332Z" fill="currentColor" />
</svg>
</button>
</div>
</div>
</div>
<div class="gn-header__nav-row">
<div class="gn-header__nav-inner">
<nav class="gn-header__nav" aria-label="Navegación principal">
<div class="gn-nav-menu">
<ul class="gn-nav-menu__list">
<li class="gn-nav-menu__item">
<a href="#" class="gn-nav-menu__link gn-nav-menu__link--active" aria-current="page">Item</a>
</li>
<li class="gn-nav-menu__item">
<a href="#" class="gn-nav-menu__link">Item</a>
</li>
<li class="gn-nav-menu__item">
<button type="button" class="gn-nav-menu__link" aria-expanded="false" aria-haspopup="true"
data-gn-menu-trigger>
Item
<svg aria-hidden="true" focusable="false" viewBox="0 0 24 24" width="20" height="20">
<path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" fill="currentColor" />
</svg>
</button>
</li>
<li class="gn-nav-menu__item">
<a href="#" class="gn-nav-menu__link">Item</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<div id="hdr-fw-2-gn-header-mobile-panel-v4" class="gn-header__mobile-panel" data-gn-header-mobile-panel=""
hidden>
<nav class="gn-side-navigation" aria-label="Menú mobile principal" data-gn-side-navigation-init="true">
<ul class="gn-side-navigation__list">
<li class="gn-side-navigation__item gn-side-navigation__item--level-1">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Inicio</span>
</a>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-1">
<button type="button" class="gn-side-navigation__link" aria-expanded="false"
aria-controls="hdr-fw-2-header-mobile-v4-sub-1">
<span class="gn-side-navigation__content">Trámites</span>
<svg class="gn-side-navigation__icon" aria-hidden="true" viewBox="0 0 24 24" focusable="false">
<path d="M12 15.35L6 9.34998L7.4 7.94998L12 12.55L16.6 7.94998L18 9.34998L12 15.35Z"
fill="currentColor"></path>
</svg>
</button>
<ul class="gn-side-navigation__list" id="hdr-fw-2-header-mobile-v4-sub-1" hidden="">
<li class="gn-side-navigation__item gn-side-navigation__item--level-2">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Solicitud general</span>
</a>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-2">
<button type="button" class="gn-side-navigation__link" aria-expanded="false"
aria-controls="hdr-fw-2-header-mobile-v4-sub-2">
<span class="gn-side-navigation__content">Ayudas</span>
<svg class="gn-side-navigation__icon" aria-hidden="true" viewBox="0 0 24 24" focusable="false">
<path d="M12 15.35L6 9.34998L7.4 7.94998L12 12.55L16.6 7.94998L18 9.34998L12 15.35Z"
fill="currentColor"></path>
</svg>
</button>
<ul class="gn-side-navigation__list" id="hdr-fw-2-header-mobile-v4-sub-2" hidden="">
<li class="gn-side-navigation__item gn-side-navigation__item--level-3">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Convocatorias</span>
</a>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-3">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Justificaciones</span>
</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-1">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Mi perfil</span>
</a>
</li>
</ul>
</nav>
</div>
</header>Mostrar JS
document.addEventListener('DOMContentLoaded', () => {
// initAll() inicializa todos los componentes y patrones, incluido el header.
// Si solo necesitas el header: window.GNDS.initHeader();
window.GNDS.initAll();
});Variante 5 · Fullwidth + nav inline en barra principal + app logo
Saltar al contenido principal
Herramienta
Subtítulo
Mostrar HTML
<a class="gn-skip-link" href="#main-content">Saltar al contenido principal</a>
<!-- HEADER — fullwidth + nav inline en barra principal + app logo -->
<header class="gn-header gn-header--fullwidth gn-header--inline-nav" aria-label="Cabecera principal">
<div class="gn-header__inner">
<div class="gn-header__main">
<div class="gn-header__brand" style="padding-inline-start: var(--gn-spacing-5, 24px);">
<svg class="gn-header__symbol" xmlns="http://www.w3.org/2000/svg" width="21" height="35" viewBox="0 0 21 35"
fill="none" aria-hidden="true" focusable="false">
<g clip-path="url(#hdr-fw-3-gn-table-v5-logo-clip)">
<path d="M11.3002 22.322L10.4555 23.1667L9.61079 22.322L10.4555 21.4773L11.3002 22.322Z"
fill="currentColor" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M18.6982 11.2757C19.9112 11.2757 20.8963 12.2601 20.8963 13.4729C20.8963 14.4589 20.2454 15.2938 19.3515 15.5714V20.2088C20.2454 20.4865 20.8962 21.3206 20.8963 22.3064C20.8963 23.2929 20.2454 24.1273 19.3515 24.4049V29.0814C20.2454 29.3596 20.8961 30.194 20.8963 31.1799C20.8963 32.3927 19.9112 33.378 18.6982 33.378C17.8056 33.3779 17.0378 32.8455 16.6934 32.0812L12.6516 32.8673C12.6172 34.0498 11.6474 35 10.4555 35C9.26455 34.9999 8.2946 34.0519 8.26028 32.8693L4.20191 32.0793C3.8575 32.8453 3.08984 33.378 2.19714 33.378C0.984393 33.3779 0 32.3927 0 31.1799C0.000167875 30.1918 0.651518 29.3569 1.54874 29.0794V24.4068C0.651402 24.1291 0 23.2947 0 22.3064C6.3701e-05 21.3188 0.651446 20.4843 1.54874 20.2069V15.5733C0.651417 15.2958 2.06593e-05 14.4612 0 13.4729C0 12.2601 0.984393 11.2758 2.19714 11.2757C3.20169 11.2757 4.05057 11.9501 4.31226 12.8733H8.34328C8.60281 11.9501 9.45166 11.2758 10.4555 11.2757C11.4602 11.2757 12.3089 11.9501 12.5706 12.8733H16.585C16.8448 11.9502 17.6944 11.2759 18.6982 11.2757ZM10.4525 31.8215C9.88818 31.8216 9.4303 32.278 9.43014 32.8419C9.43014 33.4078 9.88808 33.8642 10.4525 33.8643C11.0164 33.8643 11.4749 33.4079 11.4749 32.8419C11.4748 32.2779 11.0163 31.8215 10.4525 31.8215ZM2.17371 30.1721C1.61 30.1724 1.15228 30.6306 1.15228 31.1945C1.15235 31.7589 1.61004 32.2167 2.17371 32.217C2.73819 32.217 3.19604 31.759 3.19611 31.1945C3.19611 30.6304 2.73824 30.1721 2.17371 30.1721ZM18.7304 30.1721C18.1665 30.1723 17.709 30.6306 17.709 31.1945C17.709 31.7604 18.1665 32.2168 18.7304 32.217C19.2949 32.217 19.7527 31.7605 19.7528 31.1945C19.7528 30.6304 19.2949 30.1721 18.7304 30.1721ZM4.04079 29.9827C4.21173 30.2461 4.32841 30.5492 4.37378 30.8752L8.56105 31.6887C8.84235 31.2111 9.29889 30.8504 9.84125 30.6936V24.4869C9.6682 24.4399 9.50224 24.3745 9.34713 24.2897L4.04079 29.9827ZM11.4749 24.3111C11.3438 24.3797 11.2048 24.4337 11.059 24.4752V30.6897C11.6047 30.8447 12.0662 31.2072 12.3489 31.6867L16.5225 30.8752C16.5637 30.5726 16.6669 30.291 16.8184 30.0403L11.4749 24.3111ZM12.6341 22.9235C12.5729 23.1268 12.4846 23.3162 12.3743 23.4909L17.7129 29.2171C17.8461 29.1486 17.9862 29.0937 18.1338 29.054V24.4322C17.3931 24.2338 16.8035 23.6587 16.5889 22.9235H12.6341ZM4.3064 22.9235C4.09215 23.6572 3.50615 24.2319 2.76547 24.4303V29.056C2.88998 29.0904 3.00759 29.1341 3.12092 29.1868L8.46437 23.4547C8.36316 23.2906 8.28345 23.1127 8.2261 22.9235H4.3064ZM10.4525 21.2381C9.85896 21.2382 9.38034 21.7176 9.38034 22.3103C9.38044 22.9034 9.85903 23.3824 10.4525 23.3825C11.0452 23.3825 11.5256 22.9034 11.5257 22.3103C11.5257 21.7175 11.0453 21.2381 10.4525 21.2381ZM2.17371 21.2879C1.61 21.2881 1.15228 21.7465 1.15228 22.3103C1.15238 22.8746 1.61007 23.3325 2.17371 23.3327C2.73817 23.3327 3.19601 22.8747 3.19611 22.3103C3.19611 21.7464 2.73824 21.2879 2.17371 21.2879ZM18.7304 21.2879C18.1665 21.2881 17.709 21.7465 17.709 22.3103C17.7091 22.8746 18.1665 23.3325 18.7304 23.3327C19.2949 23.3327 19.7527 22.8747 19.7528 22.3103C19.7528 21.7464 19.2949 21.2879 18.7304 21.2879ZM3.19123 15.4327C3.05764 15.5007 2.91467 15.5567 2.76547 15.5968V20.1825C3.51149 20.383 4.10122 20.9639 4.31226 21.7068H8.19876C8.25445 21.4834 8.3412 21.2741 8.45656 21.0809L3.19123 15.4327ZM12.3763 21.0389C12.5041 21.2425 12.6013 21.4669 12.6604 21.7068H16.585C16.7941 20.964 17.3879 20.3799 18.1338 20.1815V15.5987C17.9593 15.5519 17.7918 15.4827 17.6367 15.3986L12.3763 21.0389ZM4.3064 14.09C4.25261 14.2718 4.1771 14.4449 4.0818 14.6037L9.33835 20.2391C9.49491 20.1549 9.66464 20.0858 9.84125 20.0389V15.5821C9.12385 15.3747 8.55619 14.8091 8.34719 14.09H4.3064ZM12.5647 14.09C12.3543 14.8125 11.7829 15.3826 11.059 15.588V20.0497C11.2048 20.0914 11.3454 20.1469 11.4789 20.2157L16.7745 14.5363C16.6972 14.3963 16.6338 14.2464 16.5889 14.09H12.5647ZM2.17371 12.4544C1.61 12.4546 1.15228 12.9131 1.15228 13.4768C1.15237 14.0411 1.61006 14.499 2.17371 14.4992C2.73818 14.4992 3.19602 14.0413 3.19611 13.4768C3.19611 12.9129 2.73824 12.4544 2.17371 12.4544ZM10.4525 12.4544C9.88808 12.4545 9.43014 12.913 9.43014 13.4768C9.43023 14.0412 9.88814 14.4991 10.4525 14.4992C11.0164 14.4992 11.4749 14.0413 11.4749 13.4768C11.4749 12.9129 11.0164 12.4544 10.4525 12.4544ZM18.7304 12.4544C18.1665 12.4546 17.709 12.913 17.709 13.4768C17.7091 14.0412 18.1665 14.499 18.7304 14.4992C19.2949 14.4992 19.7527 14.0413 19.7528 13.4768C19.7528 12.9129 19.2949 12.4544 18.7304 12.4544Z"
fill="currentColor" />
<path
d="M10.266 8.61866C12.3753 8.61867 14.402 8.92053 16.3194 9.48189H16.3331L15.8956 10.9613C14.1011 10.4404 12.2248 10.1664 10.266 10.1664C8.35317 10.1664 6.50795 10.4388 4.74485 10.9301L4.32202 9.45455C6.19819 8.90694 8.19781 8.61866 10.266 8.61866Z"
fill="currentColor" />
<path d="M4.74681 10.934H4.73216C4.73627 10.9328 4.74073 10.9312 4.74485 10.9301L4.74681 10.934Z"
fill="currentColor" />
<path
d="M5.67839 2.48326C6.41711 2.4833 7.10173 2.67431 7.69098 3.0301C7.26621 3.3589 6.90998 3.7702 6.65002 4.22242H6.63635C6.34907 4.09907 6.0205 4.01642 5.67839 4.01638C4.37669 4.01638 3.30841 5.08531 3.30841 6.38636C3.3086 7.61929 4.26766 8.63193 5.47235 8.7417H5.48602C4.69215 8.90631 3.92501 9.12554 3.18537 9.3862H3.1717C2.32235 8.6742 1.77443 7.59191 1.77432 6.38636C1.77432 4.22278 3.52789 2.48326 5.67839 2.48326Z"
fill="currentColor" />
<path
d="M14.9914 2.48326C17.1552 2.48344 18.9081 4.22289 18.9081 6.38636C18.908 7.59191 18.3602 8.6742 17.4971 9.3862C16.7438 9.12557 15.9767 8.90629 15.1964 8.7417C16.4153 8.63193 17.3611 7.61929 17.3613 6.38636C17.3613 5.08542 16.306 4.01656 14.9914 4.01638C14.6489 4.01638 14.3338 4.099 14.0324 4.22242C13.7585 3.77017 13.4023 3.35891 12.9915 3.0301C13.58 2.67414 14.2659 2.48326 14.9914 2.48326Z"
fill="currentColor" />
<path
d="M9.18406 4.31812C8.44504 4.71548 7.9517 5.49645 7.9517 6.38636C7.9518 7.15336 8.32122 7.82474 8.88232 8.26321C8.25266 8.30438 7.6226 8.35926 7.00644 8.45461C6.63652 7.85219 6.41767 7.13965 6.41761 6.38636C6.41761 4.61955 7.58165 3.14052 9.18406 2.64731V4.31812Z"
fill="currentColor" />
<path
d="M11.4984 2.64731C13.1011 3.1406 14.2658 4.61966 14.2658 6.38636C14.2657 7.13965 14.0457 7.85219 13.6623 8.45461C13.0462 8.35928 12.4299 8.30437 11.8001 8.26321C12.3617 7.82474 12.717 7.15336 12.7171 6.38636C12.7171 5.49656 12.2248 4.71553 11.4984 4.31812V2.64731Z"
fill="currentColor" />
<path
d="M10.3207 2.48326C10.5946 2.48327 10.8689 2.50997 11.1293 2.56529L11.1429 8.2222C10.8549 8.2222 10.5541 8.20755 10.266 8.20755C10.0195 8.20755 9.78662 8.2222 9.53951 8.2222V2.55064C9.78662 2.50947 10.047 2.48326 10.3207 2.48326Z"
fill="currentColor" />
<path d="M10.2016 2.11121C9.71896 2.05151 9.3368 1.66744 9.27878 1.18353H10.2016V2.11121Z"
fill="currentColor" />
<path d="M11.39 1.1845C11.3313 1.66923 10.9467 2.05383 10.4613 2.11121V1.18353H11.388L11.39 1.1845Z"
fill="currentColor" />
<path d="M10.2016 0.915965H9.28073C9.34346 0.438429 9.72318 0.0604591 10.2016 0.000976508V0.915965Z"
fill="currentColor" />
<path d="M10.4613 0C10.9425 0.0575917 11.3257 0.436268 11.389 0.915965H10.4613V0Z"
fill="currentColor" />
</g>
<defs>
<clipPath id="hdr-fw-3-gn-table-v5-logo-clip">
<rect width="20.8963" height="35" fill="white" />
</clipPath>
</defs>
</svg>
<span class="gn-header__separator" aria-hidden="true"></span>
<div class="gn-header__app-logo" aria-hidden="true"></div>
<div class="gn-header__title-group">
<p class="gn-header__title">Herramienta</p>
<p class="gn-header__subtitle">Subtítulo</p>
</div>
<span class="gn-header__actions-separator" aria-hidden="true"></span>
<div class="gn-header__brand-nav">
<nav class="gn-header__nav" aria-label="Navegación principal">
<div class="gn-nav-menu">
<ul class="gn-nav-menu__list">
<li class="gn-nav-menu__item">
<a href="#" class="gn-nav-menu__link gn-nav-menu__link--active" aria-current="page">Item</a>
</li>
<li class="gn-nav-menu__item">
<a href="#" class="gn-nav-menu__link">Item</a>
</li>
<li class="gn-nav-menu__item">
<button type="button" class="gn-nav-menu__link" aria-expanded="false" aria-haspopup="true"
data-gn-menu-trigger>
Item
<svg aria-hidden="true" focusable="false" viewBox="0 0 24 24" width="20" height="20">
<path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" fill="currentColor" />
</svg>
</button>
</li>
<li class="gn-nav-menu__item">
<a href="#" class="gn-nav-menu__link">Item</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<div class="gn-header__desktop-actions">
<span class="gn-header__actions-separator" aria-hidden="true"></span>
<div class="gn-header__language-wrap">
<div class="gn-dropdown-menu gn-dropdown-menu--sm gn-dropdown-menu--selector gn-header__language">
<button type="button" class="gn-dropdown-menu__trigger gn-dropdown-menu__trigger--ghost"
aria-haspopup="listbox" aria-expanded="false" aria-controls="hdr-fw-3-hdr-lang-v5"
id="hdr-fw-3-hdr-lang-v5-trigger">
<span class="gn-dropdown-menu__trigger-label">
<span class="gn-dropdown-menu__trigger-text">ES</span>
<svg class="gn-dropdown-menu__trigger-icon" aria-hidden="true" focusable="false"
viewBox="0 0 24 24">
<path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" fill="currentColor" />
</svg>
</span>
</button>
<ul class="gn-dropdown-menu__panel" id="hdr-fw-3-hdr-lang-v5" role="listbox"
aria-labelledby="hdr-fw-3-hdr-lang-v5-trigger">
<li class="gn-dropdown-menu__option" role="option" aria-selected="true" tabindex="0"
data-trigger-label="ES">ES</li>
<li class="gn-dropdown-menu__option" role="option" aria-selected="false" tabindex="-1"
data-trigger-label="EU">EU</li>
</ul>
</div>
</div>
<span class="gn-header__actions-separator" aria-hidden="true"></span>
<div class="gn-header__access-wrap">
<button type="button" class="gn-button gn-button--secondary gn-button--sm">
<svg class="gn-button__icon" aria-hidden="true" focusable="false" width="19" height="19"
viewBox="0 0 19 19">
<path
d="M9.49984 9.29226C8.629 9.29226 7.9165 9.01517 7.36234 8.46101C6.80817 7.90684 6.53109 7.19434 6.53109 6.32351C6.53109 5.45267 6.80817 4.74017 7.36234 4.18601C7.9165 3.63182 8.629 3.35474 9.49984 3.35474C10.3707 3.35474 11.0832 3.63182 11.6373 4.18601C12.1915 4.74017 12.4686 5.45267 12.4686 6.32351C12.4686 7.19434 12.1915 7.90684 11.6373 8.46101C11.0832 9.01517 10.3707 9.29226 9.49984 9.29226ZM3.1665 15.6454V13.785C3.1665 13.2836 3.29185 12.8548 3.54255 12.4985C3.79324 12.1423 4.1165 11.8717 4.51234 11.687C5.39635 11.2912 6.24411 10.9943 7.05557 10.7964C7.86703 10.5985 8.68177 10.4995 9.49984 10.4995C10.3179 10.4995 11.1294 10.6018 11.9342 10.8063C12.7391 11.0108 13.5835 11.3044 14.4675 11.687C14.8766 11.8717 15.2064 12.1423 15.4571 12.4985C15.7078 12.8548 15.8332 13.2836 15.8332 13.785V15.6454H3.1665Z"
fill="currentColor" />
</svg>
Acceder
</button>
</div>
</div>
<div class="gn-header__mobile-actions">
<span class="gn-header__mobile-separator" aria-hidden="true"></span>
<button type="button" class="gn-header__mobile-action gn-header__mobile-user"
aria-label="Perfil de usuario">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
aria-hidden="true" focusable="false">
<path
d="M12 11.7375C10.9 11.7375 10 11.3875 9.3 10.6875C8.6 9.9875 8.25 9.0875 8.25 7.9875C8.25 6.8875 8.6 5.9875 9.3 5.2875C10 4.5875 10.9 4.2375 12 4.2375C13.1 4.2375 14 4.5875 14.7 5.2875C15.4 5.9875 15.75 6.8875 15.75 7.9875C15.75 9.0875 15.4 9.9875 14.7 10.6875C14 11.3875 13.1 11.7375 12 11.7375ZM4 19.7625V17.4125C4 16.7792 4.15833 16.2375 4.475 15.7875C4.79167 15.3375 5.2 14.9958 5.7 14.7625C6.81667 14.2625 7.8875 13.8875 8.9125 13.6375C9.9375 13.3875 10.9667 13.2625 12 13.2625C13.0333 13.2625 14.0583 13.3917 15.075 13.65C16.0917 13.9083 17.1583 14.2792 18.275 14.7625C18.7917 14.9958 19.2083 15.3375 19.525 15.7875C19.8417 16.2375 20 16.7792 20 17.4125V19.7625H4Z"
fill="currentColor"></path>
</svg>
</button>
<span class="gn-header__mobile-separator" aria-hidden="true"></span>
<button type="button" class="gn-header__mobile-action gn-header__mobile-menu" aria-label="Abrir menú"
data-gn-header-mobile-toggle aria-expanded="false">
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="32" height="32"
viewBox="0 0 32 32" fill="none">
<path d="M28 25.3333H4V22.6667H28V25.3333Z" fill="currentColor" />
<path d="M28 17.3333H4V14.6667H28V17.3333Z" fill="currentColor" />
<path d="M28 9.33332H4V6.66666H28V9.33332Z" fill="currentColor" />
</svg>
</button>
</div>
</div>
</div>
<div class="gn-header__nav-row">
<div class="gn-header__nav-inner">
<nav class="gn-header__nav" aria-label="Navegación principal">
<div class="gn-nav-menu">
<ul class="gn-nav-menu__list">
<li class="gn-nav-menu__item">
<a href="#" class="gn-nav-menu__link gn-nav-menu__link--active" aria-current="page">Item</a>
</li>
<li class="gn-nav-menu__item">
<a href="#" class="gn-nav-menu__link">Item</a>
</li>
<li class="gn-nav-menu__item">
<button type="button" class="gn-nav-menu__link" aria-expanded="false" aria-haspopup="true"
data-gn-menu-trigger>
Item
<svg aria-hidden="true" focusable="false" viewBox="0 0 24 24" width="20" height="20">
<path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" fill="currentColor" />
</svg>
</button>
</li>
<li class="gn-nav-menu__item">
<a href="#" class="gn-nav-menu__link">Item</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<div id="hdr-fw-3-gn-header-mobile-panel-v5" class="gn-header__mobile-panel" data-gn-header-mobile-panel=""
hidden>
<nav class="gn-side-navigation" aria-label="Menú mobile principal" data-gn-side-navigation-init="true">
<ul class="gn-side-navigation__list">
<li class="gn-side-navigation__item gn-side-navigation__item--level-1">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Inicio</span>
</a>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-1">
<button type="button" class="gn-side-navigation__link" aria-expanded="false"
aria-controls="hdr-fw-3-header-mobile-v5-sub-1">
<span class="gn-side-navigation__content">Trámites</span>
<svg class="gn-side-navigation__icon" aria-hidden="true" viewBox="0 0 24 24" focusable="false">
<path d="M12 15.35L6 9.34998L7.4 7.94998L12 12.55L16.6 7.94998L18 9.34998L12 15.35Z"
fill="currentColor"></path>
</svg>
</button>
<ul class="gn-side-navigation__list" id="hdr-fw-3-header-mobile-v5-sub-1" hidden="">
<li class="gn-side-navigation__item gn-side-navigation__item--level-2">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Solicitud general</span>
</a>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-2">
<button type="button" class="gn-side-navigation__link" aria-expanded="false"
aria-controls="hdr-fw-3-header-mobile-v5-sub-2">
<span class="gn-side-navigation__content">Ayudas</span>
<svg class="gn-side-navigation__icon" aria-hidden="true" viewBox="0 0 24 24" focusable="false">
<path d="M12 15.35L6 9.34998L7.4 7.94998L12 12.55L16.6 7.94998L18 9.34998L12 15.35Z"
fill="currentColor"></path>
</svg>
</button>
<ul class="gn-side-navigation__list" id="hdr-fw-3-header-mobile-v5-sub-2" hidden="">
<li class="gn-side-navigation__item gn-side-navigation__item--level-3">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Convocatorias</span>
</a>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-3">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Justificaciones</span>
</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-1">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Mi perfil</span>
</a>
</li>
</ul>
</nav>
</div>
</header>Mostrar JS
document.addEventListener('DOMContentLoaded', () => {
// initAll() inicializa todos los componentes y patrones, incluido el header.
// Si solo necesitas el header: window.GNDS.initHeader();
window.GNDS.initAll();
});Variante 6 · Fullwidth sin navmenu
Saltar al contenido principal
Herramienta
Subtítulo
Mostrar HTML
<a class="gn-skip-link" href="#main-content">Saltar al contenido principal</a>
<!-- HEADER — fullwidth sin navmenu -->
<header class="gn-header gn-header--fullwidth" aria-label="Cabecera principal">
<div class="gn-header__inner">
<div class="gn-header__main">
<div class="gn-header__brand" style="padding-inline-start: var(--gn-spacing-5, 24px);">
<svg class="gn-header__symbol" xmlns="http://www.w3.org/2000/svg" width="21" height="35" viewBox="0 0 21 35"
fill="none" aria-hidden="true" focusable="false">
<g clip-path="url(#hdr-fw-4-gn-table-v6-logo-clip)">
<path d="M11.3002 22.322L10.4555 23.1667L9.61079 22.322L10.4555 21.4773L11.3002 22.322Z"
fill="currentColor" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M18.6982 11.2757C19.9112 11.2757 20.8963 12.2601 20.8963 13.4729C20.8963 14.4589 20.2454 15.2938 19.3515 15.5714V20.2088C20.2454 20.4865 20.8962 21.3206 20.8963 22.3064C20.8963 23.2929 20.2454 24.1273 19.3515 24.4049V29.0814C20.2454 29.3596 20.8961 30.194 20.8963 31.1799C20.8963 32.3927 19.9112 33.378 18.6982 33.378C17.8056 33.3779 17.0378 32.8455 16.6934 32.0812L12.6516 32.8673C12.6172 34.0498 11.6474 35 10.4555 35C9.26455 34.9999 8.2946 34.0519 8.26028 32.8693L4.20191 32.0793C3.8575 32.8453 3.08984 33.378 2.19714 33.378C0.984393 33.3779 0 32.3927 0 31.1799C0.000167875 30.1918 0.651518 29.3569 1.54874 29.0794V24.4068C0.651402 24.1291 0 23.2947 0 22.3064C6.3701e-05 21.3188 0.651446 20.4843 1.54874 20.2069V15.5733C0.651417 15.2958 2.06593e-05 14.4612 0 13.4729C0 12.2601 0.984393 11.2758 2.19714 11.2757C3.20169 11.2757 4.05057 11.9501 4.31226 12.8733H8.34328C8.60281 11.9501 9.45166 11.2758 10.4555 11.2757C11.4602 11.2757 12.3089 11.9501 12.5706 12.8733H16.585C16.8448 11.9502 17.6944 11.2759 18.6982 11.2757ZM10.4525 31.8215C9.88818 31.8216 9.4303 32.278 9.43014 32.8419C9.43014 33.4078 9.88808 33.8642 10.4525 33.8643C11.0164 33.8643 11.4749 33.4079 11.4749 32.8419C11.4748 32.2779 11.0163 31.8215 10.4525 31.8215ZM2.17371 30.1721C1.61 30.1724 1.15228 30.6306 1.15228 31.1945C1.15235 31.7589 1.61004 32.2167 2.17371 32.217C2.73819 32.217 3.19604 31.759 3.19611 31.1945C3.19611 30.6304 2.73824 30.1721 2.17371 30.1721ZM18.7304 30.1721C18.1665 30.1723 17.709 30.6306 17.709 31.1945C17.709 31.7604 18.1665 32.2168 18.7304 32.217C19.2949 32.217 19.7527 31.7605 19.7528 31.1945C19.7528 30.6304 19.2949 30.1721 18.7304 30.1721ZM4.04079 29.9827C4.21173 30.2461 4.32841 30.5492 4.37378 30.8752L8.56105 31.6887C8.84235 31.2111 9.29889 30.8504 9.84125 30.6936V24.4869C9.6682 24.4399 9.50224 24.3745 9.34713 24.2897L4.04079 29.9827ZM11.4749 24.3111C11.3438 24.3797 11.2048 24.4337 11.059 24.4752V30.6897C11.6047 30.8447 12.0662 31.2072 12.3489 31.6867L16.5225 30.8752C16.5637 30.5726 16.6669 30.291 16.8184 30.0403L11.4749 24.3111ZM12.6341 22.9235C12.5729 23.1268 12.4846 23.3162 12.3743 23.4909L17.7129 29.2171C17.8461 29.1486 17.9862 29.0937 18.1338 29.054V24.4322C17.3931 24.2338 16.8035 23.6587 16.5889 22.9235H12.6341ZM4.3064 22.9235C4.09215 23.6572 3.50615 24.2319 2.76547 24.4303V29.056C2.88998 29.0904 3.00759 29.1341 3.12092 29.1868L8.46437 23.4547C8.36316 23.2906 8.28345 23.1127 8.2261 22.9235H4.3064ZM10.4525 21.2381C9.85896 21.2382 9.38034 21.7176 9.38034 22.3103C9.38044 22.9034 9.85903 23.3824 10.4525 23.3825C11.0452 23.3825 11.5256 22.9034 11.5257 22.3103C11.5257 21.7175 11.0453 21.2381 10.4525 21.2381ZM2.17371 21.2879C1.61 21.2881 1.15228 21.7465 1.15228 22.3103C1.15238 22.8746 1.61007 23.3325 2.17371 23.3327C2.73817 23.3327 3.19601 22.8747 3.19611 22.3103C3.19611 21.7464 2.73824 21.2879 2.17371 21.2879ZM18.7304 21.2879C18.1665 21.2881 17.709 21.7465 17.709 22.3103C17.7091 22.8746 18.1665 23.3325 18.7304 23.3327C19.2949 23.3327 19.7527 22.8747 19.7528 22.3103C19.7528 21.7464 19.2949 21.2879 18.7304 21.2879ZM3.19123 15.4327C3.05764 15.5007 2.91467 15.5567 2.76547 15.5968V20.1825C3.51149 20.383 4.10122 20.9639 4.31226 21.7068H8.19876C8.25445 21.4834 8.3412 21.2741 8.45656 21.0809L3.19123 15.4327ZM12.3763 21.0389C12.5041 21.2425 12.6013 21.4669 12.6604 21.7068H16.585C16.7941 20.964 17.3879 20.3799 18.1338 20.1815V15.5987C17.9593 15.5519 17.7918 15.4827 17.6367 15.3986L12.3763 21.0389ZM4.3064 14.09C4.25261 14.2718 4.1771 14.4449 4.0818 14.6037L9.33835 20.2391C9.49491 20.1549 9.66464 20.0858 9.84125 20.0389V15.5821C9.12385 15.3747 8.55619 14.8091 8.34719 14.09H4.3064ZM12.5647 14.09C12.3543 14.8125 11.7829 15.3826 11.059 15.588V20.0497C11.2048 20.0914 11.3454 20.1469 11.4789 20.2157L16.7745 14.5363C16.6972 14.3963 16.6338 14.2464 16.5889 14.09H12.5647ZM2.17371 12.4544C1.61 12.4546 1.15228 12.9131 1.15228 13.4768C1.15237 14.0411 1.61006 14.499 2.17371 14.4992C2.73818 14.4992 3.19602 14.0413 3.19611 13.4768C3.19611 12.9129 2.73824 12.4544 2.17371 12.4544ZM10.4525 12.4544C9.88808 12.4545 9.43014 12.913 9.43014 13.4768C9.43023 14.0412 9.88814 14.4991 10.4525 14.4992C11.0164 14.4992 11.4749 14.0413 11.4749 13.4768C11.4749 12.9129 11.0164 12.4544 10.4525 12.4544ZM18.7304 12.4544C18.1665 12.4546 17.709 12.913 17.709 13.4768C17.7091 14.0412 18.1665 14.499 18.7304 14.4992C19.2949 14.4992 19.7527 14.0413 19.7528 13.4768C19.7528 12.9129 19.2949 12.4544 18.7304 12.4544Z"
fill="currentColor" />
<path
d="M10.266 8.61866C12.3753 8.61867 14.402 8.92053 16.3194 9.48189H16.3331L15.8956 10.9613C14.1011 10.4404 12.2248 10.1664 10.266 10.1664C8.35317 10.1664 6.50795 10.4388 4.74485 10.9301L4.32202 9.45455C6.19819 8.90694 8.19781 8.61866 10.266 8.61866Z"
fill="currentColor" />
<path d="M4.74681 10.934H4.73216C4.73627 10.9328 4.74073 10.9312 4.74485 10.9301L4.74681 10.934Z"
fill="currentColor" />
<path
d="M5.67839 2.48326C6.41711 2.4833 7.10173 2.67431 7.69098 3.0301C7.26621 3.3589 6.90998 3.7702 6.65002 4.22242H6.63635C6.34907 4.09907 6.0205 4.01642 5.67839 4.01638C4.37669 4.01638 3.30841 5.08531 3.30841 6.38636C3.3086 7.61929 4.26766 8.63193 5.47235 8.7417H5.48602C4.69215 8.90631 3.92501 9.12554 3.18537 9.3862H3.1717C2.32235 8.6742 1.77443 7.59191 1.77432 6.38636C1.77432 4.22278 3.52789 2.48326 5.67839 2.48326Z"
fill="currentColor" />
<path
d="M14.9914 2.48326C17.1552 2.48344 18.9081 4.22289 18.9081 6.38636C18.908 7.59191 18.3602 8.6742 17.4971 9.3862C16.7438 9.12557 15.9767 8.90629 15.1964 8.7417C16.4153 8.63193 17.3611 7.61929 17.3613 6.38636C17.3613 5.08542 16.306 4.01656 14.9914 4.01638C14.6489 4.01638 14.3338 4.099 14.0324 4.22242C13.7585 3.77017 13.4023 3.35891 12.9915 3.0301C13.58 2.67414 14.2659 2.48326 14.9914 2.48326Z"
fill="currentColor" />
<path
d="M9.18406 4.31812C8.44504 4.71548 7.9517 5.49645 7.9517 6.38636C7.9518 7.15336 8.32122 7.82474 8.88232 8.26321C8.25266 8.30438 7.6226 8.35926 7.00644 8.45461C6.63652 7.85219 6.41767 7.13965 6.41761 6.38636C6.41761 4.61955 7.58165 3.14052 9.18406 2.64731V4.31812Z"
fill="currentColor" />
<path
d="M11.4984 2.64731C13.1011 3.1406 14.2658 4.61966 14.2658 6.38636C14.2657 7.13965 14.0457 7.85219 13.6623 8.45461C13.0462 8.35928 12.4299 8.30437 11.8001 8.26321C12.3617 7.82474 12.717 7.15336 12.7171 6.38636C12.7171 5.49656 12.2248 4.71553 11.4984 4.31812V2.64731Z"
fill="currentColor" />
<path
d="M10.3207 2.48326C10.5946 2.48327 10.8689 2.50997 11.1293 2.56529L11.1429 8.2222C10.8549 8.2222 10.5541 8.20755 10.266 8.20755C10.0195 8.20755 9.78662 8.2222 9.53951 8.2222V2.55064C9.78662 2.50947 10.047 2.48326 10.3207 2.48326Z"
fill="currentColor" />
<path d="M10.2016 2.11121C9.71896 2.05151 9.3368 1.66744 9.27878 1.18353H10.2016V2.11121Z"
fill="currentColor" />
<path d="M11.39 1.1845C11.3313 1.66923 10.9467 2.05383 10.4613 2.11121V1.18353H11.388L11.39 1.1845Z"
fill="currentColor" />
<path d="M10.2016 0.915965H9.28073C9.34346 0.438429 9.72318 0.0604591 10.2016 0.000976508V0.915965Z"
fill="currentColor" />
<path d="M10.4613 0C10.9425 0.0575917 11.3257 0.436268 11.389 0.915965H10.4613V0Z"
fill="currentColor" />
</g>
<defs>
<clipPath id="hdr-fw-4-gn-table-v6-logo-clip">
<rect width="20.8963" height="35" fill="white" />
</clipPath>
</defs>
</svg>
<div class="gn-header__title-group">
<p class="gn-header__title">Herramienta</p>
<p class="gn-header__subtitle">Subtítulo</p>
</div>
</div>
<div class="gn-header__desktop-actions">
<span class="gn-header__actions-separator" aria-hidden="true"></span>
<div class="gn-header__language-wrap">
<div class="gn-dropdown-menu gn-dropdown-menu--sm gn-dropdown-menu--selector gn-header__language">
<button type="button" class="gn-dropdown-menu__trigger gn-dropdown-menu__trigger--ghost"
aria-haspopup="listbox" aria-expanded="false" aria-controls="hdr-fw-4-hdr-lang-v6"
id="hdr-fw-4-hdr-lang-v6-trigger">
<span class="gn-dropdown-menu__trigger-label">
<span class="gn-dropdown-menu__trigger-text">ES</span>
<svg class="gn-dropdown-menu__trigger-icon" aria-hidden="true" focusable="false"
viewBox="0 0 24 24">
<path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" fill="currentColor" />
</svg>
</span>
</button>
<ul class="gn-dropdown-menu__panel" id="hdr-fw-4-hdr-lang-v6" role="listbox"
aria-labelledby="hdr-fw-4-hdr-lang-v6-trigger">
<li class="gn-dropdown-menu__option" role="option" aria-selected="true" tabindex="0"
data-trigger-label="ES">ES</li>
<li class="gn-dropdown-menu__option" role="option" aria-selected="false" tabindex="-1"
data-trigger-label="EU">EU</li>
</ul>
</div>
</div>
<span class="gn-header__actions-separator" aria-hidden="true"></span>
<div class="gn-header__access-wrap">
<button type="button" class="gn-button gn-button--secondary gn-button--sm">
<svg class="gn-button__icon" aria-hidden="true" focusable="false" width="19" height="19"
viewBox="0 0 19 19">
<path
d="M9.49984 9.29226C8.629 9.29226 7.9165 9.01517 7.36234 8.46101C6.80817 7.90684 6.53109 7.19434 6.53109 6.32351C6.53109 5.45267 6.80817 4.74017 7.36234 4.18601C7.9165 3.63182 8.629 3.35474 9.49984 3.35474C10.3707 3.35474 11.0832 3.63182 11.6373 4.18601C12.1915 4.74017 12.4686 5.45267 12.4686 6.32351C12.4686 7.19434 12.1915 7.90684 11.6373 8.46101C11.0832 9.01517 10.3707 9.29226 9.49984 9.29226ZM3.1665 15.6454V13.785C3.1665 13.2836 3.29185 12.8548 3.54255 12.4985C3.79324 12.1423 4.1165 11.8717 4.51234 11.687C5.39635 11.2912 6.24411 10.9943 7.05557 10.7964C7.86703 10.5985 8.68177 10.4995 9.49984 10.4995C10.3179 10.4995 11.1294 10.6018 11.9342 10.8063C12.7391 11.0108 13.5835 11.3044 14.4675 11.687C14.8766 11.8717 15.2064 12.1423 15.4571 12.4985C15.7078 12.8548 15.8332 13.2836 15.8332 13.785V15.6454H3.1665Z"
fill="currentColor" />
</svg>
Acceder
</button>
</div>
</div>
<div class="gn-header__mobile-actions">
<span class="gn-header__mobile-separator" aria-hidden="true"></span>
<button type="button" class="gn-header__mobile-action gn-header__mobile-user"
aria-label="Perfil de usuario">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
aria-hidden="true" focusable="false">
<path
d="M12 11.7375C10.9 11.7375 10 11.3875 9.3 10.6875C8.6 9.9875 8.25 9.0875 8.25 7.9875C8.25 6.8875 8.6 5.9875 9.3 5.2875C10 4.5875 10.9 4.2375 12 4.2375C13.1 4.2375 14 4.5875 14.7 5.2875C15.4 5.9875 15.75 6.8875 15.75 7.9875C15.75 9.0875 15.4 9.9875 14.7 10.6875C14 11.3875 13.1 11.7375 12 11.7375ZM4 19.7625V17.4125C4 16.7792 4.15833 16.2375 4.475 15.7875C4.79167 15.3375 5.2 14.9958 5.7 14.7625C6.81667 14.2625 7.8875 13.8875 8.9125 13.6375C9.9375 13.3875 10.9667 13.2625 12 13.2625C13.0333 13.2625 14.0583 13.3917 15.075 13.65C16.0917 13.9083 17.1583 14.2792 18.275 14.7625C18.7917 14.9958 19.2083 15.3375 19.525 15.7875C19.8417 16.2375 20 16.7792 20 17.4125V19.7625H4Z"
fill="currentColor"></path>
</svg>
</button>
<span class="gn-header__mobile-separator" aria-hidden="true"></span>
<button type="button" class="gn-header__mobile-action gn-header__mobile-menu" aria-label="Abrir menú"
data-gn-header-mobile-toggle aria-expanded="false">
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="32" height="32"
viewBox="0 0 32 32" fill="none">
<path d="M28 25.3333H4V22.6667H28V25.3333Z" fill="currentColor" />
<path d="M28 17.3333H4V14.6667H28V17.3333Z" fill="currentColor" />
<path d="M28 9.33332H4V6.66666H28V9.33332Z" fill="currentColor" />
</svg>
</button>
</div>
</div>
</div>
<div id="hdr-fw-4-gn-header-mobile-panel-v6" class="gn-header__mobile-panel" data-gn-header-mobile-panel=""
hidden>
<nav class="gn-side-navigation" aria-label="Menú mobile principal" data-gn-side-navigation-init="true">
<ul class="gn-side-navigation__list">
<li class="gn-side-navigation__item gn-side-navigation__item--level-1">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Inicio</span>
</a>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-1">
<button type="button" class="gn-side-navigation__link" aria-expanded="false"
aria-controls="hdr-fw-4-header-mobile-v6-sub-1">
<span class="gn-side-navigation__content">Trámites</span>
<svg class="gn-side-navigation__icon" aria-hidden="true" viewBox="0 0 24 24" focusable="false">
<path d="M12 15.35L6 9.34998L7.4 7.94998L12 12.55L16.6 7.94998L18 9.34998L12 15.35Z"
fill="currentColor"></path>
</svg>
</button>
<ul class="gn-side-navigation__list" id="hdr-fw-4-header-mobile-v6-sub-1" hidden="">
<li class="gn-side-navigation__item gn-side-navigation__item--level-2">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Solicitud general</span>
</a>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-2">
<button type="button" class="gn-side-navigation__link" aria-expanded="false"
aria-controls="hdr-fw-4-header-mobile-v6-sub-2">
<span class="gn-side-navigation__content">Ayudas</span>
<svg class="gn-side-navigation__icon" aria-hidden="true" viewBox="0 0 24 24" focusable="false">
<path d="M12 15.35L6 9.34998L7.4 7.94998L12 12.55L16.6 7.94998L18 9.34998L12 15.35Z"
fill="currentColor"></path>
</svg>
</button>
<ul class="gn-side-navigation__list" id="hdr-fw-4-header-mobile-v6-sub-2" hidden="">
<li class="gn-side-navigation__item gn-side-navigation__item--level-3">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Convocatorias</span>
</a>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-3">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Justificaciones</span>
</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="gn-side-navigation__item gn-side-navigation__item--level-1">
<a href="#" class="gn-side-navigation__link">
<span class="gn-side-navigation__content">Mi perfil</span>
</a>
</li>
</ul>
</nav>
</div>
</header>Mostrar JS
document.addEventListener('DOMContentLoaded', () => {
// initAll() inicializa todos los componentes y patrones, incluido el header.
// Si solo necesitas el header: window.GNDS.initHeader();
window.GNDS.initAll();
});Header
gn-header es un pattern (no un componente atómico) que compone piezas existentes del sistema:
gn-button(secondary / ghost)gn-dropdown-menu(selector de idioma)gn-nav-menu(navegación desktop)gn-side-navigation(navegación dentro del panel mobile)- logotipo y símbolo institucionales
El comportamiento del panel mobile lo gestiona GNDS.initHeader, incluido en GNDS.initAll().
---
El header es responsive por defecto
El header no tiene una versión mobile independiente. Es un único patrón que se adapta:
- ≥ 768 px (desktop): se muestran las acciones (idioma, acceder) y la navegación (
gn-nav-menu). - < 768 px (mobile): las acciones y la navegación se ocultan y aparece el botón hamburguesa, que despliega el panel mobile con la misma navegación (vía
gn-side-navigation) y las mismas acciones.
El estado móvil es una respuesta responsive de cada variante, no una variante aparte. No documentes ni copies «un header mobile» suelto: copia el ejemplo responsive completo de la variante que necesites.
El breakpoint del header es 768 px. (El umbral de 1140 px solo afecta a cuándo el navmenu *inline* de fullwidth salta a una fila inferior; no cambia el paso desktop/mobile.)
---
Variantes estructurales
Existen exactamente dos familias documentadas, ambas responsive. La pestaña «Ejemplos y código» se organiza en esas dos subpestañas:
| Clase | Descripción | |---|---| | gn-header--boxed | Contenido centrado, ancho máximo 1140 px. El símbolo usa el color primario (rojo) por token. | | gn-header--fullwidth | Ocupa el ancho completo. El símbolo usa el color oscuro por token. |
Dentro de cada familia se documentan varias variantes reales (una Plantilla de referencia y varias Variantes numeradas): con o sin navmenu, con subtítulo, con logotipo de aplicación, con botón «Acceder» y con identificación de usuario, razón social o representante. Cada ejemplo es un header responsive completo (desktop + mobile en el mismo bloque) y copiable de forma independiente.
Mobile no es una familia aparte. No hay una tercera variante «mobile» ni una preview móvil de producción: el menú hamburguesa y el panel desplegable son la respuesta responsive de cada ejemplo Boxed o Fullwidth.
El color del símbolo y del logotipo se controla con tokens, nunca con hex hardcodeado:
.gn-header__logo-fill-primary { fill: var(--gn-color-fill-primary); }
.gn-header__logo-fill-dark { fill: var(--gn-color-fill-dark); }---
Anatomía
gn-skip-link ← parte del layout de página, antes del header
gn-header (--boxed | --fullwidth)
gn-header__inner
gn-header__main
gn-header__brand ← logo / símbolo / separador / título
gn-header__desktop-actions ← idioma + acceder (visible ≥768px)
gn-header__mobile-actions ← botón hamburguesa (visible <768px)
gn-header__nav-row ← navegación desktop (gn-nav-menu)
gn-header__mobile-panel ← panel desplegable mobile
gn-side-navigation ← navegación mobile (misma que desktop)
gn-header__mobile-secondary ← idioma + acceder equivalentesEl botón hamburguesa y el panel se conectan por aria-controls / id:
…
---
Correspondencia desktop ↔ mobile
Todo elemento funcional del header desktop tiene su equivalente en el panel mobile. Usa una única fuente de navegación: el contenido del navmenu desktop y del side-navigation mobile debe coincidir.
| Desktop | Mobile (dentro del panel) | |---|---| | gn-nav-menu (navegación principal) | gn-side-navigation con los mismos enlaces y jerarquía | | Selector de idioma (gn-dropdown-menu) | Selector de idioma en gn-header__mobile-secondary | | Botón «Acceder» | Botón «Acceder» en gn-header__mobile-secondary | | Barra de identificación de usuario | Tarjeta de usuario (gn-header__mobile-user-card) dentro del panel |
---
Navmenu (desktop)
Boxed
En gn-header--boxed el navmenu se muestra en una barra separada debajo del logotipo, con gn-header--stacked-nav.
Fullwidth
| Modificador | Comportamiento | |---|---| | gn-header--inline-nav | El navmenu va en la misma barra que el logotipo; salta a una fila inferior por debajo de 1140 px. | | gn-header--stacked-nav | El navmenu va siempre en una barra debajo del logotipo. |
---
Identificación de usuario
Cuando hay usuario identificado, la barra gn-header-identification se muestra encima del logotipo. En mobile, la información completa (nombre, NIF, última conexión y desconexión) se incluye además dentro del panel hamburguesa mediante gn-header__mobile-user-card.
---
Accesibilidad
- Skip link:
gn-skip-linkforma parte del layout de página y apunta a unidreal (#main-content). No lo dupliques: uno por página. - Botón hamburguesa:
aria-label(«Abrir menú» / «Cerrar menú»),aria-expanded(falseinicial),aria-controlsapuntando al panel real ydata-gn-header-mobile-toggle. - Panel mobile:
idcoincidente conaria-controls,hiddeninicial ydata-gn-header-mobile-panel. - Comportamiento (lo gestiona
GNDS.initHeader): al abrir/cerrar alternahiddenyaria-expandedy actualiza elaria-label; Escape cierra y devuelve el foco al botón; un clic fuera del header cierra el panel. - Navegación mobile: usa
gn-side-navigationcon roles semánticos normales. Los submenús sonbuttonconaria-expanded+aria-controls; los subniveles ocultos usanhidden. No usesrole="tree". - SVG decorativos:
aria-hidden="true"yfocusable="false". Reutiliza símbolos (<use href="#…">) con IDs únicos para evitar colisiones cuando hay varios headers en la misma página.
---
Mostrar HTML / Mostrar JS
Cada variante de la pestaña «Ejemplos y código» incluye:
- Mostrar HTML: el HTML completo y copiable del header responsive — incluye el estado desktop, el botón hamburguesa, el panel mobile y la navegación mobile cuando aplican. No depende de otro ejemplo ni obliga a combinar snippets a mano.
- Mostrar JS: aparece en las variantes interactivas (las que tienen
data-gn-header-mobile-toggle+data-gn-header-mobile-panel). El comportamiento está centralizado, así que no se duplica lógica: basta con inicializar el sistema una vez por página.
document.addEventListener('DOMContentLoaded', () => {
// Inicializa todos los componentes y patrones, incluido el header.
window.GNDS.initAll();
// Si solo necesitas el header: window.GNDS.initHeader();
});El JS mostrado se corresponde exactamente con los atributos del HTML documentado (data-gn-header-mobile-toggle, data-gn-header-mobile-panel, aria-controls/id).
---
Uso recomendado
- Usa Boxed cuando la cabecera deba respetar el ancho de contenido del layout (contenido centrado, máx. 1140 px).
- Usa Fullwidth cuando la cabecera deba ocupar todo el ancho disponible.
- Copia siempre el ejemplo responsive completo (Boxed o Fullwidth): ya incluye desktop y mobile.
- Mantén una sola lista de navegación como fuente y replícala en desktop (
gn-nav-menu) y mobile (gn-side-navigation). - Usa tokens para los colores del logo y del símbolo.
- Asegura que el skip link apunte al contenedor de contenido principal.
---
No hacer
- ❌ No copies solo la parte desktop del ejemplo.
- ❌ No copies solo la parte mobile ni la trates como un header independiente.
- ❌ No crees una cabecera mobile separada: el menú hamburguesa y el panel forman parte del mismo header responsive.
- ❌ No uses previews móviles ni anchos fijos tipo
style="max-width: 375px"como código de producción: el header ya es responsive por media query. - ❌ No dejes desincronizados el menú desktop (
gn-nav-menu) y el menú mobile (gn-side-navigation): deben tener el mismo contenido. - ❌ No hardcodees colores de iconos ni del logotipo: usa
currentColoro tokens.