{{-- Footer público definitivo (Dominios_Navegacion.md §3): cuatro columnas, el
     mismo en toda la web, blog incluido. Las categorías no son relleno: son
     cuatro páginas que necesitan enlaces internos para posicionar. Sociales
     fuera hasta tener URLs reales. «Ser fundador» → ancla real de la home.

     Como el menú: todo dentro del idioma que se navega (`ruta()`), textos en
     lang/*/armazon.php, y `marcaIdioma()` avisa de los enlaces que se salen —
     hoy fermentos, blog, salmuera y contacto. --}}
<!-- ============ FOOTER ============ -->
<footer class="footer">
  <div class="wrap">
    <div class="footer__grid">
      <div class="footer__brand">
        <img src="{{ asset('img/brand/fermenty-lockup.svg') }}" alt="Fermenty" width="94" height="28" style="display:block;">
        {{-- Eslogan definitivo (decisión del propietario, 2026-07-25) --}}
        <p>{{ __('armazon.pie.eslogan') }}</p>
        {{-- El origen se declara una vez por página, aquí (Zymolab_Enlace_Fermenty.md §3) --}}
        <p class="footer__origen">{!! __('armazon.pie.zymolab') !!}</p>
        {{-- La cooperación que sostiene la base de conocimiento, con el mismo tratamiento --}}
        <p class="footer__origen">{!! __('armazon.pie.kombucheria') !!}</p>
      </div>
      <div class="footer__col">
        <h4>{{ __('armazon.pie.producto') }}</h4>
        <ul>
          <li><a href="{{ ruta('mentor') }}">{{ __('armazon.pie.mentor') }}</a></li>
          <li><a href="{{ ruta('pro') }}">{{ __('armazon.pie.pro') }}</a></li>
          <li><a href="{{ ruta('home') }}#fundadores">{{ __('armazon.pie.fundador') }}</a></li>
          <li><a href="{{ ruta('faq') }}">{{ __('armazon.pie.faq') }}</a></li>
        </ul>
      </div>
      <div class="footer__col">
        <h4>{{ __('armazon.pie.fermentos') }}</h4>
        <ul>
          <li><a href="{{ ruta('fermentos.index') }}"{!! atributoIdioma('fermentos.index') !!}>{{ __('armazon.pie.todos') }}{!! marcaIdioma('fermentos.index') !!}</a></li>
          <li><a href="{{ ruta('fermentos.show', 'bebidas-fermentadas') }}"{!! atributoIdioma('fermentos.show') !!}>{{ __('armazon.pie.bebidas') }}</a></li>
          <li><a href="{{ ruta('fermentos.show', 'vegetales-fermentados') }}"{!! atributoIdioma('fermentos.show') !!}>{{ __('armazon.pie.vegetales') }}</a></li>
          <li><a href="{{ ruta('fermentos.show', 'bebidas-alcoholicas') }}"{!! atributoIdioma('fermentos.show') !!}>{{ __('armazon.pie.alcoholicas') }}</a></li>
          <li><a href="{{ ruta('fermentos.show', 'vinagres') }}"{!! atributoIdioma('fermentos.show') !!}>{{ __('armazon.pie.vinagres') }}</a></li>
        </ul>
      </div>
      <div class="footer__col">
        <h4>{{ __('armazon.pie.recursos') }}</h4>
        <ul>
          <li><a href="{{ ruta('blog.index') }}"{!! atributoIdioma('blog.index') !!}>{{ __('armazon.pie.blog') }}{!! marcaIdioma('blog.index') !!}</a></li>
          <li><a href="{{ ruta('herramientas') }}">{{ __('armazon.pie.herramientas') }}</a></li>
          <li><a href="{{ ruta('afinador') }}">{{ __('armazon.pie.afinador') }}</a></li>
          <li><a href="{{ ruta('afinador-kefir') }}"{!! atributoIdioma('afinador-kefir') !!}>{{ __('armazon.pie.afinador_kefir') }}{!! marcaIdioma('afinador-kefir') !!}</a></li>
          <li><a href="{{ ruta('salmuera') }}"{!! atributoIdioma('salmuera') !!}>{{ __('armazon.pie.salmuera') }}{!! marcaIdioma('salmuera') !!}</a></li>
          <li><a href="{{ ruta('contacto') }}"{!! atributoIdioma('contacto') !!}>{{ __('armazon.pie.contacto') }}{!! marcaIdioma('contacto') !!}</a></li>
        </ul>
      </div>
      <div class="footer__col">
        <h4>{{ __('armazon.pie.legal') }}</h4>
        <ul>
          <li><a href="{{ ruta('aviso-legal') }}"{!! atributoIdioma('aviso-legal') !!}>{{ __('armazon.pie.aviso') }}{!! marcaIdioma('aviso-legal') !!}</a></li>
          <li><a href="{{ ruta('privacidad') }}"{!! atributoIdioma('privacidad') !!}>{{ __('armazon.pie.privacidad') }}{!! marcaIdioma('privacidad') !!}</a></li>
          <li><a href="{{ ruta('condiciones') }}"{!! atributoIdioma('condiciones') !!}>{{ __('armazon.pie.condiciones') }}{!! marcaIdioma('condiciones') !!}</a></li>
          <li><a href="{{ ruta('cookies') }}"{!! atributoIdioma('cookies') !!}>{{ __('armazon.pie.cookies') }}{!! marcaIdioma('cookies') !!}</a></li>
        </ul>
      </div>
    </div>
    {{-- Cambio de idioma también aquí: quien llega al pie ya ha leído la página
         y es donde se busca. Solo los idiomas en los que ESTA página existe
         (App\Support\Idiomas::alternativas), con su nombre completo — en el
         menú van las siglas, aquí hay sitio para decirlo entero. --}}
    @php($altPie = \App\Support\Idiomas::alternativas())
    @if(count($altPie) > 1)
      <div class="footer__idiomas">
        <span>{{ __('armazon.pie.idioma') }}</span>
        @foreach($altPie as $lang => $urlLang)
          @php($esActualPie = $lang === \App\Support\Idiomas::actual())
          <a href="{{ $esActualPie ? $urlLang : \App\Support\Idiomas::conEleccion($urlLang, $lang) }}" hreflang="{{ $lang }}"
             @class(['is-on' => $esActualPie])>{{ \App\Support\Idiomas::nombre($lang) }}</a>
        @endforeach
      </div>
    @endif

    <div class="footer__bottom">
      <span>{{ __('armazon.pie.copyright') }}</span>
      {{-- El cambio de superficie, visible en las dos direcciones: la detección
           sugiere, la persona decide (Dominios_Navegacion.md §1 ter). --}}
      <button type="button" class="footer__superficie" data-superficie-cambiar data-superficie-otra
              data-texto-movil="{{ __('armazon.pie.movil') }}" data-texto-escritorio="{{ __('armazon.pie.completa') }}">
        {{ \App\Support\Superficie::esMovil() ? __('armazon.pie.completa') : __('armazon.pie.movil') }}
      </button>
    </div>
  </div>
</footer>

<!-- Back-to-top — appears after scrolling down (site.js toggles .is-shown) -->
<button type="button" class="to-top" data-to-top aria-label="{{ __('armazon.arriba') }}">
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 19V5"/><path d="m5 12 7-7 7 7"/></svg>
</button>