<!DOCTYPE html>
<html lang="es-ES">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>AutoNova España | Concesionario de coches en Madrid</title>
  <meta name="description" content="AutoNova España: concesionario en Madrid. Coches nuevos y seminuevos, financiación flexible, tasación, garantía y entrega a domicilio. ¡Tu coche ideal te espera!" />
  <link rel="canonical" href="https://videogamesmystery.com/" />
  <meta name="robots" content="index,follow" />
  <meta name="theme-color" content="#0ea5e9" />

  <!-- Open Graph -->
  <meta property="og:site_name" content="AutoNova España" />
  <meta property="og:title" content="AutoNova España | Concesionario de coches en Madrid" />
  <meta property="og:description" content="Coches nuevos y seminuevos con financiación, garantía y entrega. Ven a vernos en Madrid." />
  <meta property="og:type" content="website" />
  <meta property="og:url" content="https://videogamesmystery.com/" />
  <meta property="og:image" content="https://images.unsplash.com/photo-1494976388531-d1058494cdd8?q=80&w=1600&auto=format&fit=crop" />

  <!-- Twitter -->
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:title" content="AutoNova España | Concesionario de coches en Madrid" />
  <meta name="twitter:description" content="Coches nuevos y seminuevos con financiación, garantía y entrega. Ven a vernos en Madrid." />
  <meta name="twitter:image" content="https://images.unsplash.com/photo-1494976388531-d1058494cdd8?q=80&w=1600&auto=format&fit=crop" />

  <link rel="icon" href="https://fav.farm/🚗" />

  <script src="https://cdn.tailwindcss.com"></script>
  <script>
    tailwind.config = {
      theme: {
        extend: {
          colors: {
            primary: { DEFAULT: '#0ea5e9', dark: '#0369a1' },
            accent: '#f59e0b'
          }
        }
      }
    }
  </script>
  <style>
    .shadow-soft { box-shadow: 0 10px 30px rgba(2, 6, 23, 0.08); }
  </style>

  <!-- Schema.org JSON-LD -->
  <script type="application/ld+json">
  {
    "@context":"https://schema.org",
    "@type":"AutoDealer",
    "name":"AutoNova España",
    "url":"https://videogamesmystery.com/",
    "logo":"https://videogamesmystery.com/assets/logo.svg",
    "image":"https://images.unsplash.com/photo-1511919884226-fd3cad34687c?q=80&w=1600&auto=format&fit=crop",
    "priceRange":"€€€",
    "telephone":"+34 911 234 567",
    "email":"hola@videogamesmystery.com",
    "address": {
      "@type":"PostalAddress",
      "streetAddress":"Calle de Alcalá 123",
      "addressLocality":"Madrid",
      "postalCode":"28009",
      "addressCountry":"ES"
    },
    "geo": {
      "@type":"GeoCoordinates",
      "latitude":40.4245,
      "longitude":-3.6697
    },
    "openingHoursSpecification":[
      {"@type":"OpeningHoursSpecification","dayOfWeek":["Monday","Tuesday","Wednesday","Thursday","Friday"],"opens":"09:30","closes":"19:30"},
      {"@type":"OpeningHoursSpecification","dayOfWeek":["Saturday"],"opens":"10:00","closes":"14:00"}
    ],
    "sameAs":[
      "https://www.instagram.com/",
      "https://www.facebook.com/",
      "https://www.youtube.com/"
    ]
  }
  </script>
  <script type="application/ld+json">
  {
    "@context":"https://schema.org",
    "@type":"WebSite",
    "name":"AutoNova España",
    "url":"https://videogamesmystery.com/",
    "potentialAction":{
      "@type":"SearchAction",
      "target":"https://videogamesmystery.com/buscar?q={query}",
      "query-input":"required name=query"
    }
  }
  </script>
</head>
<body class="text-slate-800">
  <!-- Header -->
  <header class="sticky top-0 z-50 bg-white/90 backdrop-blur border-b border-slate-200">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex items-center justify-between h-16">
      <a href="/" class="flex items-center gap-3">
        <img src="/assets/logo.svg" alt="AutoNova España" class="h-8 w-auto" />
        <span class="font-semibold">AutoNova España</span>
      </a>
      <nav class="hidden md:flex items-center gap-6">
        <a href="/" class="text-slate-700 hover:text-primary">Inicio</a>
        <a href="/about.php" class="text-slate-700 hover:text-primary">Sobre nosotros</a>
        <a href="/servicios.php" class="text-slate-700 hover:text-primary">Servicios</a>
        <a href="/blog.php" class="text-slate-700 hover:text-primary">Blog</a>
        <a href="/contacto.php" class="text-white bg-primary hover:bg-primary-dark px-4 py-2 rounded-md">Contacto</a>
      </nav>
      <button id="menuBtn" class="md:hidden p-2 rounded hover:bg-slate-100" aria-label="Abrir menú">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-slate-700" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8h16M4 16h16" />
        </svg>
      </button>
    </div>
    <div id="mobileMenu" class="md:hidden hidden border-t border-slate-200">
      <div class="px-4 py-3 space-y-2">
        <a href="/" class="block py-2">Inicio</a>
        <a href="/about.php" class="block py-2">Sobre nosotros</a>
        <a href="/servicios.php" class="block py-2">Servicios</a>
        <a href="/blog.php" class="block py-2">Blog</a>
        <a href="/contacto.php" class="block py-2 text-primary">Contacto</a>
      </div>
    </div>
  </header>

  <!-- Hero -->
  <section class="relative">
    <img src="https://images.unsplash.com/photo-1511919884226-fd3cad34687c?q=80&w=2000&auto=format&fit=crop" alt="Concesionario de coches en Madrid" class="w-full h-[60vh] object-cover" />
    <div class="absolute inset-0 bg-slate-900/50"></div>
    <div class="absolute inset-0 flex items-center">
      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <h1 class="text-white text-4xl sm:text-5xl font-extrabold max-w-2xl">Tu concesionario de confianza en Madrid</h1>
        <p class="text-slate-200 mt-4 max-w-xl">Coches seleccionados, financiación flexible y garantía total. Estrena coche con AutoNova España.</p>
        <div class="mt-6 flex flex-wrap gap-3">
          <a href="/servicios.php" class="bg-primary hover:bg-primary-dark text-white px-6 py-3 rounded-md">Ver servicios</a>
          <a href="/contacto.php" class="bg-white/10 hover:bg-white/20 text-white px-6 py-3 rounded-md border border-white/30">Pedir cita</a>
        </div>
      </div>
    </div>
  </section>

  <!-- Beneficios -->
  <section class="py-12">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
      <div class="grid md:grid-cols-3 gap-6">
        <div class="p-6 bg-white rounded-xl shadow-soft">
          <h3 class="font-semibold text-lg">Financiación a medida</h3>
          <p class="text-slate-600 mt-2">Cuotas flexibles, aprobación rápida y transparencia total.</p>
        </div>
        <div class="p-6 bg-white rounded-xl shadow-soft">
          <h3 class="font-semibold text-lg">Garantía verificada</h3>
          <p class="text-slate-600 mt-2">Revisiones completas y garantía hasta 24 meses.</p>
        </div>
        <div class="p-6 bg-white rounded-xl shadow-soft">
          <h3 class="font-semibold text-lg">Entrega a domicilio</h3>
          <p class="text-slate-600 mt-2">Recibe tu coche en cualquier punto de la península.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- Stock destacado -->
  <section class="py-12 bg-slate-50">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
      <div class="flex items-center justify-between">
        <h2 class="text-2xl font-bold">Coches destacados</h2>
        <a href="/contacto.php" class="text-primary hover:underline">¿No encuentras el tuyo? Te ayudamos</a>
      </div>
      <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-6 mt-6">
        <!-- Car 1 -->
        <article class="bg-white rounded-xl overflow-hidden shadow-soft">
          <img src="https://images.unsplash.com/photo-1549924231-f129b911e442?q=80&w=1200&auto=format&fit=crop" alt="SEAT León 2021" class="w-full h-48 object-cover" />
          <div class="p-5">
            <h3 class="font-semibold">SEAT León 1.5 TSI 2021</h3>
            <p class="text-slate-600 text-sm mt-1">45.200 km • Gasolina • Manual</p>
            <div class="flex items-center justify-between mt-4">
              <span class="text-xl font-bold">€16.900</span>
              <a href="/contacto.php" class="text-primary hover:underline">Ver detalles</a>
            </div>
          </div>
        </article>
        <!-- Car 2 -->
        <article class="bg-white rounded-xl overflow-hidden shadow-soft">
          <img src="https://images.unsplash.com/photo-1555215695-3004980ad54e?q=80&w=1200&auto=format&fit=crop" alt="Volkswagen Golf 2020" class="w-full h-48 object-cover" />
          <div class="p-5">
            <h3 class="font-semibold">Volkswagen Golf 1.6 TDI 2020</h3>
            <p class="text-slate-600 text-sm mt-1">62.000 km • Diésel • Automático</p>
            <div class="flex items-center justify-between mt-4">
              <span class="text-xl font-bold">€18.500</span>
              <a href="/contacto.php" class="text-primary hover:underline">Ver detalles</a>
            </div>
          </div>
        </article>
        <!-- Car 3 -->
        <article class="bg-white rounded-xl overflow-hidden shadow-soft">
          <img src="https://images.unsplash.com/photo-1593941707874-ef25b8b4a92f?q=80&w=1200&auto=format&fit=crop" alt="Tesla Model 3 2022" class="w-full h-48 object-cover" />
          <div class="p-5">
            <h3 class="font-semibold">Tesla Model 3 RWD 2022</h3>
            <p class="text-slate-600 text-sm mt-1">28.100 km • Eléctrico • Automático</p>
            <div class="flex items-center justify-between mt-4">
              <span class="text-xl font-bold">€29.900</span>
              <a href="/contacto.php" class="text-primary hover:underline">Ver detalles</a>
            </div>
          </div>
        </article>
        <!-- Car 4 -->
        <article class="bg-white rounded-xl overflow-hidden shadow-soft">
          <img src="https://images.unsplash.com/photo-1503376780353-7e6692767b70?q=80&w=1200&auto=format&fit=crop" alt="BMW Serie 3 2019" class="w-full h-48 object-cover" />
          <div class="p-5">
            <h3 class="font-semibold">BMW 320d 2019</h3>
            <p class="text-slate-600 text-sm mt-1">79.800 km • Diésel • Automático</p>
            <div class="flex items-center justify-between mt-4">
              <span class="text-xl font-bold">€23.700</span>
              <a href="/contacto.php" class="text-primary hover:underline">Ver detalles</a>
            </div>
          </div>
        </article>
        <!-- Car 5 -->
        <article class="bg-white rounded-xl overflow-hidden shadow-soft">
          <img src="https://images.unsplash.com/photo-1523986371872-9d3ba2e2a389?q=80&w=1200&auto=format&fit=crop" alt="Renault Captur 2021" class="w-full h-48 object-cover" />
          <div class="p-5">
            <h3 class="font-semibold">Renault Captur 2021</h3>
            <p class="text-slate-600 text-sm mt-1">37.900 km • Híbrido • Automático</p>
            <div class="flex items-center justify-between mt-4">
              <span class="text-xl font-bold">€17.800</span>
              <a href="/contacto.php" class="text-primary hover:underline">Ver detalles</a>
            </div>
          </div>
        </article>
        <!-- Car 6 -->
        <article class="bg-white rounded-xl overflow-hidden shadow-soft">
          <img src="https://images.unsplash.com/photo-1610395219791-21b4b4a3a9b4?q=80&w=1200&auto=format&fit=crop" alt="Audi A3 2018" class="w-full h-48 object-cover" />
          <div class="p-5">
            <h3 class="font-semibold">Audi A3 1.4 TFSI 2018</h3>
            <p class="text-slate-600 text-sm mt-1">88.000 km • Gasolina • Manual</p>
            <div class="flex items-center justify-between mt-4">
              <span class="text-xl font-bold">€14.900</span>
              <a href="/contacto.php" class="text-primary hover:underline">Ver detalles</a>
            </div>
          </div>
        </article>
      </div>
    </div>
  </section>

  <!-- CTA -->
  <section class="py-16">
    <div class="max-w-5xl mx-auto px-4 text-center">
      <h2 class="text-3xl font-bold">¿Quieres vender tu coche?</h2>
      <p class="text-slate-600 mt-3">Te lo tasamos gratis y te hacemos una oferta en 24 horas. Gestión 100% transparente.</p>
      <a href="/contacto.php" class="inline-block mt-6 bg-accent hover:brightness-95 text-white px-6 py-3 rounded-md">Solicitar tasación</a>
    </div>
  </section>

  <!-- Blog preview -->
  <section class="py-12 bg-slate-50">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
      <div class="flex items-center justify-between">
        <h2 class="text-2xl font-bold">Del blog</h2>
        <a class="text-primary hover:underline" href="/blog.php">Ver todos</a>
      </div>
      <div class="grid md:grid-cols-2 gap-6 mt-6">
        <article class="bg-white rounded-xl p-6 shadow-soft">
          <h3 class="font-semibold text-lg"><a href="/blog/como-comprar-coche-en-espana.php" class="hover:text-primary">Cómo comprar coche en España sin sorpresas</a></h3>
          <p class="text-slate-600 mt-2">Guía rápida: documentación, financiación, impuestos y garantía.</p>
          <div class="text-sm text-slate-500 mt-3">5 min de lectura</div>
        </article>
        <article class="bg-white rounded-xl p-6 shadow-soft">
          <h3 class="font-semibold text-lg"><a href="/blog.php" class="hover:text-primary">Eléctrico vs. híbrido: ¿qué te conviene?</a></h3>
          <p class="text-slate-600 mt-2">Consumo, autonomía, costes y zonas de bajas emisiones.</p>
          <div class="text-sm text-slate-500 mt-3">6 min de lectura</div>
        </article>
      </div>
    </div>
  </section>

  <!-- Testimonios -->
  <section class="py-12">
    <div class="max-w-7xl mx-auto px-4">
      <h2 class="text-2xl font-bold">Opiniones reales</h2>
      <div class="grid md:grid-cols-3 gap-6 mt-6">
        <figure class="bg-white p-6 rounded-xl shadow-soft">
          <blockquote class="text-slate-700">Proceso sencillo y muy profesional. El coche está impecable.</blockquote>
          <figcaption class="mt-3 text-sm text-slate-500">— Marta G.</figcaption>
        </figure>
        <figure class="bg-white p-6 rounded-xl shadow-soft">
          <blockquote class="text-slate-700">Me ayudaron con la financiación y la entrega fue rapidísima.</blockquote>
          <figcaption class="mt-3 text-sm text-slate-500">— Luis P.</figcaption>
        </figure>
        <figure class="bg-white p-6 rounded-xl shadow-soft">
          <blockquote class="text-slate-700">Transparencia total en la compra. 100% recomendable.</blockquote>
          <figcaption class="mt-3 text-sm text-slate-500">— Andrea S.</figcaption>
        </figure>
      </div>
    </div>
  </section>

  <!-- FAQ -->
  <section class="py-12 bg-slate-50">
    <div class="max-w-5xl mx-auto px-4">
      <h2 class="text-2xl font-bold">Preguntas frecuentes</h2>
      <div class="mt-6 space-y-4">
        <details class="bg-white p-4 rounded-lg shadow-soft">
          <summary class="cursor-pointer font-medium">¿Qué incluye la garantía?</summary>
          <p class="mt-2 text-slate-600">Cobertura de motor, transmisión y componentes eléctricos. Opciones de ampliación hasta 24 meses.</p>
        </details>
        <details class="bg-white p-4 rounded-lg shadow-soft">
          <summary class="cursor-pointer font-medium">¿Aceptáis coche como parte de pago?</summary>
          <p class="mt-2 text-slate-600">Sí, tasamos tu coche sin compromiso y descontamos el valor de la operación.</p>
        </details>
        <details class="bg-white p-4 rounded-lg shadow-soft">
          <summary class="cursor-pointer font-medium">¿Puedo probar el coche?</summary>
          <p class="mt-2 text-slate-600">Claro, pide cita y preparamos una prueba de conducción sin compromiso.</p>
        </details>
      </div>
    </div>
  </section>

  <!-- Footer -->
  <footer class="bg-slate-900 text-slate-300">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 grid md:grid-cols-4 gap-8">
      <div>
        <img src="/assets/logo.svg" alt="AutoNova España" class="h-8 w-auto mb-4 invert" />
        <p>AutoNova España — Concesionario en Madrid.</p>
        <p class="mt-2 text-sm">Recursos visuales: Unsplash, Freepik.</p>
      </div>
      <div>
        <h4 class="font-semibold text-white">Enlaces</h4>
        <ul class="mt-3 space-y-2">
          <li><a href="/about.php" class="hover:text-white">Sobre nosotros</a></li>
          <li><a href="/servicios.php" class="hover:text-white">Servicios</a></li>
          <li><a href="/blog.php" class="hover:text-white">Blog</a></li>
          <li><a href="/contacto.php" class="hover:text-white">Contacto</a></li>
        </ul>
      </div>
      <div>
        <h4 class="font-semibold text-white">Legal</h4>
        <ul class="mt-3 space-y-2">
          <li><a href="/privacidad.php" class="hover:text-white">Política de privacidad</a></li>
          <li><a href="/terminos.php" class="hover:text-white">Términos de uso</a></li>
        </ul>
      </div>
      <div>
        <h4 class="font-semibold text-white">Contacto</h4>
        <p class="mt-3">Calle de Alcalá 123, 28009 Madrid</p>
        <p>+34 911 234 567</p>
        <p><a href="mailto:hola@videogamesmystery.com" class="hover:text-white">hola@videogamesmystery.com</a></p>
        <p class="mt-2 text-sm">L–V 9:30–19:30 · S 10:00–14:00</p>
      </div>
    </div>
    <div class="border-t border-slate-800 py-4 text-center text-sm">
      © <span id="year"></span> AutoNova España · Todos los derechos reservados
    </div>
  </footer>

  <!-- Cookie banner -->
  <div id="cookie-banner" class="fixed inset-x-0 bottom-0 z-50 hidden">
    <div class="max-w-5xl mx-auto m-4 p-4 rounded-xl shadow-2xl bg-white">
      <div class="flex flex-col md:flex-row md:items-center md:justify-between gap-4">
        <p class="text-slate-700 text-sm">
          Usamos cookies para mejorar tu experiencia, analizar el tráfico y personalizar contenido. Puedes aceptar, rechazar o gestionar tus preferencias.
          Consulta nuestra <a href="/privacidad.php" class="text-primary underline">política de privacidad</a>.
        </p>
        <div class="flex gap-2">
          <button id="cookie-config" class="px-4 py-2 rounded-md border border-slate-300">Configurar</button>
          <button id="cookie-reject" class="px-4 py-2 rounded-md bg-slate-200">Rechazar</button>
          <button id="cookie-accept" class="px-4 py-2 rounded-md bg-primary text-white">Aceptar</button>
        </div>
      </div>
    </div>
  </div>
  <!-- Cookie modal -->
  <div id="cookie-modal" class="fixed inset-0 z-50 hidden">
    <div class="absolute inset-0 bg-slate-900/50"></div>
    <div class="relative max-w-lg mx-auto mt-24 bg-white rounded-xl shadow-2xl p-6">
      <h3 class="text-lg font-semibold">Preferencias de cookies</h3>
      <p class="text-sm text-slate-600 mt-1">Selecciona qué categorías deseas habilitar.</p>
      <form id="cookie-form" class="mt-4 space-y-3">
        <label class="flex items-start gap-3">
          <input type="checkbox" checked disabled />
          <span><strong>Necesarias</strong> — requeridas para el funcionamiento del sitio.</span>
        </label>
        <label class="flex items-start gap-3">
          <input type="checkbox" id="consent-analytics" />
          <span><strong>Analíticas</strong> — nos ayudan a mejorar el sitio (Google Analytics IP anon.).</span>
        </label>
        <label class="flex items-start gap-3">
          <input type="checkbox" id="consent-marketing" />
          <span><strong>Marketing</strong> — contenidos y ofertas personalizadas.</span>
        </label>
      </form>
      <div class="mt-5 flex justify-end gap-2">
        <button id="cookie-cancel" class="px-4 py-2 rounded-md border">Cancelar</button>
        <button id="cookie-save" class="px-4 py-2 rounded-md bg-primary text-white">Guardar</button>
      </div>
    </div>
  </div>

  <script src="/assets/script.js" defer></script>

  <!-- Vehicle structured data (sample for 3 cars) -->
  <script type="application/ld+json">
  [
    {
      "@context":"https://schema.org",
      "@type":"Vehicle",
      "name":"SEAT León 1.5 TSI 2021",
      "brand":"SEAT",
      "model":"León",
      "vehicleModelDate":"2021",
      "vehicleTransmission":"Manual",
      "fuelType":"Gasoline",
      "mileageFromOdometer":{"@type":"QuantitativeValue","value":"45200","unitCode":"KMT"},
      "offers":{"@type":"Offer","priceCurrency":"EUR","price":"16900","availability":"https://schema.org/InStock","url":"https://videogamesmystery.com/contacto.php"}
    },
    {
      "@context":"https://schema.org",
      "@type":"Vehicle",
      "name":"Volkswagen Golf 1.6 TDI 2020",
      "brand":"Volkswagen",
      "model":"Golf",
      "vehicleModelDate":"2020",
      "vehicleTransmission":"Automatic",
      "fuelType":"Diesel",
      "mileageFromOdometer":{"@type":"QuantitativeValue","value":"62000","unitCode":"KMT"},
      "offers":{"@type":"Offer","priceCurrency":"EUR","price":"18500","availability":"https://schema.org/InStock","url":"https://videogamesmystery.com/contacto.php"}
    },
    {
      "@context":"https://schema.org",
      "@type":"Vehicle",
      "name":"Tesla Model 3 RWD 2022",
      "brand":"Tesla",
      "model":"Model 3",
      "vehicleModelDate":"2022",
      "vehicleTransmission":"Automatic",
      "fuelType":"Electric",
      "mileageFromOdometer":{"@type":"QuantitativeValue","value":"28100","unitCode":"KMT"},
      "offers":{"@type":"Offer","priceCurrency":"EUR","price":"29900","availability":"https://schema.org/InStock","url":"https://videogamesmystery.com/contacto.php"}
    }
  ]
  </script>
  <script>
    document.getElementById('year').textContent = new Date().getFullYear();
  </script>
</body>
</html>
