{"id":869,"date":"2025-11-18T03:02:07","date_gmt":"2025-11-18T03:02:07","guid":{"rendered":"https:\/\/creaxme.com.ar\/10rs-0112358\/?page_id=869"},"modified":"2026-02-12T02:34:09","modified_gmt":"2026-02-12T02:34:09","slug":"18sugeridas","status":"publish","type":"page","link":"https:\/\/creaxme.com.ar\/10rs\/18sugeridas\/","title":{"rendered":"18sugeridas"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"869\" class=\"elementor elementor-869\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-62f667fd elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"62f667fd\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3d85e453\" data-id=\"3d85e453\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-20802925 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"20802925\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" 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\">+18<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-62dacf22 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"62dacf22\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" 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\">SUGERIDAS POR EL P\u00daBLICO<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-2cb50c35 e-flex e-con-boxed e-con e-parent\" data-id=\"2cb50c35\" 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-512b813a elementor-widget elementor-widget-heading\" data-id=\"512b813a\" 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\">Mandanos tu pregunta por nuestras redes para que la sumemos a esta categor\u00eda!\n<p>\n<p>\n<b>En esta categor\u00eda, la persona homenajeada\n<\/b><span style=\"font-size: 70%\"><b>\n <\/b>(o participante que eligi\u00f3 la categor\u00eda o le toc\u00f3 por prenda)<\/span><b>\n\ndebe indicar cu\u00e1l es la respuesta correcta.<\/b>\n\n<h2 style=\"margin-bottom:0\">\n  <a href=\"#popmake-753\" target=\"_blank\" rel=\"noopener noreferrer\">\n    <span style=\"font-size:60%;color:#FFD700\">\n      Instrucciones para jugar en modo DUELO\n    <\/span>\n  <\/a>\n<\/h2><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4bfb3ad3 elementor-widget elementor-widget-heading\" data-id=\"4bfb3ad3\" 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\">\u00bfEST\u00c1S READY?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-495b3c52 elementor-widget elementor-widget-heading\" data-id=\"495b3c52\" 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\"><span>\u00a1Vamos, animate y entr\u00e1 a responder las preguntas de la gente! \n<p><i>(VERSI\u00d3N DEMO)<\/i><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1d562ea6 e-grid e-con-full e-con e-child\" data-id=\"1d562ea6\" data-element_type=\"container\" data-settings=\"{&quot;animation_mobile&quot;:&quot;fadeInRight&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34daef56 elementor-widget elementor-widget-html\" data-id=\"34daef56\" 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<!-- ===== FUENTES Y LIBRER\u00cdAS ===== -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n<script src=\"https:\/\/kit.fontawesome.com\/a076d05399.js\" crossorigin=\"anonymous\"><\/script>\r\n\r\n<style>\r\n  body {\r\n    background: #111;\r\n    font-family: 'Montserrat', sans-serif;\r\n  }\r\n\r\n  .trivia-container {\r\n    background: #111;\r\n    color: #fff;\r\n    padding: 2rem;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .card {\r\n    background: #f4f4f4;\r\n    color: #333;\r\n    border-radius: 12px;\r\n    padding: 2rem;\r\n    text-align: center;\r\n    width: 500px;\r\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\r\n  }\r\n\r\n  .card i {\r\n    font-size: 40px;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .card h2 {\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .btn {\r\n    background-color: #800020;\r\n    color: white;\r\n    border: none;\r\n    padding: 12px 25px;\r\n    font-size: 16px;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n    font-family: 'Montserrat', sans-serif;\r\n  }\r\n\r\n  .modal-overlay {\r\n    display: none;\r\n    position: fixed;\r\n    inset: 0;\r\n    background: rgba(0, 0, 0, 0.8);\r\n    justify-content: center;\r\n    align-items: center;\r\n    z-index: 999;\r\n  }\r\n\r\n  .modal {\r\n    background: #fff;\r\n    color: #000;\r\n    width: 90%;\r\n    max-width: 500px;\r\n    padding: 2rem;\r\n    border-radius: 10px;\r\n    position: relative;\r\n  }\r\n\r\n  .close-btn {\r\n    color: #800020;\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 15px;\r\n    font-size: 1.5rem;\r\n    background: none;\r\n    border: none;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .pregunta {\r\n    margin-top: 1.5rem;\r\n    font-weight: bold;\r\n  }\r\n\r\n  .opciones p {\r\n    margin: 10px 0;\r\n  }\r\n\r\n  .mostrar-btn {\r\n    background-color: #800020;\r\n    color: white;\r\n    padding: 10px 18px;\r\n    font-size: 1rem;\r\n    border: none;\r\n    border-radius: 6px;\r\n    margin-top: 1.5rem;\r\n    cursor: pointer;\r\n    display: block;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n\r\n  .respuesta-img {\r\n    margin-top: 20px;\r\n    max-width: 100%;\r\n    display: block;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n<\/style>\r\n\r\n<!-- ===== CARD 1 ===== -->\r\n<div class=\"trivia-container\">\r\n  <div class=\"card\">\r\n    <i class=\"fas fa-surprise\"><\/i>\r\n    <h2>...<\/h2>\r\n    <button class=\"btn\" data-tema=\"sugeridas\" onclick=\"abrirTrivia(this)\">\r\n      Comenzar trivia\r\n    <\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<!-- ===== MODAL \u00daNICO ===== -->\r\n<div class=\"modal-overlay\" id=\"modalOverlay\">\r\n  <div class=\"modal\">\r\n    <button class=\"close-btn\" onclick=\"cerrarModal()\">\u00d7<\/button>\r\n\r\n    <h3>\u2753 Pregunta:<\/h3>\r\n    <p id=\"preguntaTexto\" class=\"pregunta\"><\/p>\r\n\r\n    <div id=\"opcionesContenedor\" class=\"opciones\"><\/div>\r\n    <div id=\"respuestaContenedor\"><\/div>\r\n\r\n    <button id=\"mostrarBtn\" class=\"mostrar-btn\" onclick=\"mostrarRespuesta()\">\r\n      Mostrar respuesta\r\n    <\/button>\r\n\r\n    <button id=\"siguienteBtn\" class=\"mostrar-btn\" style=\"display:none;\"\r\n      onclick=\"siguientePregunta()\">\r\n      Siguiente pregunta\r\n    <\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/* ===== CONFIGURACI\u00d3N GENERAL ===== *\/\r\nconst imagenesRespuesta = {\r\n  A: \"https:\/\/creaxme.com.ar\/10rs\/wp-content\/uploads\/2025\/10\/RespuestaA.png\",\r\n  B: \"https:\/\/creaxme.com.ar\/10rs\/wp-content\/uploads\/2025\/10\/RespuestaB.png\",\r\n  C: \"https:\/\/creaxme.com.ar\/10rs\/wp-content\/uploads\/2025\/10\/RespuestaC.png\",\r\n  X: \"https:\/\/creaxme.com.ar\/10rs\/wp-content\/uploads\/2025\/10\/RespuestaX.png\"\r\n};\r\n\r\nlet preguntas = {};\r\nlet preguntaActual = null;\r\nlet temaActual = null;\r\n\r\nlet preguntasMostradas =\r\n  JSON.parse(localStorage.getItem(\"preguntasMostradas\")) || {};\r\n\r\n\/* ===== CARGAR PREGUNTAS ===== *\/\r\nasync function cargarPreguntas(tema) {\r\n  if (preguntas[tema]) return preguntas[tema];\r\n\r\n  const res = await fetch(\r\n    `https:\/\/creaxme.com.ar\/10rs\/preguntas\/preguntas_${tema}.json`,\r\n    { cache: \"no-store\" }\r\n  );\r\n\r\n  const data = await res.json();\r\n  preguntas[tema] = data;\r\n  return data;\r\n}\r\n\r\n\/* ===== ABRIR TRIVIA ===== *\/\r\nasync function abrirTrivia(btn) {\r\n  temaActual = btn.dataset.tema;\r\n\r\n  const lista = await cargarPreguntas(temaActual);\r\n\r\n  if (!preguntasMostradas[temaActual]) {\r\n    preguntasMostradas[temaActual] = [];\r\n  }\r\n\r\n  const usados = preguntasMostradas[temaActual].map(p => p.index);\r\n  const disponibles = lista\r\n    .map((_, i) => i)\r\n    .filter(i => !usados.includes(i));\r\n\r\n  if (disponibles.length === 0) {\r\n    alert(\"Ya se mostraron todas las preguntas \ud83d\ude09\");\r\n    return;\r\n  }\r\n\r\n  const index =\r\n    disponibles[Math.floor(Math.random() * disponibles.length)];\r\n\r\n  preguntaActual = lista[index];\r\n  preguntaActual.index = index;\r\n\r\n  document.getElementById(\"preguntaTexto\").textContent =\r\n    preguntaActual.pregunta;\r\n\r\n  const cont = document.getElementById(\"opcionesContenedor\");\r\n  cont.innerHTML = \"\";\r\n\r\n  for (let letra in preguntaActual.opciones) {\r\n    cont.innerHTML +=\r\n      `<p><strong>${letra}.<\/strong> ${preguntaActual.opciones[letra]}<\/p>`;\r\n  }\r\n\r\n  document.getElementById(\"respuestaContenedor\").innerHTML = \"\";\r\n  document.getElementById(\"mostrarBtn\").style.display = \"block\";\r\n  document.getElementById(\"siguienteBtn\").style.display = \"none\";\r\n\r\n  document.getElementById(\"modalOverlay\").style.display = \"flex\";\r\n}\r\n\r\n\/* ===== MOSTRAR RESPUESTA ===== *\/\r\nfunction mostrarRespuesta() {\r\n  document.getElementById(\"respuestaContenedor\").innerHTML =\r\n    `<img decoding=\"async\" src=\"${imagenesRespuesta[preguntaActual.respuesta]}\" class=\"respuesta-img\">`;\r\n\r\n  preguntasMostradas[temaActual].push({\r\n    index: preguntaActual.index,\r\n    timestamp: Date.now()\r\n  });\r\n\r\n  localStorage.setItem(\r\n    \"preguntasMostradas\",\r\n    JSON.stringify(preguntasMostradas)\r\n  );\r\n\r\n  document.getElementById(\"mostrarBtn\").style.display = \"none\";\r\n  document.getElementById(\"siguienteBtn\").style.display = \"block\";\r\n}\r\n\r\nfunction siguientePregunta() {\r\n  const btn = document.querySelector(`[data-tema=\"${temaActual}\"]`);\r\n  abrirTrivia(btn);\r\n}\r\n\r\nfunction cerrarModal() {\r\n  document.getElementById(\"modalOverlay\").style.display = \"none\";\r\n}\r\n<\/script>\r\n\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>+18 SUGERIDAS POR EL P\u00daBLICO Mandanos tu pregunta por nuestras redes para que la sumemos a esta categor\u00eda! En esta categor\u00eda, la persona homenajeada (o participante que eligi\u00f3 la categor\u00eda o le toc\u00f3 por prenda) debe indicar cu\u00e1l es la respuesta correcta. Instrucciones para jugar en modo DUELO \u00bfEST\u00c1S READY? \u00a1Vamos, animate y entr\u00e1 a&hellip;&nbsp;<a href=\"https:\/\/creaxme.com.ar\/10rs\/18sugeridas\/\" rel=\"bookmark\"><span class=\"screen-reader-text\">18sugeridas<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"","neve_meta_container":"","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":"","footnotes":""},"class_list":["post-869","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/creaxme.com.ar\/10rs\/wp-json\/wp\/v2\/pages\/869","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creaxme.com.ar\/10rs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/creaxme.com.ar\/10rs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/creaxme.com.ar\/10rs\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/creaxme.com.ar\/10rs\/wp-json\/wp\/v2\/comments?post=869"}],"version-history":[{"count":18,"href":"https:\/\/creaxme.com.ar\/10rs\/wp-json\/wp\/v2\/pages\/869\/revisions"}],"predecessor-version":[{"id":1181,"href":"https:\/\/creaxme.com.ar\/10rs\/wp-json\/wp\/v2\/pages\/869\/revisions\/1181"}],"wp:attachment":[{"href":"https:\/\/creaxme.com.ar\/10rs\/wp-json\/wp\/v2\/media?parent=869"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}