{"id":2,"date":"2025-02-27T11:10:54","date_gmt":"2025-02-27T11:10:54","guid":{"rendered":"https:\/\/trendstastic.com\/?page_id=2"},"modified":"2025-10-28T08:41:38","modified_gmt":"2025-10-28T08:41:38","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/trendstastic.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\">\n\t\t\t\t<div class=\"elementor-element elementor-element-80642fb e-con-full e-flex e-con e-parent\" data-id=\"80642fb\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-31c6108 e-con-full e-transform e-flex elementor-invisible e-con e-child\" data-id=\"31c6108\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;lightSpeedIn&quot;,&quot;animation_delay&quot;:200,&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.01,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d79be82 elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"d79be82\" data-element_type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><a href=\"#sports\" tabindex=\"-1\"><img fetchpriority=\"high\" decoding=\"async\" width=\"500\" height=\"750\" src=\"https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/sports3.png\" class=\"attachment-full size-full wp-image-404\" alt=\"\" srcset=\"https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/sports3.png 500w, https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/sports3-200x300.png 200w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\"><a href=\"#sports\">Sports<\/a><\/h3><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5bf453d e-con-full e-transform e-transform e-flex elementor-invisible e-con e-child\" data-id=\"5bf453d\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;lightSpeedIn&quot;,&quot;animation_delay&quot;:300,&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.01,&quot;sizes&quot;:[]},&quot;_transform_scale_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3fa8328 elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"3fa8328\" data-element_type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><a href=\"#travel\" tabindex=\"-1\"><img decoding=\"async\" width=\"500\" height=\"750\" src=\"https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/travel4.png\" class=\"attachment-full size-full wp-image-408\" alt=\"Travel\" srcset=\"https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/travel4.png 500w, https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/travel4-200x300.png 200w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\"><a href=\"#travel\">Travel<\/a><\/h3><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-30c68eb e-con-full e-transform e-flex elementor-invisible e-con e-child\" data-id=\"30c68eb\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;lightSpeedIn&quot;,&quot;animation_delay&quot;:300,&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.01,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc7450c elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"fc7450c\" data-element_type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><a href=\"#lifestyle\" tabindex=\"-1\"><img decoding=\"async\" width=\"500\" height=\"750\" src=\"https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/lifestyle.png\" class=\"attachment-full size-full wp-image-211\" alt=\"\" srcset=\"https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/lifestyle.png 500w, https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/lifestyle-200x300.png 200w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\"><a href=\"#lifestyle\">Lifestile<\/a><\/h3><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2fd92cd e-flex e-con-boxed e-con e-parent\" data-id=\"2fd92cd\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e501c4b elementor-widget elementor-widget-html\" data-id=\"e501c4b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \ud83d\udfe3 Bot\u00f3n para iniciar el formulario -->\n<div id=\"profiling-button-wrapper\" style=\"text-align: center; margin-top: 30px;\">\n  <button id=\"start-profiling-btn\" class=\"profiling-btn\">\n   This Is Where It Begins\n  <\/button>\n<\/div>\n\n<!-- \ud83d\udce6 Contenedor donde se cargar\u00e1 el formulario -->\n<div id=\"form_container\" style=\"margin-top: 20px; display: none;\"><\/div>\n\n<!-- \ud83c\udfa8 Estilos -->\n<style>\n  .profiling-btn {\n    background-color: #990d90fa;\n    color: white;\n    border: none;\n    padding: 14px 28px;\n    border-radius: 8px;\n    font-size: 40px;\n    cursor: pointer;\n    transition: background-color 0.3s ease, transform 0.2s ease;\n  }\n\n  .profiling-btn:hover {\n    background-color: #6b2f7a;\n    transform: scale(1.05);\n  }\n\n  #form_container [class*=\"_response\"] {\n    margin: 5px !important;\n  }\n\n  .pp_send_responses {\n    background-color: #843b95 !important;\n  }\n\n  .custom-title {\n    font-family: \"RMNeue\", Arial, Helvetica, sans-serif;\n    text-transform: none;\n    text-align: center;\n    font-size: 22px;\n    color: #222;\n    margin-bottom: 20px;\n  }\n\n  \/* \ud83d\udd39 Estilo del mensaje de agradecimiento *\/\n  .thank-you-message {\n    text-align: center;\n    color: white;\n    font-size: 30px;\n    font-weight: bold;\n    opacity: 0;\n    transition: opacity 0.8s ease;\n    background-color: #843b95;\n  }\n\n  .thank-you-message.show {\n    opacity: 1;\n  }\n<\/style>\n\n<!-- \ud83d\udcda Librer\u00eda de Trendstastic -->\n<script src=\"https:\/\/login.trendstastic.com\/library.js\" crossorigin=\"anonymous\"><\/script>\n\n<!-- \u2699\ufe0f Script -->\n<script>\n  async function startProfiling() {\n    const container = document.getElementById('form_container');\n    const buttonWrapper = document.getElementById('profiling-button-wrapper');\n\n    \/\/ Ocultar bot\u00f3n y mostrar el formulario\n    buttonWrapper.style.display = 'none';\n    container.style.display = 'block';\n\n    \/\/ \ud83d\udd39 Desplazar la vista hacia el formulario suavemente\n    setTimeout(() => {\n      container.scrollIntoView({ behavior: 'smooth', block: 'start' });\n    }, 300);\n\n    \/\/ Evitar carga m\u00faltiple\n    if (container.dataset.loaded === \"true\") return;\n    container.dataset.loaded = \"true\";\n\n    \/\/ Generar ID de usuario \u00fanico\n    let randomUserId = localStorage.getItem('trend_user_id');\n    if (!randomUserId) {\n      randomUserId = 'user-' + Math.random().toString(36).substring(2, 10);\n      localStorage.setItem('trend_user_id', randomUserId);\n    }\n\n    console.log(\"\ud83c\udd94 ID de usuario:\", randomUserId);\n\n    const settings = {\n      id: \"pp_container_custom\",\n      lang: \"es\",\n      domain: \"https:\/\/login.trendstastic.com\/\",\n      container: \"#form_container\",\n      title: \"Contesta para mejorar tu experiencia\",\n      title_class: \"custom-title\",\n      question_class: \"zebra-style\",\n      limit: 1,\n      popup: false,\n      modal: false,\n      confirm_empty: true,\n      width: \"100%\",\n      hide_header: false,\n      hide_footer: true,\n      footer: \"Gracias por participar.\",\n      literals: {\n        send_btn: \"Contestar preguntas\",\n        confirm_empty: \"No hay respuestas seleccionadas. \u00bfDeseas continuar?\",\n        no_questions: \"No tenemos preguntas para mostrar\"\n      },\n      groupId: \"68bed7125f3199752108399c\",\n      callback: userQuestions\n    };\n\n    try {\n      const pp = await ProgressiveProfiling.init(settings);\n      await pp.getQuestions(randomUserId);\n    } catch (error) {\n      console.error(\"\u26a0\ufe0f Error iniciando el profiling:\", error);\n    }\n  }\n\n  function userQuestions(data) {\n    console.log(\"\u2705 Formulario enviado con \u00e9xito\");\n    console.log(\"\ud83d\udce4 Datos enviados:\", data);\n\n    const container = document.getElementById('form_container');\n    const buttonWrapper = document.getElementById('profiling-button-wrapper');\n\n    \/\/ Ocultar el formulario\n    container.style.display = 'none';\n\n    \/\/ Crear mensaje \"Thank you\"\n    const thankYou = document.createElement('div');\n    thankYou.className = 'thank-you-message';\n    thankYou.textContent = 'Thank you';\n\n    \/\/ Insertar el mensaje donde estaba el bot\u00f3n\n    buttonWrapper.innerHTML = '';\n    buttonWrapper.appendChild(thankYou);\n    buttonWrapper.style.display = 'block';\n\n    \/\/ Mostrar suavemente el mensaje\n    setTimeout(() => thankYou.classList.add('show'), 100);\n\n    \/\/ Ocultar mensaje despu\u00e9s de 5 segundos\n    setTimeout(() => {\n      thankYou.classList.remove('show');\n      setTimeout(() => (buttonWrapper.style.display = 'none'), 800);\n    }, 5000);\n  }\n\n  document.addEventListener('DOMContentLoaded', () => {\n    document\n      .getElementById('start-profiling-btn')\n      .addEventListener('click', startProfiling);\n  });\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0654922 e-flex e-con-boxed e-con e-parent\" data-id=\"0654922\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5df5ab2 elementor-widget elementor-widget-html\" data-id=\"5df5ab2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n#popup-overlay {\n  position: fixed;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: rgba(0,0,0,0.4);\n  display: none;\n  justify-content: center;\n  align-items: center;\n  z-index: 9999;\n}\n#popup-overlay.active {\n  display: flex;\n}\n#popup-content {\n  background: black;\n  width: 95vw;\n  max-width: 1300px;\n  height: 100vh;       \/* Altura total de pantalla *\/\n  box-shadow: 0 4px 12px rgb(0 0 0 \/ 0.1);\n  padding: 20px;\n  display: flex;\n  flex-direction: column;\n  user-select: none;\n  position: relative;\n  overflow: hidden;    \/* No scroll *\/\n}\n#popup-content h2 {\n  margin-top: 0;\n  color: #D163C9FA;\n  text-align: center;\n  flex-shrink: 0;\n  padding-bottom: 10px;\n  user-select: none;\n}\n.step {\n  flex-grow: 1;\n  display: none;\n  overflow: hidden;\n}\n.step.active {\n  display: flex;\n}\n\n\/* --- ESTRUCTURA ESCRITORIO --- *\/\n\n.step.one, .step.three {\n  flex-direction: row;\n  gap: 10px; \/* espacio entre columnas *\/\n  height: calc(100% - 42px); \/* resta espacio para h2 y padding *\/\n}\n.step.one .left-big,\n.step.three .left-big {\n  flex: 0 0 50%;\n  height: 100%;\n  overflow: hidden;\n  cursor: pointer;\n  position: relative;\n}\n.step.one .right-small-container,\n.step.three .right-small-container {\n  flex: 0 0 50%;\n  display: flex;\n  flex-direction: column;\n  gap: 10px; \/* espacio vertical entre las dos im\u00e1genes *\/\n  height: 100%;\n}\n.step.one .right-small,\n.step.three .right-small {\n  flex: 1 1 50%;\n  overflow: hidden;\n  cursor: pointer;\n  position: relative;\n}\n\n.step.two {\n  flex-direction: row;\n  gap: 10px;\n  height: calc(100% - 42px);\n}\n.step.two .left-small-container {\n  flex: 0 0 50%;\n  display: flex;\n  flex-direction: column;\n  gap: 10px; \/* espacio vertical entre las im\u00e1genes *\/\n  height: 100%;\n}\n.step.two .left-small {\n  flex: 1 1 50%;\n  overflow: hidden;\n  cursor: pointer;\n  position: relative;\n}\n.step.two .right-big {\n  flex: 0 0 50%;\n  height: 100%;\n  overflow: hidden;\n  cursor: pointer;\n  position: relative;\n}\n\n\/* Opciones (im\u00e1genes) *\/\n.option img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  cursor: pointer;\n}\n.option:hover img {\n  filter: brightness(0.7);\n  transition: filter 0.3s ease;\n}\n.option span {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  font-size: 1.4rem;\n  font-weight: 700;\n  color: white;\n  background: rgba(0, 0, 0, 0.01);\n  padding: 10px 20px;\n  border-radius: 8px;\n  backdrop-filter: blur(1px);\n  text-align: center;\n  z-index: 2;\n  pointer-events: none;\n}\n#popup-close {\n  position: absolute; top: 12px; right: 20px;\n  font-size: 1.8rem; font-weight: bold;\n  color: #666; cursor: pointer;\n  user-select: none;\n}\n\n\/* --- RESPONSIVE (M\u00d3VIL) --- *\/\n@media (max-width: 700px) {\n  #popup-content {\n    height: 100vh;\n    padding: 10px;\n    width: 95vw;\n    max-height: none;\n    overflow: hidden;\n  }\n\n  .step.one,\n  .step.two,\n  .step.three {\n    flex-direction: column !important;\n    flex-wrap: nowrap !important;\n    height: auto !important;\n    overflow: visible !important;\n  }\n\n  \/* Todas las opciones con el mismo tama\u00f1o exacto y apiladas verticalmente *\/\n  .step .option {\n    width: 100% !important;\n    height: 28vh !important;\n    margin-bottom: 12px;\n    position: relative;\n    display: block !important;\n    flex: none !important;\n  }\n  .step .option:last-child {\n    margin-bottom: 0 !important;\n  }\n  .step .option img {\n    width: 100% !important;\n    height: 100% !important;\n    object-fit: cover;\n    display: block;\n  }\n  .option span {\n    font-size: 1.2rem;\n    padding: 6px 12px;\n  }\n\n  \/* En m\u00f3vil, hacemos que los contenedores intermedios no afecten la estructura *\/\n  .right-small-container,\n  .left-small-container {\n    display: contents !important;\n  }\n\n  \/* Asegurar margen entre opciones en paso 2 tambi\u00e9n *\/\n  .step.two .option {\n    margin-bottom: 12px !important;\n  }\n  .step.two .option:last-child {\n    margin-bottom: 0 !important;\n  }\n  #open-popup-btn {\n      font-size: 1.5rem !important;\n  }\n\n}\n<\/style>\n\n<button id=\"open-popup-btn\" style=\"margin:20px auto; background-color:#990d90fa; display:block; padding:10px 20px; font-size:2rem; cursor:pointer;\">\n  Wherever You Dream\n<\/button>\n\n<div id=\"popup-overlay\">\n  <div id=\"popup-content\">\n    <div id=\"popup-close\">&times;<\/div>\n    <h2 id=\"step-title\">Selecciona una opci\u00f3n<\/h2>\n    <div class=\"step one active\" data-step=\"1\"><\/div>\n    <div class=\"step two\" data-step=\"2\"><\/div>\n    <div class=\"step three\" data-step=\"3\"><\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  const openBtn = document.getElementById('open-popup-btn');\n  const overlay = document.getElementById('popup-overlay');\n  const closeBtn = document.getElementById('popup-close');\n  const steps = overlay.querySelectorAll('.step');\n  const stepTitle = document.getElementById('step-title');\n  let currentStep = 1;\n  const selections = {};\n\n  const data = {\n    1: [\n      { value: 'pareja', label: 'En pareja', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/En-Pareja.png' },\n      { value: 'familia', label: 'En familia', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/En-familia.png' },\n      { value: 'amigos', label: 'Con amigos', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/Con-amigos.png' },\n    ],\n    2: {\n      pareja: [\n        { value: 'desconexion', label: 'Desconexi\u00f3n', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/desconexion.png' },\n        { value: 'diversion', label: 'Diversi\u00f3n', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/divesion.png' },\n        { value: 'cultura', label: 'Cultura', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/cultura.png' },\n      ],\n      familia: [\n        { value: 'explorar', label: 'Explorar', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/explorar.png' },\n        { value: 'descanso', label: 'Descanso', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/descanso.png' },\n        { value: 'disfrutar', label: 'Disfrutar', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/Disfrutar.png' },\n      ],\n      amigos: [\n        { value: 'aventuras', label: 'Aventuras', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/aventuras.png' },\n        { value: 'relax_fiesta', label: 'Relax & Fiesta', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/Party.png' },\n        { value: 'ocio', label: 'Ocio', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/Ocio.png' },\n      ]\n    },\n    3: {\n      desconexion: [\n        { value: 'wellness', label: 'Wellness', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/wellness.png' },\n        { value: 'romantico', label: 'Un plan rom\u00e1ntico', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/romantic.png' },\n        { value: 'naturaleza', label: 'Conocer la naturaleza', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/nature.png' }\n      ],\n      diversion: [\n        { value: 'golf', label: 'Jugar al golf', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/golf.png' },\n        { value: 'coctel', label: 'Probar cocteler\u00eda moderna', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/cocktail.png' },\n        { value: 'paddle', label: 'Hacer paddle surf', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/padelsurf.png' }\n      ],\n      cultura: [\n        { value: 'excursion', label: 'Planificar una excursi\u00f3n', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/excusiones.png' },\n        { value: 'deporte', label: 'Practicar un deporte acu\u00e1tico', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/surf.png' },\n        { value: 'sabores', label: 'Degustar nuevos sabores', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/sabores.png' }\n      ],\n      explorar: [\n        { value: 'cultura', label: 'Conocer cultura', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/explorarcultura.png' },\n        { value: 'acuaticos', label: 'Algunos deportes acu\u00e1ticos', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/deportesacuaticos.png' },\n        { value: 'excursion', label: 'Ir de excursi\u00f3n', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/excursiones-en-familia.png' }\n      ],\n      descanso: [\n        { value: 'infantiles', label: 'Descubrir actividades infantiles', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/infantil.png' },\n        { value: 'playa', label: 'Relajarse en la playa', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/relaxfamila.png' },\n        { value: 'cena', label: 'Reservar cena para dos', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/cena-para-dos.png' }\n      ],\n      disfrutar: [\n        { value: 'magico', label: 'Estar en un entorno m\u00e1gico', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/entorno-magico.png' },\n        { value: 'actividades', label: 'Ver actividades programandas', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/actividades-1.png' },\n        { value: 'waterpark', label: 'Ir al Water Park', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/waterpark.png' }\n      ],\n      aventuras: [\n        { value: 'acuatico', label: 'Practicar un deporte acu\u00e1tico', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/deporte-acuatico-amigos.png' },\n        { value: 'excursiones', label: 'Planear excursiones', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/excursiones-amigos.webp' },\n        { value: 'sabores', label: 'Probar nuevos sabores', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/sabore-nuevos.webp' }\n      ],\n      relax_fiesta: [\n        { value: 'hotel', label: 'Visitar el entorno del Hotel', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/entorno-hotel.png' },\n        { value: 'poolbar', label: 'Refrescarse en el Poolbar', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/poolbar.webp' },\n        { value: 'gente', label: 'Actividades para conocer gente', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/new-people.webp' }\n      ],\n      ocio: [\n        { value: 'wellness', label: 'Wellness', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/wellness-friends.png' },\n        { value: 'golf', label: 'Reservar para Golf', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/golf-friends.webp' },\n        { value: 'gourmet', label: 'Degustar la cocina Gourmet', img: 'https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/gourmet-food.webp' }\n      ]\n    }\n  };\n\n  function renderStep(step) {\n    const container = overlay.querySelector(`.step[data-step=\"${step}\"]`);\n    container.innerHTML = '';\n    stepTitle.textContent = `Paso ${step}`;\n    container.className = `step ${['one','two','three'][step-1]} active`;\n\n    let options = [];\n    if(step === 1) options = data[1];\n    if(step === 2) options = data[2][selections[1]] || [];\n    if(step === 3) options = data[3][selections[2]] || [];\n\n    if(step === 1 || step === 3) {\n      const leftBig = document.createElement('div');\n      leftBig.className = 'left-big option';\n      leftBig.dataset.value = options[0]?.value || '';\n      leftBig.innerHTML = `<img decoding=\"async\" src=\"${options[0]?.img || ''}\" alt=\"${options[0]?.label || ''}\"><span>${options[0]?.label || ''}<\/span>`;\n      container.appendChild(leftBig);\n\n      const rightContainer = document.createElement('div');\n      rightContainer.className = 'right-small-container';\n      options.slice(1).forEach(opt => {\n        const div = document.createElement('div');\n        div.className = 'right-small option';\n        div.dataset.value = opt.value;\n        div.innerHTML = `<img decoding=\"async\" src=\"${opt.img}\" alt=\"${opt.label}\"><span>${opt.label}<\/span>`;\n        rightContainer.appendChild(div);\n      });\n      container.appendChild(rightContainer);\n    } else if(step === 2) {\n      const leftContainer = document.createElement('div');\n      leftContainer.className = 'left-small-container';\n      options.slice(0,2).forEach(opt => {\n        const div = document.createElement('div');\n        div.className = 'left-small option';\n        div.dataset.value = opt.value;\n        div.innerHTML = `<img decoding=\"async\" src=\"${opt.img}\" alt=\"${opt.label}\"><span>${opt.label}<\/span>`;\n        leftContainer.appendChild(div);\n      });\n      container.appendChild(leftContainer);\n\n      const rightBig = document.createElement('div');\n      rightBig.className = 'right-big option';\n      rightBig.dataset.value = options[2]?.value || '';\n      rightBig.innerHTML = `<img decoding=\"async\" src=\"${options[2]?.img || ''}\" alt=\"${options[2]?.label || ''}\"><span>${options[2]?.label || ''}<\/span>`;\n      container.appendChild(rightBig);\n    }\n  }\n\n  function goToStep(step) {\n    steps.forEach(s => s.classList.toggle('active', s.dataset.step == step));\n    currentStep = step;\n    renderStep(step);\n  }\n\n  function closePopup() {\n    overlay.classList.remove('active');\n    currentStep = 1;\n    Object.keys(selections).forEach(k => delete selections[k]);\n    goToStep(1);\n  }\n\n  openBtn.addEventListener('click', () => {\n    overlay.classList.add('active');\n    renderStep(1);\n  });\n\n  closeBtn.addEventListener('click', closePopup);\n\n  overlay.addEventListener('click', e => {\n    if (e.target === overlay) closePopup();\n  });\n\n  overlay.querySelector('#popup-content').addEventListener('click', e => {\n    const option = e.target.closest('.option');\n    if (!option) return;\n    const step = currentStep;\n    const value = option.dataset.value;\n    selections[step] = value;\n\n    \/* if (step < 3) {\n      goToStep(step + 1);\n    } else {\n      \/\/ \u2705 Enviar datos por POST\n      fetch('https:\/\/tu-endpoint.com\/recibir-respuestas', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application\/json' },\n        body: JSON.stringify(selections)\n      })\n      .then(res => {\n        if (!res.ok) throw new Error('Error al enviar');\n        console.log('\u2705 Datos enviados:', selections);\n        closePopup();\n      })\n      .catch(err => {\n        console.error('\u274c Error de env\u00edo:', err);\n        closePopup(); \/\/ Puedes quitar esta l\u00ednea si quieres que el popup siga abierto si falla\n      });\n\n      \/\/ \ud83d\udea8 Si prefieres redirigir en vez de fetch:\n      \/\/ const query = new URLSearchParams(selections).toString();\n      \/\/ window.location.href = 'https:\/\/trendstastic.com\/resultados?' + query;\n    }*\/\n    \n      if (step < 3) {\n  goToStep(step + 1);\n} else {\n  console.log('\u2705 Respuestas seleccionadas:', selections);\n  closePopup();\n}\n  }); \n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c15d5a5 e-flex e-con-boxed e-con e-parent\" data-id=\"c15d5a5\" data-element_type=\"container\" id=\"sports\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4e696ae e-con-full e-flex e-con e-child\" data-id=\"4e696ae\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ff4556 elementor-widget elementor-widget-image\" data-id=\"6ff4556\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"750\" src=\"https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/Sports-1.png\" class=\"attachment-large size-large wp-image-104\" alt=\"Sports\" srcset=\"https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/Sports-1.png 500w, https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/Sports-1-200x300.png 200w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-467c539 e-con-full e-flex e-con e-child\" data-id=\"467c539\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f9e7040 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"f9e7040\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Where Passion Meets Experience<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f70be3e elementor-widget elementor-widget-text-editor\" data-id=\"f70be3e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>At Trendstastic, we believe that every fan experiences sports in a truly personal way \u2014 a connection that goes far beyond the final score. This space gives you the chance to dive deeper into what excites your audience most, revealing the little details that make each supporter feel special. Whether it\u2019s an exclusive offer, early access to limited merchandise, or a game-day surprise perfectly timed, every moment is an opportunity to create lasting memories. Transform ordinary interactions into unforgettable experiences that build loyalty, enthusiasm, and a sense of belonging. When your message resonates with the real passion behind every cheer, every touchpoint becomes meaningful \u2014 on the pitch, in the stands, and far beyond the stadium.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2984b23 e-flex e-con-boxed e-con e-parent\" data-id=\"2984b23\" data-element_type=\"container\" id=\"travel\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c1e1367 e-con-full e-flex e-con e-child\" data-id=\"c1e1367\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52747fb elementor-widget elementor-widget-image\" data-id=\"52747fb\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"751\" src=\"https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/travel-2.png\" class=\"attachment-large size-large wp-image-241\" alt=\"Travel\" srcset=\"https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/travel-2.png 500w, https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/travel-2-200x300.png 200w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-08b78fc e-con-full e-flex e-con e-child\" data-id=\"08b78fc\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-031da5e elementor-widget elementor-widget-heading\" data-id=\"031da5e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">The Journey Begins Long Before Takeoff<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-66445fa elementor-widget elementor-widget-text-editor\" data-id=\"66445fa\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>A great journey doesn\u2019t start at the airport or at the hotel door \u2014 it starts in the mind, with dreams and ideas that shape every decision. Trendstastic offers a space to capture these early moments, allowing you to craft experiences that feel thoughtful and perfectly timed. Imagine presenting the perfect getaway just as someone starts planning, or suggesting the ideal add-on right when they\u2019re imagining their escape. From custom recommendations to inspired service offerings, every detail can feel personal, as if the whole trip was designed with them in mind. When the journey feels unique from the very first step, it becomes a memory they\u2019ll want to recreate again and again.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d12509 e-flex e-con-boxed e-con e-parent\" data-id=\"4d12509\" data-element_type=\"container\" id=\"lifestyle\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a7cfab4 e-con-full e-flex e-con e-child\" data-id=\"a7cfab4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca7e138 elementor-widget elementor-widget-image\" data-id=\"ca7e138\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"750\" src=\"https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/lifestyle-1.png\" class=\"attachment-large size-large wp-image-233\" alt=\"\" srcset=\"https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/lifestyle-1.png 500w, https:\/\/trendstastic.com\/wp-content\/uploads\/2025\/06\/lifestyle-1-200x300.png 200w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0f1d2fc e-con-full e-flex e-con e-child\" data-id=\"0f1d2fc\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b296260 elementor-widget elementor-widget-heading\" data-id=\"b296260\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">The Choice That Makes the Difference<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7dbf37a elementor-widget elementor-widget-text-editor\" data-id=\"7dbf37a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>In the world of fashion, beauty, and personal wellness, choice is everything \u2014 but relevance is what truly matters. Trendstastic opens the door to understanding what really inspires each visitor, helping you shape collections, offers, and experiences that feel fresh, genuine, and carefully selected. Whether it\u2019s the perfect look for a new season, a beauty tip that feels made just for them, or a wellness suggestion that fits effortlessly into their routine, every recommendation feels thoughtful and natural. The result? A sense of connection that lasts well beyond a single visit, turning casual browsing into loyal engagement \u2014 because when every detail speaks to real interests, the experience feels simply right.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Sports Travel Lifestile This Is Where It Begins Wherever You Dream &times; Selecciona una opci\u00f3n&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trendstastic.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trendstastic.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trendstastic.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trendstastic.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trendstastic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":544,"href":"https:\/\/trendstastic.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":1216,"href":"https:\/\/trendstastic.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/1216"}],"wp:attachment":[{"href":"https:\/\/trendstastic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}