<!doctype html>
<html lang="es">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="theme-color" content="#061b31">
  <!-- METATAGS_HEADER_START -->
  <title>Qué hacer en Vigo hoy y este fin de semana | quehacerenvigo.es</title>
  <meta name="description" content="Descubre qué hacer en Vigo hoy, este fin de semana y gratis. La guía nº 1 de eventos, conciertos, teatro, festivales, chiringuitos de playa y mejores restaurantes en Vigo.">
  <meta name="keywords" content="qué hacer en vigo, que hacer en vigo hoy, que hacer en vigo este fin de semana, quehacerenvigo, planes en vigo, eventos vigo, restaurantes vigo">
  <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
  <link rel="canonical" href="https://quehacerenvigo.es/">

  <!-- OpenGraph Meta Tags -->
  <meta property="og:title" content="Qué hacer en Vigo hoy y este fin de semana | quehacerenvigo.es">
  <meta property="og:description" content="Guía actualizada a diario con todos los conciertos, exposiciones, chiringuitos de playa y mejores restaurantes para disfrutar Vigo.">
  <meta property="og:image" content="https://quehacerenvigo.es/que-hacer-en-vigo.jpg">
  <meta property="og:url" content="https://quehacerenvigo.es/">
  <meta property="og:type" content="website">

  <!-- Twitter Meta Tags -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:url" content="https://quehacerenvigo.es/">
  <meta name="twitter:title" content="Qué hacer en Vigo hoy y este fin de semana | quehacerenvigo.es">
  <meta name="twitter:description" content="Guía nº 1 de eventos, cultura, ocio y gastronomía en Vigo.">
  <meta name="twitter:image" content="https://quehacerenvigo.es/que-hacer-en-vigo.jpg">
  <meta name="twitter:image:alt" content="Qué hacer en Vigo hoy y este fin de semana">
  <!-- METATAGS_HEADER_END -->

  <link rel="icon" type="image/png" href="/logo.png">
  <link rel="shortcut icon" type="image/png" href="/logo.png">
  <link rel="apple-touch-icon" href="/logo.png">

  <!-- Schema.org Structured Data (JSON-LD) para Posicionamiento #1 en Google -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@graph": [
      {
        "@type": "WebSite",
        "@id": "https://quehacerenvigo.es/#website",
        "url": "https://quehacerenvigo.es/",
        "name": "Qué hacer en Vigo",
        "alternateName": ["quehacerenvigo", "Quehacerenvigo", "Envigo", "Qué hacer en Vigo hoy"],
        "description": "La guía nº 1 de eventos, cultura y ocio en Vigo",
        "inLanguage": "es-ES",
        "publisher": {
          "@type": "Organization",
          "name": "Qué hacer en Vigo",
          "url": "https://quehacerenvigo.es",
          "logo": "https://quehacerenvigo.es/logo.png",
          "sameAs": [
            "https://www.instagram.com/quehacerenvigo",
            "https://www.facebook.com/quehacerenvigo",
            "https://x.com/quehacerenvigo"
          ]
        }
      },
      {
        "@type": "FAQPage",
        "@id": "https://quehacerenvigo.es/#faq",
        "mainEntity": [
          {
            "@type": "Question",
            "name": "¿Qué hacer hoy en Vigo?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Hoy en Vigo puedes consultar la agenda actualizada con conciertos en directo, obras de teatro en el Auditorio Mar de Vigo o Teatro García Barbón, exposiciones culturales gratuitas, y disfrutar de la mejor gastronomía en el Casco Vello o tapeo en Montero Ríos."
            }
          },
          {
            "@type": "Question",
            "name": "¿Qué hacer en Vigo este fin de semana?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "El fin de semana en Vigo ofrece planes como conciertos, tardeos con música en directo frente a las Islas Cíes, paseos por la fortaleza de O Castro y Castrelos, planes en familia y los mejores restaurantes de marisco y gastronomía gallega."
            }
          },
          {
            "@type": "Question",
            "name": "¿Qué hacer en Vigo gratis?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "En Vigo dispones de numerosos planes gratuitos: visitar el parque y fortaleza de O Castro con sus miradores a la ría, recorrer los jardines y museo del Pazo Quiñones de León en Castrelos, pasear por Samil o disfrutar de exposiciones en la Pinacoteca Fernández del Riego."
            }
          }
        ]
      },
      {
        "@type": "SiteNavigationElement",
        "@id": "https://quehacerenvigo.es/#navigation",
        "name": "Navegación Principal Quehacerenvigo",
        "hasPart": [
          {
            "@type": "WebPage",
            "name": "Qué hacer en Vigo",
            "url": "https://quehacerenvigo.es/"
          },
          {
            "@type": "WebPage",
            "name": "Este Fin de Semana en Vigo",
            "url": "https://quehacerenvigo.es/que-hacer-este-fin-de-semana-en-vigo.html"
          },
          {
            "@type": "WebPage",
            "name": "Planes Gratis en Vigo",
            "url": "https://quehacerenvigo.es/que-hacer-en-vigo-gratis.html"
          },
          {
            "@type": "WebPage",
            "name": "Planes Con Niños en Vigo",
            "url": "https://quehacerenvigo.es/que-hacer-en-vigo-con-ninos.html"
          },
          {
            "@type": "WebPage",
            "name": "Dónde Comer en Vigo - Restaurantes",
            "url": "https://quehacerenvigo.es/donde-comer-en-vigo.html"
          },
          {
            "@type": "WebPage",
            "name": "Espacios y Recintos de Vigo",
            "url": "https://quehacerenvigo.es/espacios-y-recintos-en-vigo.html"
          },
          {
            "@type": "WebPage",
            "name": "VigoSona Live - Chiringuitos de Playa",
            "url": "https://quehacerenvigo.es/vigosona.html"
          }
        ]
      }
    ]
  }
  </script>
  <script>
    try {
      window.addEventListener('pageshow', function(event) {
        if (event.persisted) { window.location.reload(); }
      });
      if ('serviceWorker' in navigator) {
        navigator.serviceWorker.getRegistrations().then(function(regs) {
          for (var r of regs) r.unregister();
        }).catch(function(){});
      }
      if ('caches' in window) {
        caches.keys().then(function(names) {
          for (var n of names) caches.delete(n);
        }).catch(function(){});
      }
    } catch(e) {}
  </script>
  <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css">
  <link rel="stylesheet" href="/style.css?v=1.1.0">
  <style>
    .faq-section {
      max-width: 1220px;
      margin: 64px auto 48px;
      padding: 0 24px;
    }
    .faq-grid {
      display: flex;
      flex-direction: column;
      gap: 16px;
      margin-top: 24px;
      max-width: 980px;
    }
    .faq-item {
      background: #ffffff !important;
      border: 2px solid #e2e8f0 !important;
      border-radius: 16px !important;
      padding: 22px 26px !important;
      color: #061b31 !important;
      box-shadow: 0 4px 18px -2px rgba(6, 27, 49, 0.06) !important;
      transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
      cursor: pointer;
    }
    .faq-item:hover {
      border-color: #ff7144 !important;
      box-shadow: 0 8px 24px -3px rgba(255, 113, 68, 0.14) !important;
      transform: translateY(-2px);
    }
    .faq-item[open] {
      border-color: #ff7144 !important;
      box-shadow: 0 10px 28px -4px rgba(255, 113, 68, 0.18) !important;
      background: #ffffff !important;
    }
    .faq-item summary {
      font-weight: 800;
      font-size: 1.15rem;
      color: #061b31 !important;
      outline: none;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      user-select: none;
      list-style: none;
    }
    .faq-item summary::-webkit-details-marker {
      display: none;
    }
    .faq-item summary::after {
      content: "+";
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 36px;
      height: 36px;
      min-width: 36px;
      border-radius: 50%;
      background: #fff5f2;
      border: 1.5px solid rgba(255, 113, 68, 0.35);
      font-size: 1.4rem;
      font-weight: 900;
      color: #ff7144;
      transition: all 0.2s ease;
      flex-shrink: 0;
    }
    .faq-item[open] summary::after {
      content: "−";
      background: #ff7144;
      border-color: #ff7144;
      color: #ffffff;
      transform: rotate(180deg);
    }
    .faq-answer {
      margin-top: 16px;
      padding-top: 16px;
      border-top: 1.5px solid #f1f5f9;
      color: #0f172a !important; /* Maximum readable contrast */
      line-height: 1.8;
      font-size: 1.05rem;
      font-weight: 450;
    }
  </style>
</head>

<body>
  <header class="topbar">
    <a class="logo" href="/" aria-label="Inicio">
      <img src="/logo.png" alt="Envigo Logo" width="64" height="64">
      <span class="logo-text-brand">en<span class="logo-accent">vigo</span></span>
    </a>
    <button class="hamburger-btn" id="menu-toggle" type="button" aria-label="Abrir menú de navegación">
      <span></span>
      <span></span>
      <span></span>
    </button>
    <nav aria-label="Navegación principal">
      <a href="#agenda">📅 Eventos</a>
      <a href="/que-hacer-este-fin-de-semana-en-vigo.html">🎈 Este Finde</a>
      <a href="/que-hacer-en-vigo-gratis.html">🎁 Gratis</a>
      <a href="/que-hacer-en-vigo-con-ninos.html">👶 Niños</a>
      <div class="nav-dropdown">
        <a href="/donde-comer-en-vigo.html" id="nav-restaurantes" class="nav-dropdown-trigger">🍽️ Restaurantes <span style="font-size: 0.7rem;">▼</span></a>
        <div class="nav-dropdown-menu">
          <a href="/donde-comer-en-vigo.html">🍽️ Guía Dónde Comer en Vigo</a>
          <a href="/para-locales" style="color: #f97316 !important;">💼 Para Negocios / Destacar</a>
        </div>
      </div>
      <a href="/espacios-y-recintos-en-vigo.html" id="nav-locales">🎭 Espacios & Recintos</a>
      <a href="/blog" style="color: #c084fc; font-weight: 700;">📝 Blog</a>
      <button id="notificaciones" class="nav-button" type="button">Activar avisos</button>
    </nav>
  </header>

  <main>
    <section class="hero" aria-labelledby="titulo-principal">
      <div class="hero-content">
        <p class="eyebrow">Agenda cultural & Guía de Vigo</p>
        <h1 id="titulo-principal">¿Qué hacemos<br>hoy en Vigo?</h1>
        <p class="hero-copy">Conciertos, exposiciones, los mejores restaurantes y todos los planes de la ciudad.</p>
      </div>
      <div class="search-panel">
        <label class="search-field" for="buscador">
          <span aria-hidden="true">⌕</span>
          <input id="buscador" type="search" autocomplete="off" placeholder="Busca un evento, restaurante o plan">
        </label>
        <button id="buscar" type="button">Encontrar planes</button>
      </div>
    </section>

    <!-- SECCIÓN EVENTOS -->
    <section id="agenda" class="agenda-section" aria-labelledby="agenda-title">
      <div class="section-heading">
        <div>
          <p class="eyebrow">Agenda viva</p>
          <h2 id="agenda-title">Eventos para no quedarte en casa</h2>
        </div>
        <p id="contador" class="contador" aria-live="polite"></p>
      </div>

      <div class="contenedor-filtros" aria-label="Filtros de fecha">
        <button class="btn-filtro active" data-filtro="proximos" type="button">Próximos</button>
        <button class="btn-filtro" data-filtro="hoy" type="button">Hoy</button>
        <button class="btn-filtro" data-filtro="manana" type="button">Mañana</button>
        <button class="btn-filtro" data-filtro="finde" type="button">Fin de semana</button>
        <button class="btn-filtro btn-permanente" data-filtro="permanentes" type="button">Permanentes</button>
        <button class="btn-filtro btn-vigonature" data-filtro="vigonature" type="button">🌿 Vigonature</button>
      </div>
      <div id="contenedor-eventos" class="grid-eventos" aria-live="polite">

        <article class="evento-card ssr-card" data-id="concello_3817">
          <div class="card-media">
            <img src="/imagenes_eventos/concello_3817.jpg" alt="Otoño lírico 2026: grandes voces - Jorge de León y Juan Jesús Rodríguez" loading="lazy" class="card-img" onerror="this.src='/logo.png'">
            <span class="card-categoria-badge">Música</span>
          </div>
          <div class="card-content">
            <h3 class="card-title"><a href="/evento/3817/otono-lirico-2026-grandes-voces">Otoño lírico 2026: grandes voces - Jorge de León y Juan Jesús Rodríguez</a></h3>
            <p class="card-meta"><span>📅 12/09/2026</span> <span>⏰ 20:00</span> <span>📍 Teatro Afundación</span></p>
          </div>
        </article>

        <article class="evento-card ssr-card" data-id="concello_3818">
          <div class="card-media">
            <img src="/imagenes_eventos/concello_3818.jpg" alt="Luis Piedrahita. Apocalípticamente correcto" loading="lazy" class="card-img" onerror="this.src='/logo.png'">
            <span class="card-categoria-badge">Teatro y Escena</span>
          </div>
          <div class="card-content">
            <h3 class="card-title"><a href="/evento/3818/luis-piedrahita-apocalipticamente-correcto">Luis Piedrahita. Apocalípticamente correcto</a></h3>
            <p class="card-meta"><span>📅 19/09/2026</span> <span>⏰ 20:00</span> <span>📍 Teatro Afundación</span></p>
          </div>
        </article>

        <article class="evento-card ssr-card" data-id="concello_3820">
          <div class="card-media">
            <img src="/imagenes_eventos/concello_3820.jpg" alt="Escándalo en redacción" loading="lazy" class="card-img" onerror="this.src='/logo.png'">
            <span class="card-categoria-badge">Teatro y Escena</span>
          </div>
          <div class="card-content">
            <h3 class="card-title"><a href="/evento/3820/escandalo-en-redaccion">Escándalo en redacción</a></h3>
            <p class="card-meta"><span>📅 26/09/2026</span> <span>⏰ 20:00</span> <span>📍 Teatro Afundación</span></p>
          </div>
        </article>

        <article class="evento-card ssr-card" data-id="concello_3821">
          <div class="card-media">
            <img src="/imagenes_eventos/concello_3821.jpg" alt="Orquestra Vigo 430: II FESTIVAL SINERXIAS 430: 27 septiembre "O vals das almas secretas"" loading="lazy" class="card-img" onerror="this.src='/logo.png'">
            <span class="card-categoria-badge">Música</span>
          </div>
          <div class="card-content">
            <h3 class="card-title"><a href="/evento/3821/orquestra-vigo-430-ii-festival">Orquestra Vigo 430: II FESTIVAL SINERXIAS 430: 27 septiembre "O vals das almas secretas"</a></h3>
            <p class="card-meta"><span>📅 27/09/2026</span> <span>⏰ 20:00</span> <span>📍 Teatro Afundación</span></p>
          </div>
        </article>

        <article class="evento-card ssr-card" data-id="concello_3822">
          <div class="card-media">
            <img src="/imagenes_eventos/concello_3822.jpg" alt="Otoño lírico 2026: grandes voces. Celso Albelo y Desirée Rancatore" loading="lazy" class="card-img" onerror="this.src='/logo.png'">
            <span class="card-categoria-badge">Música</span>
          </div>
          <div class="card-content">
            <h3 class="card-title"><a href="/evento/3822/otono-lirico-2026-grandes-voces">Otoño lírico 2026: grandes voces. Celso Albelo y Desirée Rancatore</a></h3>
            <p class="card-meta"><span>📅 30/09/2026</span> <span>⏰ 20:00</span> <span>📍 Teatro Afundación</span></p>
          </div>
        </article>

        <article class="evento-card ssr-card" data-id="xunta_156333">
          <div class="card-media">
            <img src="/imagenes_eventos/xunta_156333.jpg" alt="Ándale! Bon appétit!" loading="lazy" class="card-img" onerror="this.src='/logo.png'">
            <span class="card-categoria-badge">Teatro</span>
          </div>
          <div class="card-content">
            <h3 class="card-title"><a href="/evento/156333/andale-bon-appetit">Ándale! Bon appétit!</a></h3>
            <p class="card-meta"><span>📅 04/10/2026</span> <span>⏰ 18:00</span> <span>📍 Auditorio Concello de Vigo</span></p>
          </div>
        </article>

        <article class="evento-card ssr-card" data-id="xunta_156445">
          <div class="card-media">
            <img src="/imagenes_eventos/xunta_156445.jpg" alt="O que xermola no lume" loading="lazy" class="card-img" onerror="this.src='/logo.png'">
            <span class="card-categoria-badge">Teatro</span>
          </div>
          <div class="card-content">
            <h3 class="card-title"><a href="/evento/156445/o-que-xermola-no-lume">O que xermola no lume</a></h3>
            <p class="card-meta"><span>📅 09/10/2026</span> <span>⏰ 20:00</span> <span>📍 Auditorio Concello de Vigo</span></p>
          </div>
        </article>

        <article class="evento-card ssr-card" data-id="xunta_156347">
          <div class="card-media">
            <img src="/imagenes_eventos/xunta_156347.jpg" alt="Begoña Caamaño: o transgredir das ondas" loading="lazy" class="card-img" onerror="this.src='/logo.png'">
            <span class="card-categoria-badge">Teatro</span>
          </div>
          <div class="card-content">
            <h3 class="card-title"><a href="/evento/156347/begona-caamano-o-transgredir-das">Begoña Caamaño: o transgredir das ondas</a></h3>
            <p class="card-meta"><span>📅 10/10/2026</span> <span>⏰ 20:00</span> <span>📍 Auditorio Concello de Vigo</span></p>
          </div>
        </article>

        <article class="evento-card ssr-card" data-id="xunta_156381">
          <div class="card-media">
            <img src="/imagenes_eventos/xunta_156381.jpg" alt="Fiadora de soños" loading="lazy" class="card-img" onerror="this.src='/logo.png'">
            <span class="card-categoria-badge">Teatro</span>
          </div>
          <div class="card-content">
            <h3 class="card-title"><a href="/evento/156381/fiadora-de-sonos">Fiadora de soños</a></h3>
            <p class="card-meta"><span>📅 11/10/2026</span> <span>⏰ 18:00</span> <span>📍 Auditorio Concello de Vigo</span></p>
          </div>
        </article>

        <article class="evento-card ssr-card" data-id="xunta_156200">
          <div class="card-media">
            <img src="/imagenes_eventos/xunta_156200.jpg" alt="A velada de Londres" loading="lazy" class="card-img" onerror="this.src='/logo.png'">
            <span class="card-categoria-badge">Teatro</span>
          </div>
          <div class="card-content">
            <h3 class="card-title"><a href="/evento/156200/a-velada-de-londres">A velada de Londres</a></h3>
            <p class="card-meta"><span>📅 16/10/2026</span> <span>⏰ 20:00</span> <span>📍 Auditorio Concello de Vigo</span></p>
          </div>
        </article>

        <article class="evento-card ssr-card" data-id="xunta_156468">
          <div class="card-media">
            <img src="/imagenes_eventos/xunta_156468.jpg" alt="Tema e Lola" loading="lazy" class="card-img" onerror="this.src='/logo.png'">
            <span class="card-categoria-badge">Teatro</span>
          </div>
          <div class="card-content">
            <h3 class="card-title"><a href="/evento/156468/tema-e-lola">Tema e Lola</a></h3>
            <p class="card-meta"><span>📅 23/10/2026</span> <span>⏰ 20:00</span> <span>📍 Auditorio Concello de Vigo</span></p>
          </div>
        </article>

        <article class="evento-card ssr-card" data-id="xunta_156379">
          <div class="card-media">
            <img src="/imagenes_eventos/xunta_156379.jpg" alt="comedIA" loading="lazy" class="card-img" onerror="this.src='/logo.png'">
            <span class="card-categoria-badge">Teatro</span>
          </div>
          <div class="card-content">
            <h3 class="card-title"><a href="/evento/156379/comedia">comedIA</a></h3>
            <p class="card-meta"><span>📅 25/10/2026</span> <span>⏰ 18:00</span> <span>📍 Auditorio Concello de Vigo</span></p>
          </div>
        </article>
      </div>
      <div id="paginacion-eventos" class="contenedor-paginacion" aria-label="Paginación de eventos"></div>
    </section>

    <!-- SECCIÓN RESTAURANTES -->
    <section id="restaurantes" class="agenda-section" style="margin-top: 50px;" aria-labelledby="restaurantes-title">
      <div class="section-heading">
        <div>
          <p class="eyebrow">Guía Gastronómica · Vigo</p>
          <h2 id="restaurantes-title">Los Mejores Restaurantes de Vigo 🍽️</h2>
        </div>
        <p id="contador-restaurantes" class="contador" aria-live="polite"></p>
      </div>

      <div class="google-attribution-bar">
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>
        <span>Información y valoraciones proporcionadas por <b>Google Places API</b></span>
      </div>

      <div class="contenedor-filtros contenedor-filtros-restaurantes" aria-label="Filtros por categoría de restaurante">
        <button class="btn-filtro-rest active" data-filtro-rest="todos" type="button">Todas las categorías</button>
        <button class="btn-filtro-rest" data-filtro-rest="bocaterias" type="button">🥪 Bocaterías</button>
        <button class="btn-filtro-rest" data-filtro-rest="asadores" type="button">🍖 Asadores</button>
        <button class="btn-filtro-rest" data-filtro-rest="marisquerias" type="button">🦐 Marisquerías</button>
        <button class="btn-filtro-rest" data-filtro-rest="taperias" type="button">🍷 Taperías</button>
        <button class="btn-filtro-rest" data-filtro-rest="pizzerias" type="button">🍕 Pizzerías</button>
        <button class="btn-filtro-rest" data-filtro-rest="michelin" type="button">⭐ Alta Cocina</button>
      </div>

      <div id="contenedor-restaurantes" class="grid-eventos" aria-live="polite"></div>
      <div style="text-align: center; margin-top: 28px;">
        <a href="/donde-comer-en-vigo.html" class="btn btn-primary" style="background: linear-gradient(135deg, #f97316, #ea580c); color: white; padding: 12px 28px; border-radius: 99px; font-weight: 800; font-size: 0.95rem; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 4px 14px rgba(249, 115, 22, 0.35);">
          <span>Ver todos los restaurantes y taperías de Vigo 🍽️</span>
          <span style="font-size: 1.1rem;">→</span>
        </a>
      </div>
    </section>

    <!-- SECCIÓN LOCALES Y RECINTOS CULTURALES -->
    <section id="locales" class="agenda-section" style="margin-top: 50px;" aria-labelledby="locales-title">
      <div class="section-heading">
        <div>
          <p class="eyebrow">Recintos & Espacios · Vigo</p>
          <h2 id="locales-title">Auditorios, Teatros y Espacios Culturales 🎭</h2>
        </div>
        <p id="contador-locales" class="contador" aria-live="polite"></p>
      </div>

      <div class="google-attribution-bar">
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>
        <span>Información, valoraciones y fotografías proporcionadas por <b>Google Places API</b></span>
      </div>

      <div class="contenedor-filtros contenedor-filtros-locales" aria-label="Filtros por tipo de espacio">
        <button class="btn-filtro-loc active" data-filtro-loc="recintos" type="button">🎭 Auditorios y Teatros</button>
        <button class="btn-filtro-loc" data-filtro-loc="vigosona" type="button">🏖️ Chiringuitos y Terrazas</button>
      </div>

      <div id="contenedor-locales" class="grid-eventos" aria-live="polite"></div>
      <div style="text-align: center; margin-top: 28px;">
        <a href="/espacios-y-recintos-en-vigo.html" class="btn btn-primary" style="background: linear-gradient(135deg, #0284c7, #0369a1); color: white; padding: 12px 28px; border-radius: 99px; font-weight: 800; font-size: 0.95rem; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 4px 14px rgba(2, 132, 199, 0.35);">
          <span>Ver todos los espacios, auditorios y recintos de Vigo 🎭</span>
          <span style="font-size: 1.1rem;">→</span>
        </a>
      </div>
    </section>

    <!-- SECCIÓN PREGUNTAS FRECUENTES (FAQ SEO GOOGLE) -->
    <section class="faq-section agenda-section" style="margin-top: 60px;" aria-labelledby="faq-title">
      <div class="section-heading">
        <div>
          <p class="eyebrow">Preguntas Frecuentes</p>
          <h2 id="faq-title">Todo lo que necesitas saber sobre planes en Vigo 💡</h2>
        </div>
      </div>
      <div class="faq-grid">
        <details class="faq-item" open>
          <summary>¿Qué hacer hoy en Vigo?</summary>
          <div class="faq-answer">
            En Vigo dispones a diario de una amplia agenda cultural viva: conciertos en directo, obras teatrales en el Auditorio Mar de Vigo o Teatro García Barbón, exposiciones gratuitas, planes de ocio y una variada ruta gastronómica por el Casco Vello, Montero Ríos y la ría.
          </div>
        </details>
        <details class="faq-item">
          <summary>¿Qué hacer en Vigo este fin de semana?</summary>
          <div class="faq-answer">
            El fin de semana es ideal para disfrutar de festivales, tardeos frente a las Islas Cíes en Samil, rutas por la fortaleza del Monte del Castro, visitas guiadas a museos y marisquerías tradicionales con producto fresco de la ría.
          </div>
        </details>
        <details class="faq-item">
          <summary>¿Qué planes gratis hay en Vigo?</summary>
          <div class="faq-answer">
            Puedes subir gratis al mirador de O Castro, recorrer el Parque y Pazo Quiñones de León en Castrelos, pasear por el paseo marítimo de Samil y Alcabre, o acudir a las exposiciones de la Pinacoteca Fernández del Riego y la Casa de las Artes sin coste alguno.
          </div>
        </details>
      </div>
    </section>
  </main>

  <!-- Modal Detalle Evento -->
  <div id="modal-evento" class="modal-overlay" role="dialog" aria-modal="true" aria-labelledby="modal-titulo" hidden>
    <article class="modal-content">
      <button class="btn-cerrar" type="button" aria-label="Cerrar detalle">×</button>
      <div style="position: relative;">
        <img id="modal-img" class="modal-header-img" src="" alt="">
        <span id="modal-evento-foto-badge" class="photo-attribution-badge">📷 Concello de Vigo</span>
      </div>
      <div class="modal-body">
        <span id="modal-tag" class="tag"></span>
        <h2 id="modal-titulo"></h2>
        <div class="modal-meta">
          <p style="display: inline-flex; align-items: center; gap: 6px;">
            <svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none"
              stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="color: #637589;">
              <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path>
              <circle cx="12" cy="10" r="3"></circle>
            </svg>
            <span id="modal-lugar"></span>
          </p>
          <p style="display: inline-flex; align-items: center; gap: 6px;">
            <svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none"
              stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="color: #637589;">
              <circle cx="12" cy="12" r="10"></circle>
              <polyline points="12 6 12 12 16 14"></polyline>
            </svg>
            <span id="modal-fecha"></span>
          </p>
        </div>

        <!-- Barra de Compartir Minimalista para Eventos -->
        <div class="share-bar-minimal" aria-label="Compartir evento">
          <span class="share-label-minimal">Compartir:</span>
          <a id="modal-share-wa" class="btn-share-icon share-whatsapp" href="#" target="_blank" rel="noopener" aria-label="Compartir en WhatsApp" title="Compartir en WhatsApp">
            <svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M12.012 2c-5.506 0-9.989 4.478-9.99 9.984 0 1.76.459 3.477 1.33 4.988l-1.413 5.163 5.286-1.387c1.455.793 3.097 1.216 4.783 1.217h.004c5.507 0 9.99-4.478 9.99-9.985 0-2.667-1.037-5.175-2.923-7.062a9.923 9.923 0 0 0-7.067-2.918zm.003 1.832a8.136 8.136 0 0 1 5.793 2.392 8.13 8.13 0 0 1 2.396 5.761c0 4.512-3.673 8.185-8.188 8.185a8.14 8.14 0 0 1-4.167-1.144l-.299-.177-3.097.812.827-3.023-.195-.311a8.13 8.13 0 0 1-1.246-4.349c0-4.512 3.673-8.186 8.176-8.186zm-3.528 4.385c-.201 0-.525.075-.8.375-.274.3-.1.05-.1.05s-1.05 1.05-1.05 2.55.075.75 1.075 2.55c1 1.8 2.3 3.125 4.1 4.125 1.8 1 2.25.825 2.55.825s1.05-.425 1.35-.975.3-.975.225-1.125c-.075-.15-.3-.225-.625-.375s-1.925-.95-2.225-1.062c-.3-.113-.525-.163-.75.162s-.875 1.088-1.075 1.313c-.2.225-.4.25-.725.087a9.09 9.09 0 0 1-2.686-1.656 10.02 10.02 0 0 1-1.859-2.313c-.188-.325-.02-.5.13-.65.135-.135.3-.35.45-.525s.2-.3.3-.5.05-.35-.025-.5c-.075-.15-.675-1.625-.925-2.225-.243-.585-.49-.505-.675-.515z"/></svg>
          </a>
          <a id="modal-share-x" class="btn-share-icon share-x" href="#" target="_blank" rel="noopener" aria-label="Compartir en X" title="Compartir en X">
            <svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
          </a>
          <a id="modal-share-fb" class="btn-share-icon share-facebook" href="#" target="_blank" rel="noopener" aria-label="Compartir en Facebook" title="Compartir en Facebook">
            <svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
          </a>
          <a id="modal-share-tg" class="btn-share-icon share-telegram" href="#" target="_blank" rel="noopener" aria-label="Compartir en Telegram" title="Compartir en Telegram">
            <svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M12 0C5.37 0 0 5.37 0 12s5.37 12 12 12 12-5.37 12-12S18.63 0 12 0zm5.56 8.16l-2.02 9.52c-.15.68-.56.84-1.13.53l-3.1-2.28-1.5 1.44c-.16.16-.3.3-.61.3l.22-3.17 5.77-5.21c.25-.22-.05-.34-.39-.12l-7.14 4.5-3.07-.96c-.67-.21-.68-.67.14-.99l12.01-4.63c.56-.2 1.05.14.82 1.07z"/></svg>
          </a>
          <button id="modal-share-copy" type="button" class="btn-share-icon share-copy" aria-label="Copiar enlace" title="Copiar enlace">
            <svg viewBox="0 0 24 24" width="15" height="15" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg>
          </button>
          <span id="modal-share-toast" class="toast-copied" hidden>¡Copiado!</span>
        </div>

        <div id="modal-opinion-box" class="modal-opinion-callout" hidden>
          <div class="opinion-callout-header">
            <img src="/logo.png" alt="QUEHACERENVIGO" class="opinion-callout-logo" width="26" height="26">
            <span class="opinion-callout-title">Opinión de QUEHACERENVIGO</span>
          </div>
          <p id="modal-opinion-text" class="opinion-callout-body"></p>
        </div>

        <!-- Caja de Recomendación de Restaurante si está vinculado -->
        <div id="modal-restaurante-recomendado" class="restaurante-recomendado-box" hidden>
          <div class="rest-rec-header">
            <span>🍽️ ¿Dónde cenar / comer cerca de este evento?</span>
          </div>
          <div class="rest-rec-content">
            <b id="rec-rest-nombre"></b>
            <p id="rec-rest-info" style="font-size: 0.85rem; color: #64748b; margin: 2px 0 0;"></p>
          </div>
        </div>

        <!-- Caja de Recinto / Espacio Cultural Vinculado -->
        <div id="modal-recinto-vinculado" style="margin: 14px 0; padding: 12px 16px; background: linear-gradient(135deg, rgba(59, 130, 246, 0.08), rgba(99, 102, 241, 0.08)); border: 1px solid rgba(59, 130, 246, 0.3); border-radius: 10px;" hidden>
          <div style="font-size: 0.78rem; font-weight: 700; color: #1d4ed8; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 4px;">
            <span>🎭 Recinto / Espacio Cultural</span>
          </div>
          <div style="display: flex; justify-content: space-between; align-items: center; gap: 10px;">
            <div>
              <b id="recinto-vinc-nombre" style="font-size: 0.95rem; color: #1e293b;"></b>
              <p id="recinto-vinc-info" style="font-size: 0.82rem; color: #64748b; margin: 2px 0 0;"></p>
            </div>
            <button id="btn-ver-recinto-vinc" type="button" class="btn-primary" style="padding: 6px 12px; font-size: 0.78rem; white-space: nowrap; background: #3b82f6;">Ver recinto 🏛️</button>
          </div>
        </div>

        <div id="modal-descripcion" class="modal-descripcion"></div>

        <!-- Nota de Transparencia Editorial en Eventos -->
        <div class="article-transparencia-box">
          <span style="font-size: 1.1rem; line-height: 1;">💡</span>
          <div id="modal-evento-transparencia-text">
            <strong>Transparencia editorial:</strong> Información verificada a partir de fuentes oficiales y canales de la agenda cultural de Vigo. El contenido o los datos pueden contener errores involuntarios, y los horarios, precios o fechas pueden estar sujetos a cambios por parte de los organizadores.
          </div>
        </div>

        <!-- Guías Recomendadas para Disfrutar Vigo (Internal Linking SEO) -->
        <div class="guias-recomendadas-box">
          <div style="font-size: 0.82rem; font-weight: 700; color: #1e293b; text-transform: uppercase; letter-spacing: 0.5px; display: flex; align-items: center; gap: 6px;">
            <span>🗺️ Guías recomendadas para disfrutar Vigo</span>
          </div>
          <div class="guias-links-grid">
            <a href="/que-hacer-este-fin-de-semana-en-vigo.html">🌟 Planes Fin de Semana</a>
            <a href="/que-hacer-en-vigo-gratis.html">💸 Qué hacer Gratis</a>
            <a href="/blog/dia-del-espectador-vigo">🎬 Día del Espectador (Cines)</a>
            <a href="/que-hacer-en-vigo-con-ninos.html">🧸 Planes con Niños</a>
          </div>
        </div>

        <div id="contenedor-mapa" hidden>
          <h3>Cómo llegar</h3>
          <div id="mapa"></div>
        </div>

        <div class="modal-actions-minimal">
          <a id="modal-calendario" class="btn-action-minimal btn-minimal-outline" href="#" target="_blank" rel="noopener">
            <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
            Añadir a Google Calendar
          </a>
          <a id="modal-fuente" class="btn-action-minimal btn-minimal-primary" href="#" target="_blank" rel="noopener">
            <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>
            Ver fuente oficial
          </a>
        </div>
      </div>
    </article>
  </div>

  <!-- Modal Detalle Restaurante Público -->
  <div id="modal-restaurante-publico" class="modal-overlay" role="dialog" aria-modal="true" hidden>
    <article class="modal-content">
      <button class="btn-cerrar" id="btn-cerrar-modal-rest-pub" type="button">×</button>
      <div style="position: relative;">
        <img id="modal-rest-img" class="modal-header-img" src="" alt="">
        <span id="modal-rest-foto-badge" class="photo-attribution-badge">📸 Fotografía propia Envigo</span>
      </div>
      <div class="modal-body">
        <span id="modal-rest-tag" class="tag" style="background: #10b981;">Restaurante</span>
        <h2 id="modal-rest-nombre" style="margin-top: 8px;"></h2>
        
        <div class="modal-meta" style="margin-bottom: 14px;">
          <p>📍 <span id="modal-rest-direccion"></span></p>
          <p>⭐ <b id="modal-rest-rating"></b> (<span id="modal-rest-opiniones"></span> opiniones en Google)</p>
        </div>

        <!-- Mención / Atribución Legal de Google & QUEHACERENVIGO -->
        <div style="font-size: 0.75rem; color: #64748b; margin-bottom: 14px; background: #f8fafc; padding: 6px 12px; border-radius: 6px; border: 1px solid #e2e8f0;">
          <span id="modal-rest-legal-text">📍 Ubicación y valoraciones proporcionadas por <b>Google Places API</b> · Guía y contenido editados por <b>QUEHACERENVIGO</b></span>
        </div>

        <!-- Opinión Personal QUEHACERENVIGO -->
        <div id="modal-rest-opinion-box" class="modal-opinion-callout" hidden>
          <div class="opinion-callout-header">
            <img src="/logo.png" alt="QUEHACERENVIGO" class="opinion-callout-logo" width="26" height="26">
            <span class="opinion-callout-title">Reseña & Recomendación Editorial QUEHACERENVIGO</span>
          </div>
          <p id="modal-rest-opinion-text" class="opinion-callout-body"></p>
        </div>

        <div id="modal-rest-descripcion" class="modal-descripcion" style="margin-top: 14px;"></div>

        <!-- Nota de Transparencia Editorial Patrocinada -->
        <div id="modal-rest-transparencia-box" style="font-size: 0.78rem; color: #92400e; background: #fffbeb; border: 1px solid #fcd34d; padding: 10px 14px; border-radius: 10px; margin-top: 16px; line-height: 1.4;" hidden></div>

        <div class="modal-actions" style="margin-top: 20px;">
          <a id="modal-rest-maps-link" class="btn-secondary btn-maps" href="#" target="_blank" rel="noopener">
            <svg class="maps-icon-pin" viewBox="0 0 24 24" width="18" height="18" aria-hidden="true">
              <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z" fill="#EA4335"/>
              <circle cx="12" cy="9" r="2.8" fill="#FFFFFF"/>
              <circle cx="12" cy="9" r="1.4" fill="#EA4335"/>
            </svg>
            <span>Abrir en Google Maps</span>
          </a>
        </div>
      </div>
    </article>
  </div>

  <!-- Modal Detalle Local / Recinto Público -->
  <div id="modal-local-publico" class="modal-overlay" role="dialog" aria-modal="true" hidden>
    <article class="modal-content">
      <button class="btn-cerrar" id="btn-cerrar-modal-local-pub" type="button">×</button>
      <div style="position: relative;">
        <img id="modal-local-img" class="modal-header-img" src="" alt="">
        <span id="modal-local-foto-badge" class="photo-attribution-badge">📸 Fotografía propia QUEHACERENVIGO</span>
      </div>
      <div class="modal-body">
        <span id="modal-local-tag" class="tag" style="background: #f97316;">Local & Recinto</span>
        <h2 id="modal-local-nombre" style="margin-top: 8px;"></h2>
        
        <div class="modal-meta" style="margin-bottom: 14px;">
          <p>📍 <span id="modal-local-direccion"></span></p>
          <p>⭐ <b id="modal-local-rating"></b> (<span id="modal-local-opiniones"></span> opiniones en Google)</p>
        </div>

        <!-- Mención / Atribución Legal de Google & QUEHACERENVIGO -->
        <div style="font-size: 0.75rem; color: #64748b; margin-bottom: 14px; background: #f8fafc; padding: 6px 12px; border-radius: 6px; border: 1px solid #e2e8f0;">
          <span id="modal-local-legal-text">📍 Ubicación y valoraciones proporcionadas por <b>Google Places API</b> · Guía y contenido editados por <b>QUEHACERENVIGO</b></span>
        </div>

        <!-- Opinión Personal QUEHACERENVIGO -->
        <div id="modal-local-opinion-box" class="modal-opinion-callout" hidden>
          <div class="opinion-callout-header">
            <img src="/logo.png" alt="QUEHACERENVIGO" class="opinion-callout-logo" width="26" height="26">
            <span class="opinion-callout-title">Reseña & Recomendación Editorial QUEHACERENVIGO</span>
          </div>
          <p id="modal-local-opinion-text" class="opinion-callout-body"></p>
        </div>

        <div id="modal-local-descripcion" class="modal-descripcion" style="margin-top: 14px;"></div>

        <!-- Caja de Eventos Programados en este Recinto -->
        <div id="modal-local-eventos-box" style="margin-top: 18px; padding: 14px 16px; background: linear-gradient(135deg, rgba(59, 130, 246, 0.06), rgba(99, 102, 241, 0.06)); border: 1px solid rgba(59, 130, 246, 0.25); border-radius: 12px;" hidden>
          <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
            <span style="font-weight: 800; font-size: 0.85rem; color: #1e3a8a; text-transform: uppercase; letter-spacing: 0.5px;">🎟️ Próximos Eventos en este Recinto</span>
            <span id="modal-local-eventos-cnt" style="font-size: 0.78rem; background: #3b82f6; color: #fff; padding: 2px 8px; border-radius: 99px; font-weight: 700;">0</span>
          </div>
          <div id="modal-local-eventos-lista" style="display: flex; flex-direction: column; gap: 8px;"></div>
        </div>

        <div class="modal-actions" style="margin-top: 20px;">
          <a id="modal-local-maps-link" class="btn-secondary btn-maps" href="#" target="_blank" rel="noopener">
            <svg class="maps-icon-pin" viewBox="0 0 24 24" width="18" height="18" aria-hidden="true">
              <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z" fill="#EA4335"/>
              <circle cx="12" cy="9" r="2.8" fill="#FFFFFF"/>
              <circle cx="12" cy="9" r="1.4" fill="#EA4335"/>
            </svg>
            <span>Abrir en Google Maps</span>
          </a>
        </div>
      </div>
    </article>
  </div>

  <!-- FOOTER REDISEÑADO DE ENVIGO -->
  <footer id="site-footer" class="site-footer">
    <div class="footer-col">
      <h4 class="footer-heading">Guía de Vigo</h4>
      <p class="footer-bio">
        Tu agenda actualizada a diario con los mejores conciertos, teatro, gastronomía, eventos y chiringuitos de playa en Vigo.
      </p>
    </div>

    <div class="footer-col">
      <h4 class="footer-heading">Agendas & Guías SEO</h4>
      <ul class="footer-menu">
        <li><a href="/">🌟 Todos los Planes</a></li>
        <li><a href="/que-hacer-este-fin-de-semana-en-vigo.html">📅 Este Fin de Semana</a></li>
        <li><a href="/que-hacer-en-vigo-gratis.html">🎁 Planes Gratis</a></li>
        <li><a href="/que-hacer-en-vigo-con-ninos.html">👶 Con Niños / Familia</a></li>
        <li><a href="/blog">📝 Blog & Guías Editoriales</a></li>
      </ul>
    </div>

    <div class="footer-col">
      <h4 class="footer-heading">Espacios Culturales</h4>
      <ul class="footer-menu">
        <li><a href="/espacios-y-recintos-en-vigo.html" style="color: #38bdf8; font-weight: 700;">🌟 Todos los Espacios y Recintos</a></li>
        <li><a href="/local/auditorio-mar-de-vigo">🎭 Auditorio Mar de Vigo</a></li>
        <li><a href="/local/teatro-garcia-barbon">🏛️ Teatro García Barbón</a></li>
        <li><a href="/local/ifevi">🎪 IFEVI Recinto Feiral</a></li>
        <li><a href="/local/cine-teatro-salesianos">🎬 Cine Teatro Salesianos</a></li>
        <li><a href="/local/auditorio-castrelos">🌳 Auditorio de Castrelos</a></li>
      </ul>
    </div>

    <div class="footer-col">
      <h4 class="footer-heading">Redes Sociales</h4>
      <ul class="footer-menu">
        <li><a href="https://www.instagram.com/quehacerenvigo" target="_blank" rel="noopener me">📸 Instagram (@quehacerenvigo)</a></li>
        <li><a href="https://www.facebook.com/quehacerenvigo" target="_blank" rel="noopener me">📘 Facebook (@quehacerenvigo)</a></li>
        <li><a href="https://x.com/quehacerenvigo" target="_blank" rel="noopener me">🐦 Twitter / X (@quehacerenvigo)</a></li>
      </ul>
    </div>

    <div class="site-footer-bottom">
      <a href="/aviso-legal.html">⚖️ Aviso legal</a>
      <span>·</span>
      <a href="/politica-de-privacidad.html">🔒 Política de privacidad</a>
      <span>·</span>
      <a href="/politica-de-cookies.html">🍪 Política de cookies</a>
      <span>·</span>
      <button type="button" class="reabrir-cookies-btn">⚙️ Configurar cookies</button>
    </div>
  </footer>

  <!-- BANNER DE COOKIES CON GESTIÓN DE PREFERENCIAS -->
  <aside id="cookie-banner" class="cookie-banner" hidden>
    <div class="cookie-banner-content">
      <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
        <span style="font-size: 1.3rem;">🍪</span>
        <h4 style="margin:0; font-size: 1rem; font-weight: 800; color: #0f172a;">Gestión de Cookies</h4>
      </div>
      <p style="margin: 0 0 14px; font-size: 0.84rem; color: #475569; line-height: 1.5;">
        Utilizamos almacenamiento local y cookies técnicas para mejorar tu experiencia de navegación y recordar tus preferencias. Consulta nuestra <a href="/politica-de-cookies.html" style="color: #f97316; font-weight: 700; text-decoration: underline;">política de cookies</a>.
      </p>
      <div style="display: flex; gap: 8px; justify-content: flex-end;">
        <button id="aceptar-cookies" type="button" class="btn-primary" style="padding: 8px 16px; font-size: 0.84rem; background: #061b31;">Aceptar y Guardar</button>
      </div>
    </div>
  </aside>

  <!-- WIDGET FLOTANTE DISCRETO PARA REABRIR CONFIGURACIÓN DE COOKIES -->
  <button id="cookie-floating-pill" class="cookie-floating-pill" type="button" hidden>🍪 Configurar Cookies</button>

  <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
  <script src="/main.js?v=20260821_v5"></script>
</body>

</html>