{"id":9,"date":"2026-09-08T11:36:17","date_gmt":"2026-09-08T11:36:17","guid":{"rendered":"https:\/\/ventavehiculosbaratos.es\/?page_id=9"},"modified":"2026-09-08T14:43:25","modified_gmt":"2026-09-08T14:43:25","slug":"venta-de-coches-baratos","status":"publish","type":"page","link":"https:\/\/ventavehiculosbaratos.es\/","title":{"rendered":"Venta de coches baratos"},"content":{"rendered":"\n<!--\n  BLOQUE HTML PERSONALIZADO PARA WORDPRESS\n  - 6 veh\u00edculos\n  - Tel\u00e9fono: +34 655 537 997\n  - CSS aislado mediante Shadow DOM\n  - Sin cookies, anal\u00edtica ni almacenamiento local\n  - Compatible con Joinchat y con enlace directo a WhatsApp como respaldo\n\n  PARA CAMBIAR LAS FOTOS:\n  1. Sube las im\u00e1genes a WordPress: Medios > A\u00f1adir archivo multimedia.\n  2. Abre una imagen subida y pulsa \"Copiar la URL al portapapeles\".\n  3. Busca abajo la secci\u00f3n \"FOTOS: PEGA AQU\u00cd LAS URL\".\n  4. Sustituye cada texto PEGA_AQUI_URL... por la URL, conservando las comillas.\n-->\n\n<div id=\"catalogo-vehiculos-tito\"><\/div>\n\n<script>\n(function () {\n  \"use strict\";\n\n  \/* ================================================================\n     CONFIGURACI\u00d3N GENERAL\n     ================================================================ *\/\n  const TELEFONO_VISIBLE = \"+34 655 537 997\";\n  const TELEFONO_INTERNACIONAL = \"34655537997\"; \/\/ Espa\u00f1a (+34), sin espacios ni s\u00edmbolo +\n\n  \/* ================================================================\n     VEH\u00cdCULOS Y FOTOS: EDITAR SOLAMENTE ESTA ZONA\n\n     IMPORTANTE PARA LAS FOTOS:\n     - Pega cada URL entre comillas.\n     - Puedes poner 1, 2, 3 o m\u00e1s fotos por veh\u00edculo.\n     - Si todav\u00eda no hay foto, deja el texto PEGA_AQUI_URL...\n     - La primera foto ser\u00e1 la portada del veh\u00edculo.\n     ================================================================ *\/\n  const VEHICULOS = [\n    {\n      referencia: \"V01\",\n      nombre: \"Renault Sc\u00e9nic \",\n      precio: \"8900\u20ac\",\n      anio: \"2016\",\n      kilometros: \"74.000km\",\n      combustible: \"gasolina\",\n      cambio: \"manual 6 marchas\",\n      cilindrada: \"1.2cc\",\n      potencia: \"115cv\",\n      puertas: \"5\",\n      plazas: \"5\",\n      itv: \"ITV en vigor hasta 2027\",\n      observaciones: \"Etiqueta C. Transferencia incluida\",\n      fotos: [\n        \"https:\/\/ventavehiculosbaratos.es\/wp-content\/uploads\/2026\/09\/Coches-economicos-scaled.jpg\",\n        \"https:\/\/ventavehiculosbaratos.es\/wp-content\/uploads\/2026\/09\/Venta-de-coches-scaled.jpg\",\n        \"https:\/\/ventavehiculosbaratos.es\/wp-content\/uploads\/2026\/09\/Venta-de-vehiculos-scaled.jpg\"\n      ]\n    },\n    {\n      referencia: \"V02\",\n      nombre: \"Renault Scenic\",\n      precio: \"7600\u20ac\",\n      anio: \"2016\",\n      kilometros: \"107.000km\",\n      combustible: \"gasolina\",\n      cambio: \"manual, 6 marchs\",\n      cilindrada: \"1.2 cc\",\n      potencia: \"115 cv\",\n      puertas: \"5\",\n      plazas: \"5\",\n      itv: \"ITV en vigor hasta 2027\",\n      observaciones: \"Etiqueta C. Transferencia incluida en el precio\",\n      fotos: [\n        \"PEGA_AQUI_URL_FOTO_1_COCHE_2\",\n        \"PEGA_AQUI_URL_FOTO_2_COCHE_2\",\n        \"PEGA_AQUI_URL_FOTO_3_COCHE_2\"\n      ]\n    },\n    {\n      referencia: \"V03\",\n      nombre: \"Renault Scenic\",\n      precio: \"7300\u20ac\",\n      anio: \"2016\",\n      kilometros: \" 117.000 Km\",\n      combustible: \"gasolina\",\n      cambio: \"manual 6 marchas\",\n      cilindrada: \"1.2 cc\",\n      potencia: \"115 cv\",\n      puertas: \"Puertas por completar\",\n      plazas: \"5\",\n      itv: \"ITV en vigor hasta 2027\",\n      observaciones: \"Etiqueta C. Transferencia incluida\",\n      fotos: [\n        \"PEGA_AQUI_URL_FOTO_1_COCHE_3\",\n        \"PEGA_AQUI_URL_FOTO_2_COCHE_3\",\n        \"PEGA_AQUI_URL_FOTO_3_COCHE_3\"\n      ]\n    },\n    {\n      referencia: \"V04\",\n      nombre: \"Renault Scenic\",\n      precio: \"7000\u20ac\",\n      anio: \"2016\",\n      kilometros: \"120.000 km\",\n      combustible: \"gasolina\",\n      cambio: \"manual 6 marchas\",\n      cilindrada: \"1.2 cc\",\n      potencia: \"115 cv\",\n      puertas: \"5\",\n      plazas: \"5\",\n      itv: \"ITV en vigor hasta 2027\",\n      observaciones: \"Etiqueta C. Transferencia incluida\",\n      fotos: [\n        \"PEGA_AQUI_URL_FOTO_1_COCHE_4\",\n        \"PEGA_AQUI_URL_FOTO_2_COCHE_4\",\n        \"PEGA_AQUI_URL_FOTO_3_COCHE_4\"\n      ]\n    },\n    {\n      referencia: \"V05\",\n      nombre: \"Renault Scenic\",\n      precio: \"6500\u20ac\",\n      anio: \"2016\",\n      kilometros: \"163.000 km\",\n      combustible: \"gasolina\",\n      cambio: \"manual 6 marchas\",\n      cilindrada: \"1.2 cc\",\n      potencia: \"115 cv\",\n      puertas: \"5\",\n      plazas: \"5\",\n      itv: \"ITV en vigor hasta 2027\",\n      observaciones: \"etiqueta C. Transferencia incluida\",\n      fotos: [\n        \"PEGA_AQUI_URL_FOTO_1_COCHE_5\",\n        \"PEGA_AQUI_URL_FOTO_2_COCHE_5\",\n        \"PEGA_AQUI_URL_FOTO_3_COCHE_5\"\n      ]\n    },\n    {\n      referencia: \"V06\",\n      nombre: \"Ford C-Max\",\n      precio: \"9300\u20ac\",\n      anio: \"2016\",\n      kilometros: \"59.000 km\",\n      combustible: \"gasolina\",\n      cambio: \"manual, 6 marchas\",\n      cilindrada: \"1.0 cc\",\n      potencia: \"125 cv\",\n      puertas: \"5\",\n      plazas: \"5\",\n      itv: \"ITV en vigor hasta 2027\",\n      observaciones: \"Etiqueta C. Transferencia incluida\",\n      fotos: [\n        \"PEGA_AQUI_URL_FOTO_1_COCHE_6\",\n        \"PEGA_AQUI_URL_FOTO_2_COCHE_6\",\n        \"PEGA_AQUI_URL_FOTO_3_COCHE_6\"\n      ]\n    }\n  ];\n  \/* ======================== FIN DE LA ZONA EDITABLE ======================== *\/\n\n  const host = document.getElementById(\"catalogo-vehiculos-tito\");\n  if (!host || host.shadowRoot) return;\n\n  const shadow = host.attachShadow({ mode: \"open\" });\n\n  const whatsappIcon = `\n    <svg viewBox=\"0 0 32 32\" aria-hidden=\"true\" focusable=\"false\">\n      <path fill=\"currentColor\" d=\"M16.04 3A12.86 12.86 0 0 0 5.15 22.7L3.45 29l6.45-1.69A12.99 12.99 0 1 0 16.04 3Zm0 23.67c-2.01 0-3.98-.54-5.69-1.56l-.41-.24-3.83 1 1.02-3.72-.27-.43a10.55 10.55 0 1 1 9.18 4.95Zm5.79-7.9c-.32-.16-1.88-.93-2.17-1.04-.29-.11-.5-.16-.71.16-.21.32-.82 1.04-1 1.25-.18.21-.37.24-.69.08-.32-.16-1.34-.49-2.55-1.58a9.57 9.57 0 0 1-1.77-2.2c-.18-.32-.02-.49.14-.65.14-.14.32-.37.48-.56.16-.18.21-.32.32-.53.11-.21.05-.4-.03-.56-.08-.16-.71-1.72-.98-2.35-.26-.62-.52-.54-.71-.55h-.61c-.21 0-.56.08-.85.4-.29.32-1.11 1.09-1.11 2.65s1.14 3.07 1.3 3.28c.16.21 2.24 3.42 5.43 4.8.76.33 1.35.52 1.81.67.76.24 1.45.21 2 .13.61-.09 1.88-.77 2.14-1.51.26-.74.26-1.38.18-1.51-.08-.13-.29-.21-.61-.37Z\"\/>\n    <\/svg>`;\n\n  const css = `\n    :host {\n      all: initial;\n      display: block;\n      width: 100%;\n      color: #17211d;\n      font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;\n      font-size: 16px;\n      line-height: 1.5;\n      color-scheme: light;\n    }\n    *, *::before, *::after { box-sizing: border-box; }\n    button, a { font: inherit; }\n    button { margin: 0; }\n    .site { background: #f2f5f3; min-height: 100vh; padding: 0 14px 42px; }\n    .wrap { width: min(1180px, 100%); margin: 0 auto; }\n    .hero {\n      position: relative; left: 50%; width: 100vw; margin-left: -50vw; margin-bottom: 28px;\n      overflow: hidden; background: #fa4828; color: #fff;\n    }\n    .hero-inner {\n      display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(260px, .65fr);\n      align-items: center; gap: 48px; width: min(1180px, calc(100% - 36px)); margin: 0 auto;\n      padding: clamp(54px, 7vw, 88px) 0;\n    }\n    .hero-kicker {\n      margin: 0 0 16px; color: #fff; font-size: .82rem; font-weight: 900;\n      letter-spacing: .13em; text-transform: uppercase;\n    }\n    .hero h1 {\n      max-width: 870px; margin: 0; color: #fff;\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-size: clamp(3rem, 6.2vw, 6.25rem); font-weight: 700; line-height: .94;\n      letter-spacing: -.055em;\n    }\n    .hero-copy { margin: 26px 0 0; max-width: 790px; color: #fff; font-size: clamp(1rem, 1.7vw, 1.22rem); font-weight: 650; }\n    .hero-card {\n      padding: 28px; border-radius: 22px; background: #171513; color: #fff;\n      box-shadow: 0 20px 44px rgba(63, 16, 5, .22);\n    }\n    .hero-card small { display: block; margin-bottom: 6px; color: #ff9d89; font-size: .78rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }\n    .hero-card strong { display: block; font-family: Georgia, \"Times New Roman\", serif; font-size: 1.65rem; line-height: 1.1; }\n    .hero-card span { display: block; margin-top: 10px; color: #ded8d4; font-size: .92rem; }\n    .top {\n      display: flex; align-items: flex-end; justify-content: space-between; gap: 18px;\n      padding: 14px 2px 24px; border-bottom: 1px solid #cfd8d2; margin-bottom: 24px;\n    }\n    .eyebrow { margin: 0 0 4px; color: #557066; font-size: .78rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }\n    .top h1 { margin: 0; color: #132019; font-size: clamp(1.75rem, 5vw, 3.35rem); line-height: .98; letter-spacing: -.045em; }\n    .top-phone {\n      display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; padding: 11px 15px;\n      border: 1px solid #173f2c; border-radius: 999px; color: #173f2c; background: #fff;\n      font-weight: 850; text-decoration: none; white-space: nowrap;\n    }\n    .intro { margin: -8px 2px 24px; max-width: 720px; color: #516058; }\n    .grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }\n    .card {\n      position: relative; height: 600px; overflow: hidden; isolation: isolate;\n      border: 1px solid #d2dbd5; border-radius: 24px; background: #fff;\n      box-shadow: 0 12px 34px rgba(17, 43, 30, .08);\n    }\n    .base { height: 100%; display: flex; flex-direction: column; }\n    .media { position: relative; height: 330px; flex: 0 0 330px; overflow: hidden; background: #dfe7e2; }\n    .track {\n      display: flex; height: 100%; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory;\n      scroll-behavior: smooth; scrollbar-width: none; overscroll-behavior-x: contain;\n    }\n    .track::-webkit-scrollbar { display: none; }\n    .slide { flex: 0 0 100%; height: 100%; scroll-snap-align: start; position: relative; }\n    .slide img { display: block; width: 100%; height: 100%; object-fit: cover; }\n    .placeholder {\n      display: grid; place-items: center; height: 100%; color: #3a5448;\n      background: linear-gradient(145deg, #edf2ef, #cbd8d1); text-align: center;\n      font-weight: 850; letter-spacing: .08em; text-transform: uppercase;\n    }\n    .placeholder span { display: block; margin-top: 7px; font-size: .72rem; font-weight: 700; letter-spacing: .02em; text-transform: none; opacity: .72; }\n    .ref { position: absolute; top: 14px; left: 14px; z-index: 2; padding: 6px 9px; border-radius: 999px; background: rgba(16, 31, 23, .86); color: white; font-size: .74rem; font-weight: 850; }\n    .arrow {\n      position: absolute; z-index: 3; top: 50%; transform: translateY(-50%); display: grid; place-items: center;\n      width: 42px; height: 42px; border: 0; border-radius: 50%; background: rgba(255,255,255,.92);\n      color: #173f2c; box-shadow: 0 4px 16px rgba(0,0,0,.16); cursor: pointer;\n    }\n    .arrow:hover { background: #fff; }\n    .arrow:focus-visible, .action:focus-visible, .close:focus-visible, .wa:focus-visible, .top-phone:focus-visible { outline: 3px solid #ffc857; outline-offset: 2px; }\n    .prev { left: 10px; } .next { right: 10px; }\n    .dots { position: absolute; z-index: 3; left: 0; right: 0; bottom: 12px; display: flex; justify-content: center; gap: 6px; }\n    .dot { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.62); box-shadow: 0 0 0 1px rgba(0,0,0,.15); }\n    .dot.active { width: 20px; border-radius: 10px; background: #fff; }\n    .summary { display: flex; flex-direction: column; flex: 1; padding: 20px; }\n    .title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }\n    h2 { margin: 0; color: #17211d; font-size: 1.4rem; line-height: 1.15; letter-spacing: -.025em; }\n    .price { margin: 2px 0 0; color: #153e2a; font-size: 1rem; font-weight: 900; white-space: nowrap; }\n    .quick { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin: 18px 0 auto; }\n    .quick span { min-width: 0; padding: 9px 10px; border-radius: 12px; background: #f1f5f2; color: #34483e; font-size: .86rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n    .action {\n      width: 100%; border: 0; border-radius: 13px; padding: 14px 16px; background: #183f2d; color: white;\n      font-weight: 900; cursor: pointer; transition: transform .18s ease, background .18s ease;\n    }\n    .action:hover { background: #0f3222; transform: translateY(-1px); }\n    .details {\n      position: absolute; inset: 0; z-index: 10; display: flex; flex-direction: column; padding: 20px;\n      background: #fff; transform: translateY(102%); visibility: hidden;\n      transition: transform .3s ease, visibility 0s linear .3s;\n    }\n    .card.open .details { transform: translateY(0); visibility: visible; transition: transform .3s ease, visibility 0s; }\n    .details-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding-bottom: 14px; border-bottom: 1px solid #dce4df; }\n    .details-head small { display: block; color: #617168; font-weight: 750; margin-bottom: 2px; }\n    .close { display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 auto; border: 0; border-radius: 50%; background: #eef3f0; color: #173f2c; font-size: 1.45rem; cursor: pointer; }\n    .facts { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; margin: 12px 0; }\n    .fact { padding: 9px 0; border-bottom: 1px solid #edf1ee; }\n    .fact b { display: block; color: #68786f; font-size: .72rem; line-height: 1.2; letter-spacing: .08em; text-transform: uppercase; }\n    .fact span { display: block; margin-top: 3px; color: #1f2b25; font-size: .91rem; font-weight: 750; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n    .notes { margin: 2px 0 14px; color: #47584f; font-size: .9rem; line-height: 1.42; }\n    .wa {\n      display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; margin-top: auto;\n      padding: 14px 12px; border-radius: 14px; background: #20b858; color: #fff; text-decoration: none;\n      font-weight: 900; text-align: center; box-shadow: 0 8px 20px rgba(32,184,88,.22);\n    }\n    .wa:hover { background: #15994a; }\n    .wa svg { width: 25px; height: 25px; flex: 0 0 auto; }\n    .wa-text { display: flex; flex-direction: column; line-height: 1.12; }\n    .wa-text small { margin-top: 4px; font-size: .78rem; font-weight: 750; opacity: .92; }\n    .foot {\n      display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 24px;\n      padding: 20px 22px; border-radius: 20px; background: #173f2c; color: #fff;\n    }\n    .foot p { margin: 0; }\n    .foot strong { display: block; font-size: 1.1rem; }\n    .foot a { color: #fff; font-size: clamp(1.35rem, 5vw, 2.1rem); font-weight: 900; text-decoration: none; white-space: nowrap; }\n    @media (max-width: 980px) { .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }\n    @media (max-width: 650px) {\n      .site { padding: 0 10px 28px; }\n      .hero { margin-bottom: 18px; }\n      .hero-inner { grid-template-columns: 1fr; gap: 24px; width: min(100% - 28px, 1180px); padding: 38px 0; }\n      .hero h1 { font-size: clamp(2.75rem, 14vw, 4.6rem); }\n      .hero-copy { margin-top: 18px; }\n      .hero-card { padding: 20px; border-radius: 17px; }\n      .top { align-items: flex-start; flex-direction: column; padding-bottom: 18px; margin-bottom: 18px; }\n      .top-phone { width: 100%; justify-content: center; }\n      .intro { margin-bottom: 18px; }\n      .grid { grid-template-columns: 1fr; gap: 14px; }\n      .card { height: 570px; border-radius: 20px; }\n      .media { height: 300px; flex-basis: 300px; }\n      .summary { padding: 17px; }\n      .details { padding: 17px; }\n      .foot { flex-direction: column; align-items: flex-start; }\n      .foot a { width: 100%; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.25); }\n    }\n    @media (prefers-reduced-motion: reduce) {\n      .track { scroll-behavior: auto; }\n      .details, .action { transition: none; }\n    }\n  `;\n\n  function esc(value) {\n    return String(value ?? \"\").replace(\/[&<>\"']\/g, function (char) {\n      return ({ \"&\": \"&amp;\", \"<\": \"&lt;\", \">\": \"&gt;\", '\"': \"&quot;\", \"'\": \"&#039;\" })[char];\n    });\n  }\n\n  function isRealPhoto(url) {\n    return typeof url === \"string\" && url.trim() !== \"\" && !url.startsWith(\"PEGA_AQUI_\");\n  }\n\n  function photoSlides(vehicle) {\n    const photos = Array.isArray(vehicle.fotos) && vehicle.fotos.length ? vehicle.fotos : [\"\"];\n    return photos.map(function (url, index) {\n      if (isRealPhoto(url)) {\n        return `<div class=\"slide\"><img src=\"${esc(url.trim())}\" alt=\"${esc(vehicle.nombre)} \u2014 foto ${index + 1}\" loading=\"lazy\" decoding=\"async\"><\/div>`;\n      }\n      return `<div class=\"slide\"><div class=\"placeholder\">FOTO ${index + 1}<span>Sube una imagen y pega su URL<\/span><\/div><\/div>`;\n    }).join(\"\");\n  }\n\n  function fact(label, value) {\n    return `<div class=\"fact\"><b>${esc(label)}<\/b><span title=\"${esc(value)}\">${esc(value)}<\/span><\/div>`;\n  }\n\n  function vehicleCard(vehicle, index) {\n    const photos = Array.isArray(vehicle.fotos) && vehicle.fotos.length ? vehicle.fotos : [\"\"];\n    const message = `Hola, me interesa el ${vehicle.nombre} (${vehicle.referencia}). \u00bfSigue disponible?`;\n    return `\n      <article class=\"card\" data-card=\"${index}\">\n        <div class=\"base\">\n          <div class=\"media\">\n            <span class=\"ref\">${esc(vehicle.referencia)}<\/span>\n            <div class=\"track\" data-track>${photoSlides(vehicle)}<\/div>\n            ${photos.length > 1 ? `<button class=\"arrow prev\" type=\"button\" data-prev aria-label=\"Foto anterior\">&#8249;<\/button><button class=\"arrow next\" type=\"button\" data-next aria-label=\"Foto siguiente\">&#8250;<\/button>` : \"\"}\n            <div class=\"dots\" aria-hidden=\"true\">${photos.map(function (_, i) { return `<span class=\"dot${i === 0 ? \" active\" : \"\"}\"><\/span>`; }).join(\"\")}<\/div>\n          <\/div>\n          <div class=\"summary\">\n            <div class=\"title-row\">\n              <h2>${esc(vehicle.nombre)}<\/h2>\n              <p class=\"price\">${esc(vehicle.precio)}<\/p>\n            <\/div>\n            <div class=\"quick\">\n              <span title=\"${esc(vehicle.anio)}\">${esc(vehicle.anio)}<\/span>\n              <span title=\"${esc(vehicle.kilometros)}\">${esc(vehicle.kilometros)}<\/span>\n              <span title=\"${esc(vehicle.combustible)}\">${esc(vehicle.combustible)}<\/span>\n              <span title=\"${esc(vehicle.cambio)}\">${esc(vehicle.cambio)}<\/span>\n            <\/div>\n            <button class=\"action\" type=\"button\" data-open>Ver caracter\u00edsticas y preguntar<\/button>\n          <\/div>\n        <\/div>\n\n        <section class=\"details\" aria-hidden=\"true\">\n          <div class=\"details-head\">\n            <div><small>${esc(vehicle.referencia)}<\/small><h2>${esc(vehicle.nombre)}<\/h2><\/div>\n            <button class=\"close\" type=\"button\" data-close aria-label=\"Cerrar ficha\">&times;<\/button>\n          <\/div>\n          <div class=\"facts\">\n            ${fact(\"Precio\", vehicle.precio)}\n            ${fact(\"A\u00f1o\", vehicle.anio)}\n            ${fact(\"Kil\u00f3metros\", vehicle.kilometros)}\n            ${fact(\"Combustible\", vehicle.combustible)}\n            ${fact(\"Cambio\", vehicle.cambio)}\n            ${fact(\"Cilindrada\", vehicle.cilindrada)}\n            ${fact(\"Potencia\", vehicle.potencia)}\n            ${fact(\"Puertas\", vehicle.puertas)}\n            ${fact(\"Plazas\", vehicle.plazas)}\n            ${fact(\"ITV\", vehicle.itv)}\n          <\/div>\n          <p class=\"notes\">${esc(vehicle.observaciones)}<\/p>\n          <a class=\"wa\" href=\"https:\/\/wa.me\/${TELEFONO_INTERNACIONAL}?text=${encodeURIComponent(message)}\" data-whatsapp data-phone=\"${TELEFONO_INTERNACIONAL}\" data-message=\"${esc(message)}\" target=\"_blank\" rel=\"noopener noreferrer\">\n            ${whatsappIcon}\n            <span class=\"wa-text\">Preguntar por WhatsApp<small>${TELEFONO_VISIBLE}<\/small><\/span>\n          <\/a>\n        <\/section>\n      <\/article>`;\n  }\n\n  shadow.innerHTML = `\n    <style>${css}<\/style>\n    <main class=\"site\">\n      <section class=\"hero\" aria-labelledby=\"hero-title\">\n        <div class=\"hero-inner\">\n          <div>\n            <p class=\"hero-kicker\">Venta directa \u00b7 Madrid<\/p>\n            <h1 id=\"hero-title\">Encuentra el veh\u00edculo que necesitas.<\/h1>\n            <p class=\"hero-copy\">Desliza las fotograf\u00edas, consulta la ficha completa y pregunta directamente por WhatsApp.<\/p>\n          <\/div>\n          <div class=\"hero-card\">\n            <small>Trato directo<\/small>\n            <strong>Sin intermediarios<\/strong>\n            <span>Informaci\u00f3n clara sobre cada veh\u00edculo.<\/span>\n          <\/div>\n        <\/div>\n      <\/section>\n      <div class=\"wrap\">\n        <header class=\"top\">\n          <div><p class=\"eyebrow\">Veh\u00edculos disponibles<\/p><h1>Coches seleccionados<\/h1><\/div>\n          <a class=\"top-phone\" href=\"tel:+${TELEFONO_INTERNACIONAL}\" aria-label=\"Llamar al ${TELEFONO_VISIBLE}\">\u260e ${TELEFONO_VISIBLE}<\/a>\n        <\/header>\n        <p class=\"intro\">Desliza las fotograf\u00edas, consulta las caracter\u00edsticas y pregunta directamente por el veh\u00edculo que te interese.<\/p>\n        <div class=\"grid\">${VEHICULOS.map(vehicleCard).join(\"\")}<\/div>\n        <footer class=\"foot\">\n          <p><strong>\u00bfTe interesa alg\u00fan veh\u00edculo?<\/strong>Ll\u00e1manos o escr\u00edbenos por WhatsApp.<\/p>\n          <a href=\"tel:+${TELEFONO_INTERNACIONAL}\">${TELEFONO_VISIBLE}<\/a>\n        <\/footer>\n      <\/div>\n    <\/main>`;\n\n  shadow.querySelectorAll(\"[data-card]\").forEach(function (card) {\n    const track = card.querySelector(\"[data-track]\");\n    const dots = Array.from(card.querySelectorAll(\".dot\"));\n    const details = card.querySelector(\".details\");\n    const openButton = card.querySelector(\"[data-open]\");\n    const closeButton = card.querySelector(\"[data-close]\");\n\n    function move(direction) {\n      track.scrollBy({ left: direction * track.clientWidth, behavior: \"smooth\" });\n    }\n\n    card.querySelector(\"[data-prev]\")?.addEventListener(\"click\", function () { move(-1); });\n    card.querySelector(\"[data-next]\")?.addEventListener(\"click\", function () { move(1); });\n\n    let scrollFrame;\n    track.addEventListener(\"scroll\", function () {\n      cancelAnimationFrame(scrollFrame);\n      scrollFrame = requestAnimationFrame(function () {\n        const active = Math.round(track.scrollLeft \/ Math.max(track.clientWidth, 1));\n        dots.forEach(function (dot, i) { dot.classList.toggle(\"active\", i === active); });\n      });\n    }, { passive: true });\n\n    openButton.addEventListener(\"click\", function () {\n      card.classList.add(\"open\");\n      details.setAttribute(\"aria-hidden\", \"false\");\n      closeButton.focus();\n    });\n\n    closeButton.addEventListener(\"click\", function () {\n      card.classList.remove(\"open\");\n      details.setAttribute(\"aria-hidden\", \"true\");\n      openButton.focus();\n    });\n\n    card.addEventListener(\"keydown\", function (event) {\n      if (event.key === \"Escape\" && card.classList.contains(\"open\")) closeButton.click();\n    });\n  });\n\n  \/*\n    Puente con Joinchat:\n    El cat\u00e1logo vive dentro de Shadow DOM para quedar aislado del CSS del tema.\n    Al pulsar, creamos temporalmente un enlace en el documento normal para que\n    Joinchat pueda detectar su clase. Si Joinchat no est\u00e1 activo, abre wa.me.\n  *\/\n  shadow.querySelectorAll(\"[data-whatsapp]\").forEach(function (button) {\n    button.addEventListener(\"click\", function (event) {\n      event.preventDefault();\n      const bridge = document.createElement(\"a\");\n      bridge.className = \"joinchat_app\";\n      bridge.href = button.href;\n      bridge.target = \"_blank\";\n      bridge.rel = \"noopener noreferrer\";\n      bridge.dataset.phone = button.dataset.phone;\n      bridge.dataset.message = button.dataset.message;\n      bridge.setAttribute(\"aria-hidden\", \"true\");\n      bridge.style.cssText = \"position:fixed;left:-9999px;width:1px;height:1px;overflow:hidden\";\n      document.body.appendChild(bridge);\n      bridge.click();\n      window.setTimeout(function () { bridge.remove(); }, 1000);\n    });\n  });\n})();\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"","neve_meta_container":"full-width","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"on","_joinchat":[],"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Venta de coches baratos - venta de vehiculos baratos<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ventavehiculosbaratos.es\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Venta de coches baratos - venta de vehiculos baratos\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ventavehiculosbaratos.es\/\" \/>\n<meta property=\"og:site_name\" content=\"venta de vehiculos baratos\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-08T14:43:25+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ventavehiculosbaratos.es\\\/\",\"url\":\"https:\\\/\\\/ventavehiculosbaratos.es\\\/\",\"name\":\"Venta de coches baratos - venta de vehiculos baratos\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ventavehiculosbaratos.es\\\/#website\"},\"datePublished\":\"2026-09-08T11:36:17+00:00\",\"dateModified\":\"2026-09-08T14:43:25+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ventavehiculosbaratos.es\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ventavehiculosbaratos.es\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ventavehiculosbaratos.es\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/ventavehiculosbaratos.es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Venta de coches baratos\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ventavehiculosbaratos.es\\\/#website\",\"url\":\"https:\\\/\\\/ventavehiculosbaratos.es\\\/\",\"name\":\"venta de vehiculos baratos\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ventavehiculosbaratos.es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Venta de coches baratos - venta de vehiculos baratos","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ventavehiculosbaratos.es\/","og_locale":"es_ES","og_type":"article","og_title":"Venta de coches baratos - venta de vehiculos baratos","og_url":"https:\/\/ventavehiculosbaratos.es\/","og_site_name":"venta de vehiculos baratos","article_modified_time":"2026-09-08T14:43:25+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ventavehiculosbaratos.es\/","url":"https:\/\/ventavehiculosbaratos.es\/","name":"Venta de coches baratos - venta de vehiculos baratos","isPartOf":{"@id":"https:\/\/ventavehiculosbaratos.es\/#website"},"datePublished":"2026-09-08T11:36:17+00:00","dateModified":"2026-09-08T14:43:25+00:00","breadcrumb":{"@id":"https:\/\/ventavehiculosbaratos.es\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ventavehiculosbaratos.es\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ventavehiculosbaratos.es\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/ventavehiculosbaratos.es\/"},{"@type":"ListItem","position":2,"name":"Venta de coches baratos"}]},{"@type":"WebSite","@id":"https:\/\/ventavehiculosbaratos.es\/#website","url":"https:\/\/ventavehiculosbaratos.es\/","name":"venta de vehiculos baratos","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ventavehiculosbaratos.es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"_links":{"self":[{"href":"https:\/\/ventavehiculosbaratos.es\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ventavehiculosbaratos.es\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ventavehiculosbaratos.es\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ventavehiculosbaratos.es\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ventavehiculosbaratos.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":13,"href":"https:\/\/ventavehiculosbaratos.es\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":37,"href":"https:\/\/ventavehiculosbaratos.es\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/37"}],"wp:attachment":[{"href":"https:\/\/ventavehiculosbaratos.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}