<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title> San Pedro de Atacama & Uyuni</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <!-- Encabezado -->
  <header>
    <h1>Traveler's Guide</h1>
    <nav>
      <a href="#">Inicio</a>
      <a href="#">Uyuni</a>
      <a href="#">San Pedro</a>
      <a href="#">Cómo viajar</a>
      <a href="#">Blog</a>
      <a href="#">Contacto</a>
    </nav>
  </header>

  <!-- Portada principal -->
  <section class="hero">
    <div class="hero-card uyuni">
      <figure class="wp-block-image size-large">
        <img src="https://uyuniatacamahub.com/wp-content/uploads/2026/06/Salar-de-Uyuni-1024x1024.jpg" alt="Salar de Uyuni" class="wp-image-7"/>
      </figure>
      <h2>Descubre el Salar de Uyuni</h2>
      <button>Más sobre Uyuni</button>
    </div>

    <div class="hero-card sanpedro">
      <figure class="wp-block-image size-large">
        <img src="https://uyuniatacamahub.com/wp-content/uploads/2026/06/San-Pedro-de-Atacama-1024x1024.jpg" alt="San Pedro de Atacama" class="wp-image-8"/>
      </figure>
      <h2>Explora San Pedro de Atacama</h2>
      <button>Más sobre San Pedro</button>
    </div>
  </section>

  <!-- Lugares turísticos -->
  <section class="lugares">
    <h2>Lugares Turísticos para Explorar</h2>
    <div class="cards">
      <div class="card">
        <h3>Valle de la Luna</h3>
        <p>Paisaje único e impresionante.</p>
      </div>
      <div class="card">
        <h3>Geysers del Tatio</h3>
        <p>Geysers al amanecer.</p>
      </div>
      <div class="card">
        <h3>Isla Incahuasi</h3>
        <p>La isla de los cactus.</p>
      </div>
      <div class="card">
        <h3>Cementerio de Trenes</h3>
        <p>Trenes antiguos en el desierto.</p>
      </div>
    </div>
  </section>

  <!-- Sección de viajes -->
  <section class="viajes">
    <h2>Cómo viajar entre San Pedro y Uyuni</h2>
    <div class="cards">
      <div class="card">
        <h3>De San Pedro a Uyuni</h3>
        <p>Rutas, transporte y consejos para cruzar hasta Uyuni.</p>
      </div>
      <div class="card">
        <h3>De Uyuni a San Pedro</h3>
        <p>Opciones y recomendaciones para regresar desde Uyuni.</p>
      </div>
      <div class="card">
        <h3>Tips del viajero</h3>
        <p>Consejos prácticos y experiencias personales.</p>
      </div>
    </div>
  </section>

  <!-- Footer -->
  <footer>
    <p>© 2026 Descubre San Pedro y Uyuni | Diseñado por Tim</p>
  </footer>
</body>
</html>