{{-- Banner de sugerencia de superficie (Dominios_Navegacion.md §1 ter).

     Si la superficie resuelta es móvil pero se está viendo el panel — el caso
     típico: un enlace de correo abierto en el teléfono —, se OFRECE la PWA;
     nunca se redirige. Cualquiera de los dos botones escribe la preferencia
     (`fm_superficie`), y a partir de ahí la preferencia manda y el banner
     desaparece si eligió quedarse.

     La vista puede fijar el destino profundo con @section('pwa-destino', …)
     — p. ej. la ficha de la misma tanda —; sin él se ofrece la portada. --}}
@if(\App\Support\Superficie::esMovil())
  @php($destinoPwa = trim($__env->yieldContent('pwa-destino')) ?: \App\Support\Superficie::movil())
  <div class="d-lg-none" id="superficieBanner"
       style="display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.6rem 1rem;background:#2C5234;color:#fff;font-size:.9rem;">
    <span style="flex:1 1 12rem;">Estás en la versión completa desde el móvil.</span>
    <a href="{{ $destinoPwa }}" class="btn btn-sm btn-light" data-superficie-elegir="movil">Abrir la versión móvil</a>
    <button type="button" class="btn btn-sm btn-link" data-superficie-elegir="escritorio"
            style="color:rgba(255,255,255,.85);text-decoration:underline;">Seguir aquí</button>
  </div>
  <script>
    (function () {
      var banner = document.getElementById('superficieBanner');
      if (!banner) return;
      banner.querySelectorAll('[data-superficie-elegir]').forEach(function (el) {
        el.addEventListener('click', function () {
          // Mismo mecanismo que el conmutador del footer público (site.js):
          // elegir escribe la preferencia; sugerir nunca la escribe.
          document.cookie = 'fm_superficie=' + el.dataset.superficieElegir +
            ';path=/;max-age=' + (60 * 60 * 24 * 365) + ';samesite=lax';
          if (el.dataset.superficieElegir === 'escritorio') banner.remove();
        });
      });
    })();
  </script>
@endif