<!DOCTYPE html>
<html lang="es-ES">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="generator" content="custom-static">
  <title>Cuco Almería — Guía de lugares, gastronomía y cultura</title>
  <meta name="description" content="Cuco Almería es una guía editorial sobre la provincia de Almería: los mejores lugares, gastronomía típica, cultura local y espacios naturales que descubrir.">
  <link rel="canonical" href="https://cucoalmeria.net/">
  <link rel="icon" href="/favicon.svg" type="image/svg+xml">
  <link rel="stylesheet" href="/assets/css/style.css">

  <!-- Open Graph -->
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://cucoalmeria.net/">
  <meta property="og:title" content="Cuco Almería — Guía de lugares, gastronomía y cultura en Almería">
  <meta property="og:description" content="Guía editorial sobre la provincia de Almería: lugares, gastronomía, cultura y naturaleza.">
  <meta property="og:image" content="https://cucoalmeria.net/assets/img/thumbs/jpg/home-1280.jpg">

  <!-- Schema -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "WebSite",
    "name": "Cuco Almería",
    "url": "https://cucoalmeria.net",
    "description": "Guía editorial sobre la provincia de Almería",
    "inLanguage": "es-ES",
    "publisher": {
      "@type": "Organization",
      "name": "Cuco Almería",
      "url": "https://cucoalmeria.net"
    }
  }
  </script>
</head>
<body>

<header class="site-header">
  <div class="header-inner">
    <a href="/" class="site-logo" aria-label="Cuco Almería — inicio">
      <svg width="36" height="36" viewBox="0 0 36 36" fill="none" aria-hidden="true">
        <circle cx="18" cy="18" r="18" fill="#e8a838"/>
        <text x="18" y="23" text-anchor="middle" font-family="Georgia,serif" font-size="17" font-weight="700" fill="#1a5276">C</text>
      </svg>
      <span class="logo-wordmark">Cuco <span>Almería</span></span>
    </a>
    <button class="nav-toggle" aria-label="Abrir menú" aria-expanded="false" aria-controls="main-nav">
      <span></span><span></span><span></span>
    </button>
    <ul class="site-nav" id="main-nav" role="list">
      <li><a href="/" aria-current="page">Inicio</a></li>
      <li><a href="/lugares/">Lugares</a></li>
      <li><a href="/gastronomia/">Gastronomía</a></li>
      <li><a href="/cultura/">Cultura</a></li>
      <li><a href="/naturaleza/">Naturaleza</a></li>
      <li><a href="/recursos/">Recursos</a></li>
    </ul>
  </div>
</header>

<main>

  <!-- HERO -->
  <section class="hero">
    <div class="hero-inner">
      <p class="hero-eyebrow">Provincia de Almería · España</p>
      <h1>Almería: la provincia que Europa no terminó de descubrir</h1>
      <p>Castillos árabes sobre la ciudad, acantilados volcánicos sin urbanizar, el único desierto del continente y los pueblos que inspiraron el spaghetti western — todo en 8.774 km².</p>
      <a href="/lugares/" class="hero-cta">Explorar lugares</a>
    </div>
  </section>

  <!-- TOPIC CARDS -->
  <section class="section">
    <div class="section-inner">
      <h2 class="section-title">¿Qué quieres descubrir?</h2>
      <p class="section-subtitle">Cuatro ejes para conocer la provincia de Almería a fondo.</p>
      <div class="card-grid">

        <a href="/lugares/" class="card">
          <div class="card-thumb">
            <picture>
              <source srcset="/assets/img/thumbs/avif/lugares-400.avif 400w, /assets/img/thumbs/avif/lugares-800.avif 800w" type="image/avif">
              <source srcset="/assets/img/thumbs/webp/lugares-400.webp 400w, /assets/img/thumbs/webp/lugares-800.webp 800w" type="image/webp">
              <img src="/assets/img/thumbs/jpg/lugares-800.jpg" alt="Las Negras, pueblo costero dentro del Parque Natural de Cabo de Gata-Níjar, visto desde el cerro" width="800" height="600" loading="lazy">
            </picture>
          </div>
          <div class="card-body">
            <span class="card-tag">Lugares</span>
            <p class="card-title">Pueblos, playas y rincones de la provincia</p>
            <p class="card-excerpt">Mojácar, Níjar, Cabo de Gata, el desierto de Tabernas: cada comarca tiene su propio carácter.</p>
            <span class="card-cta">Ver todos los lugares →</span>
          </div>
        </a>

        <a href="/gastronomia/" class="card">
          <div class="card-thumb">
            <picture>
              <source srcset="/assets/img/thumbs/avif/gastronomia-400.avif 400w, /assets/img/thumbs/avif/gastronomia-800.avif 800w" type="image/avif">
              <source srcset="/assets/img/thumbs/webp/gastronomia-400.webp 400w, /assets/img/thumbs/webp/gastronomia-800.webp 800w" type="image/webp">
              <img src="/assets/img/thumbs/jpg/gastronomia-800.jpg" alt="Productos típicos de la gastronomía almeriense: tomates, pescado fresco y aceite de oliva" width="800" height="600" loading="lazy">
            </picture>
          </div>
          <div class="card-body">
            <span class="card-tag">Gastronomía</span>
            <p class="card-title">Sabores del mar y la sierra almeriense</p>
            <p class="card-excerpt">Gamba roja de Garrucha, ajoblanco, tapas de mercado y una cocina de secano que el turismo no arruinó.</p>
            <span class="card-cta">Ver gastronomía →</span>
          </div>
        </a>

        <a href="/cultura/" class="card">
          <div class="card-thumb">
            <picture>
              <source srcset="/assets/img/thumbs/avif/alcazaba-400.avif 400w, /assets/img/thumbs/avif/alcazaba-800.avif 800w" type="image/avif">
              <source srcset="/assets/img/thumbs/webp/alcazaba-400.webp 400w, /assets/img/thumbs/webp/alcazaba-800.webp 800w" type="image/webp">
              <img src="/assets/img/thumbs/jpg/alcazaba-800.jpg" alt="La Alcazaba de Almería, fortaleza árabe del siglo X sobre el cerro de la ciudad" width="800" height="541" loading="lazy">
            </picture>
          </div>
          <div class="card-body">
            <span class="card-tag">Cultura</span>
            <p class="card-title">Historia, cine y tradiciones populares</p>
            <p class="card-excerpt">La Alcazaba califal, los westerns de Leone en Tabernas, y una historia árabe que ningún terremoto borró del todo.</p>
            <span class="card-cta">Ver cultura →</span>
          </div>
        </a>

        <a href="/naturaleza/" class="card">
          <div class="card-thumb">
            <picture>
              <source srcset="/assets/img/thumbs/avif/naturaleza-400.avif 400w, /assets/img/thumbs/avif/naturaleza-800.avif 800w" type="image/avif">
              <source srcset="/assets/img/thumbs/webp/naturaleza-400.webp 400w, /assets/img/thumbs/webp/naturaleza-800.webp 800w" type="image/webp">
              <img src="/assets/img/thumbs/jpg/naturaleza-800.jpg" alt="Cala del Parque Natural de Cabo de Gata-Níjar al atardecer, con aguas turquesa y costa volcánica" width="800" height="600" loading="lazy">
            </picture>
          </div>
          <div class="card-body">
            <span class="card-tag">Naturaleza</span>
            <p class="card-title">El único desierto de Europa y mucho más</p>
            <p class="card-excerpt">El único desierto de Europa continental, la costa volcánica más virgen del Mediterráneo y el sur de Sierra Nevada.</p>
            <span class="card-cta">Ver naturaleza →</span>
          </div>
        </a>

      </div>
    </div>
  </section>

  <!-- DESTACADO — Ruta del Cine Níjar (backlink target with DR59) -->
  <section class="section band">
    <div class="section-inner">
      <h2 class="section-title">Destacado: la Ruta del Cine en la Comarca de Níjar</h2>
      <p class="section-subtitle">La comarca de Níjar ha sido escenario de decenas de producciones internacionales. Esta ruta permite recorrer los parajes que aparecieron en westerns clásicos, aventuras épicas y rodajes de Hollywood.</p>
      <a href="/cultura/ruta-del-cine-comarca-de-nijar-almeria/" style="display:inline-block;margin-top:.5rem;font-weight:700;color:var(--col-primary);text-decoration:none;">Leer el reportaje completo →</a>
    </div>
  </section>

  <!-- ABOUT STRIP -->
  <section class="section band-dark">
    <div class="section-inner text-center">
      <h2 class="section-title">Sobre Cuco Almería</h2>
      <p class="section-subtitle" style="margin:0 auto 0;max-width:620px;">Guía editorial sobre la provincia de Almería. Sin agencias de viajes, sin patrocinios: solo textos que intentan hacer justicia a una provincia que la mayor parte de España infravalora.</p>
    </div>
  </section>

</main>

<footer class="site-footer">
  <div class="footer-inner">
    <div class="footer-brand">
      <div class="logo-wordmark">Cuco <span style="color:var(--col-secondary)">Almería</span></div>
      <p class="footer-desc">Guía editorial sobre la provincia de Almería: lugares, gastronomía, cultura y naturaleza.</p>
    </div>
    <div class="footer-col">
      <h4>Secciones</h4>
      <ul>
        <li><a href="/lugares/">Lugares</a></li>
        <li><a href="/gastronomia/">Gastronomía</a></li>
        <li><a href="/cultura/">Cultura</a></li>
        <li><a href="/naturaleza/">Naturaleza</a></li>
        <li><a href="/recursos/">Recursos</a></li>
      </ul>
    </div>
    <div class="footer-col">
      <h4>Información</h4>
      <ul>
        <li><a href="/sobre-nosotros/">Sobre nosotros</a></li>
        <li><a href="/contacto/">Contacto</a></li>
        <li><a href="/aviso-legal/">Aviso Legal</a></li>
        <li><a href="/politica-de-privacidad/">Privacidad</a></li>
        <li><a href="/politica-de-cookies/">Cookies</a></li>
      </ul>
    </div>
  </div>
  <div class="footer-bottom">
    <span>© 2026 Cuco Almería</span>
    <span>Provincia de Almería, Andalucía, España</span>
  </div>
</footer>

<script>
  const toggle = document.querySelector('.nav-toggle');
  const nav = document.getElementById('main-nav');
  toggle.addEventListener('click', () => {
    const open = nav.classList.toggle('open');
    toggle.setAttribute('aria-expanded', open);
  });
</script>

</body>
</html>
