{{-- Nav público definitivo (Dominios_Navegacion.md §2): refleja el embudo en
     orden — se prueba, se entiende, se explora, se lee, se paga. «Cómo funciona»
     se mantiene por decisión del propietario (2026-07-25). Una sola superficie
     de usuario: Entrar/Empezar apuntan a app.fermenty.es (§1 bis).

     El menú entero se queda DENTRO del idioma que se navega: los enlaces salen
     de `ruta()`, que ya devuelve la URL con su prefijo, y el ancla de «Cómo
     funciona» apunta a la home de ESE idioma —antes iba a `url('/')` y
     devolvía al español desde /en, que era la fuga por la que se salía uno de
     la traducción sin querer.

     Los textos vienen de lang/*/armazon.php. Ya no hay `data-en` ni JavaScript
     que cambie el texto al vuelo: el servidor pinta el idioma de la URL. --}}
@php($sup = \App\Support\Superficie::class)
@php($home = request()->routeIs('home', '*.home') ? '' : ruta('home'))
<!-- ============ NAV ============ -->
<header class="nav">
  <div class="wrap nav__inner">
    <a class="brand" href="{{ ruta('home') }}" aria-label="{{ __('armazon.marca_aria') }}">
      {{-- width+height explícitos: sin ellos el navegador no reserva el hueco y el
     SVG, al llegar tras el primer pintado, movía todo (CLS del afinador, F5). --}}
<img src="{{ asset('img/brand/fermenty-lockup.svg') }}" alt="Fermenty" width="101" height="30" style="display:block;">
    </a>
    <button class="nav__burger" type="button" aria-label="{{ __('armazon.abrir_menu') }}" data-abrir="{{ __('armazon.abrir_menu') }}" data-cerrar="{{ __('armazon.cerrar_menu') }}"
            aria-expanded="false" aria-controls="navMenu">
      <span></span><span></span><span></span>
    </button>
    <div class="nav__collapse" id="navMenu">
      <nav class="nav__links">
        <a href="{{ $home }}#como">{{ __('armazon.nav.como') }}</a>
        {{-- Con dos afinadores, el menú apunta al ESTANTE: quien busca kéfir ya
             no aterriza en kombucha (SEO_Cierre §3). El plural es la noticia, y
             la marca de «nuevo» caduca sola por config — a partir del tercer
             mes diría lo contrario de lo que pretende. --}}
        <a href="{{ ruta('herramientas') }}" @class(['is-active' => request()->routeIs(['*herramientas', '*afinador*', '*salmuera'])])>{{ __('armazon.nav.afinadores') }}@if(now()->lt(config('web.novedades.afinadores_hasta')))<span class="nav__nuevo">{{ __('armazon.nav.nuevo') }}</span>@endif</a>
        <a href="{{ ruta('mentor') }}" @class(['is-active' => request()->routeIs('*mentor')])>{{ __('armazon.nav.mentor') }}</a>
        {{-- Fermentos y blog solo existen en español: su contenido vive en la
             base de datos y en las entradas, no en ficheros de idioma. El enlace
             se mantiene y lo avisa —`marcaIdioma()` lo pone y lo quita solo. --}}
        <a href="{{ ruta('fermentos.index') }}"{!! atributoIdioma('fermentos.index') !!} @class(['is-active' => request()->routeIs('*fermentos.*')])>{{ __('armazon.nav.fermentos') }}{!! marcaIdioma('fermentos.index') !!}</a>
        <a href="{{ ruta('blog.index') }}"{!! atributoIdioma('blog.index') !!} @class(['is-active' => request()->routeIs('*blog.*')])>{{ __('armazon.nav.blog') }}{!! marcaIdioma('blog.index') !!}</a>
        <a href="{{ ruta('pro') }}" @class(['is-active' => request()->routeIs('*pro')])>{{ __('armazon.nav.pro') }}</a>
      </nav>
      <div class="nav__right">
        {{-- El conmutador son ENLACES de verdad a la URL equivalente, no un
             interruptor de JavaScript sobre la misma dirección: cada idioma
             tiene su URL y así se puede compartir, indexar y marcar como
             favorito. Solo salen los idiomas en los que esta página existe.

             Llevan `?hl=` para que el clic cuente como decisión: el middleware
             la guarda, limpia el parámetro y a partir de ahí se vuelve en ese
             idioma. Sin eso, quien viene de /en y pincha ES rebotaría de vuelta
             a /en por su propia preferencia guardada. --}}
        @php($alt = \App\Support\Idiomas::alternativas())
        @if(count($alt) > 1)
          <div class="lang" role="group" aria-label="{{ __('armazon.idioma_aria') }}">
            @foreach($alt as $lang => $urlLang)
              @php($esActual = $lang === \App\Support\Idiomas::actual())
              <a href="{{ $esActual ? $urlLang : \App\Support\Idiomas::conEleccion($urlLang, $lang) }}" hreflang="{{ $lang }}"
                 @class(['is-on' => $esActual])
                 aria-current="{{ $esActual ? 'true' : 'false' }}">{{ strtoupper($lang) }}</a>
            @endforeach
          </div>
        @endif
        <a class="btn btn--ghost btn--sm" href="{{ $sup::login() }}" data-app-link>{{ __('armazon.nav.entrar') }}</a>
        <a class="btn btn--primary btn--sm" href="{{ $sup::register() }}" data-app-link>{{ __('armazon.nav.empezar') }}</a>
      </div>
    </div>
  </div>
</header>