<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8" />
  <title>AutosOne.org – Últimos Autos en Venta en Chiapas</title>
  <meta name="description" content="Consulta los últimos autos en venta en Chiapas. Sitio sin cookies ni rastreadores. Teléfonos clickeables y SEO local." />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <!-- Schema.org: Organización Oikomercus con suborganización AutosOne -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Organization",
    "name": "Oikomercus",
    "url": "https://oikomercus.com",
    "logo": "https://oikomercus.com/logo.png",
    "sameAs": [
      "https://autosone.org"
    ],
    "subOrganization": {
      "@type": "Organization",
      "name": "AutosOne.org",
      "url": "https://autosone.org",
      "description": "Sitio de clasificados de autos usados en Chiapas sin cookies ni rastreo."
    }
  }
  </script>

  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 1rem;
      line-height: 1.6;
      color: #333;
    }
    h1, h2 {
      color: #111;
    }
    .anuncio {
      border: 1px solid #ccc;
      padding: 1rem;
      margin-bottom: 1.5rem;
      border-radius: 6px;
      background: #f9f9f9;
    }
    .anuncio h3 {
      margin: 0;
      font-size: 1.2rem;
      color: #0074d9;
    }
    .anuncio p {
      margin: 0.4rem 0;
    }
    .contacto {
      color: #777;
      font-size: 0.95rem;
    }
    .contacto a {
      color: #777;
      text-decoration: none;
    }
    .contacto a:hover {
      text-decoration: underline;
    }
    .ubicacion-municipio {
      color: #777;
      font-size: 0.9rem;
    }
    #loader {
      text-align: center;
      padding: 2rem;
      color: #555;
    }
    footer {
      margin-top: 3rem;
      padding-top: 1rem;
      border-top: 1px solid #ccc;
      font-size: 0.9rem;
      color: #555;
    }
    footer a {
      color: #0074d9;
      text-decoration: none;
    }
    footer a:hover {
      text-decoration: underline;
    }
  </style>
</head>
<body>

<header>
  <h1>AutosOne.org</h1>
  <p>Últimos anuncios de autos publicados en Chiapas</p>
</header>

<main id="contenedor-anuncios">

  <!-- Últimos anuncios directamente en index.html -->

  <div class="anuncio" itemscope itemtype="https://schema.org/Product">
    <h3 itemprop="name">Nissan Sentra 2022</h3>
    <p itemprop="description">Nuevo, automático, solo 5,000 km. Factura de agencia.</p>
    <p>
      Precio: <span itemprop="offers" itemscope itemtype="https://schema.org/Offer">
        <meta itemprop="priceCurrency" content="MXN" />
        <span itemprop="price">295000</span> MXN
      </span>
    </p>
    <p class="contacto">Contacto: <a href="tel:+529616543210" itemprop="seller">+52 961 654 3210</a></p>
    <p class="ubicacion-municipio" itemprop="areaServed">Tuxtla Gutiérrez</p>
  </div>

  <div class="anuncio" itemscope itemtype="https://schema.org/Product">
    <h3 itemprop="name">Honda HR-V 2021</h3>
    <p itemprop="description">Versión Touring, automática, cámara de reversa, piel.</p>
    <p>
      Precio: <span itemprop="offers" itemscope itemtype="https://schema.org/Offer">
        <meta itemprop="priceCurrency" content="MXN" />
        <span itemprop="price">345000</span> MXN
      </span>
    </p>
    <p class="contacto">Contacto: <a href="tel:+529678765432" itemprop="seller">+52 967 876 5432</a></p>
    <p class="ubicacion-municipio" itemprop="areaServed">San Cristóbal de las Casas</p>
  </div>

  <div class="anuncio" itemscope itemtype="https://schema.org/Product">
    <h3 itemprop="name">Mazda 2 2020</h3>
    <p itemprop="description">Automático, único dueño, servicios de agencia.</p>
    <p>
      Precio: <span itemprop="offers" itemscope itemtype="https://schema.org/Offer">
        <meta itemprop="priceCurrency" content="MXN" />
        <span itemprop="price">245000</span> MXN
      </span>
    </p>
    <p class="contacto">Contacto: <a href="tel:+529626789012" itemprop="seller">+52 962 678 9012</a></p>
    <p class="ubicacion-municipio" itemprop="areaServed">Tapachula</p>
  </div>

</main>

<div id="loader" style="display:none;">
  <p>Cargando más autos...</p>
</div>

<footer>
  <p>&copy; 2025 AutosONE.org — Sin cookies ni rastreo</p>

  <p style="margin-top: 2rem;">
    Publica tu aviso de texto gratuito durante 30 días. Sin necesidad de registro, sin renovaciones automáticas.
  </p>

  <p>
    Revisa nuestros 
    <a href="https://oikomercus.com/terminos.html" target="_blank" rel="noopener">Términos</a> y 
    <a href="https://oikomercus.com/privacidad.html" target="_blank" rel="noopener">Política de privacidad</a>
  </p>

  <p>
    Después puedes enviar tu anuncio (revisa modelo de los incluidos) con un SMS al: 
    <a href="sms:+528611311110">8611311110</a>
  </p>
</footer>

<script>
let paginaActual = 99; // Última página de anuncios
let cargando = false;

window.addEventListener("scroll", async () => {
  if (cargando) return;

  if (window.innerHeight + window.scrollY >= document.body.offsetHeight - 100) {
    cargando = true;
    document.getElementById("loader").style.display = "block";

    try {
      const response = await fetch(`pagina${paginaActual}.html`);
      if (response.ok) {
        const html = await response.text();
        const contenedor = document.getElementById("contenedor-anuncios");
        const div = document.createElement("div");
        div.innerHTML = html;
        contenedor.appendChild(div);
        paginaActual--;
        cargando = false;
        document.getElementById("loader").style.display = "none";
      } else {
        document.getElementById("loader").innerHTML = "<p>No hay más autos para mostrar.</p>";
      }
    } catch (err) {
      console.error("Error al cargar la página:", err);
    }
  }
});
</script>

</body>
</html>