ENRE_WEB/subdir/campa.html

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Campañas · La Enredadera de Tetuán</title>
  <meta name="description" content="Campañas activas e históricas del CSO La Enredadera de Tetuán.">
  <!-- Vista previa al compartir el enlace (Mastodon, Telegram, WhatsApp). -->
  <meta property="og:type" content="website">
  <meta property="og:site_name" content="CSO La Enredadera de Tetuán">
  <meta property="og:locale" content="es_ES">
  <meta property="og:title" content="Campañas · La Enredadera de Tetuán">
  <meta property="og:description" content="Campañas activas e históricas del CSO La Enredadera de Tetuán.">
  <meta property="og:image" content="/INFO/cso_laenre.jpeg">
  <meta property="og:image:alt" content="Fachada del CSO La Enredadera: el cartel «La Enredadera» pintado a mano letra a letra sobre la puerta, y encima el mural «El último tesoro que le queda a la ciudad, es el barrio»">
  <meta name="twitter:card" content="summary_large_image">
  <link rel="preload" href="/Code462WPink-Regular.ttf" as="font" type="font/ttf" crossorigin>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Anton&family=Rock+Salt&display=swap">
  <link rel="icon" href="/favicon.svg" type="image/svg+xml">
  <link rel="icon" href="/favicon.ico" sizes="any">
  <link rel="stylesheet" href="/index.css">
</head>
<body>

<input type="checkbox" id="nav-toggle" class="sr-only">
<label for="nav-toggle" class="sb-toggle" aria-label="Abrir o cerrar el menú">☰</label>
<label for="nav-toggle" class="sb-overlay" aria-hidden="true"></label>

<div class="container">

  <aside class="sidebar">
    <img src="/INFO/logo_enre_negro.png" alt="" class="logo" width="192" height="192">
    <!-- Es la marca del panel, no un encabezado de sección: como el panel
         va ANTES del <main>, un <h2> aquí hacía que el primer encabezado
         del documento fuera de nivel 2 y el <h1> viniera después. -->
    <p class="sb-marca">La Enredadera</p>
    <p class="lema">Centro Social Autogestionado en Tetuán. Haciendo barrio desde 2009.</p>
    <nav class="sidebar-nav" aria-label="Secciones">
      <ul>
        <li><a href="/colectivos.html">Colectivos</a></li>
        <li><a href="/calendario.html">Calendario</a></li>
        <li><a href="/eventos.html">Eventos</a></li>
        <li><a href="/subdir/campa.html" aria-current="page">Campañas</a></li>
        <li><a href="/subdir/sobre_nosotrxs.html">La Enre</a></li>
        <li><a href="/subdir/contacto.html">Contacto</a></li>
        <li><a href="https://okupanel.laenre.net">Actividades</a></li>
        <li><a href="https://www.instagram.com/la_enredadera_de_tetuan/">Instagram</a></li>
        <li><a href="https://masto.es/@csolaenre">Mastodon</a></li>
      </ul>
    </nav>
  </aside>

  <main class="main">

    <header class="cabecera">
      <h1>CAMPAÑAS</h1>
      <p class="sub">En lo que andamos metidas ahora mismo</p>
    </header>

    <a class="volver" href="/index.html">← Volver a la enredadera</a>

    <article class="texto">
        <p>
          Aquí reunimos las campañas que impulsamos desde La Enredadera y con el barrio:
          defensa de vivienda, espacios comunes, apoyo mutuo y cultura libre.
          Súmate, difunde y participa en las asambleas abiertas.
        </p>

<h2>Activas</h2>

        <div class="tarjeta"><h3>Stop Desahucios Tetuán</h3>
        <p>
          Red de apoyo vecinal para frenar desahucios, acompañar a familias y presionar por soluciones reales.
        </p>
        <p>
        </p>

        </div><div class="tarjeta"><h3>Barrios Vivos: Espacio Público para la Gente</h3>
        <p>
          Recuperar plazas y calles para la vida social, el juego, la cultura y el encuentro, frente a la especulación y el coche.
        </p>
        <p>
        </p>

        </div><div class="tarjeta"><h3>Red de Cuidados y Apoyo Mutuo</h3>
        <p>
          Red comunitaria para acompañamiento a mayores, comedores vecinales, ropero y banco de alimentos.
        </p>
        <p>
        </p>
      </div>

      <!-- Los botones originales de estas tarjetas no llevaban a ninguna parte
           (onclick="window.location.href='#'"). Los he quitado. Prometían:
           🗓️ Próximas convocatorias · 📥 Cartelería / materiales · 📝 Propuestas ciudadanas · 📥 Dossier de campaña · 🤝 Cómo sumarte · 📥 Recursos y guías
           Cuando exista el destino, se ponen como <ul class="enlaces">. -->

<h2>Histórico</h2>
        <ul>
          <li>Defensa de Centros Sociales (2009–2024)</li>
          <li>Escuela Pública y de Barrio</li>
          <li>Huertos Urbanos Comunitarios</li>
          <li>Cultura Libre y Fiestas Populares</li>
        </ul>
        <p>
          Si quieres consultar materiales antiguos, escríbenos a
          <a href="mailto:enredadera@riseup.net">enredadera@riseup.net</a>.
        </p>
    </article>


    <footer class="pie-pagina">
      <p>
        Calle de la Coruña nº 5, Madrid ·
        <a href="mailto:enredadera@riseup.net">enredadera@riseup.net</a> ·
        <a href="https://masto.es/@csolaenre">@csolaenre</a>
      </p>
    </footer>

  </main>
</div>

</body>
</html>