Trivia Interactiva<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n font-family: 'Montserrat', sans-serif !important;\r\n background: #111;\r\n color: #fff;\r\n margin: 0;\r\n padding: 2rem;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 100vh;\r\n gap: 2rem;\r\n flex-wrap: wrap;\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: 250px;\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: 0 0 10px;\r\n font-size: 24px;\r\n }\r\n\r\n .btn {\r\n background-color: #800020;\r\n color: white;\r\n border: none;\r\n padding: 10px 20px;\r\n font-size: 16px;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n font-family: Montserrat;\r\n }\r\n\r\n .modal-overlay {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n background: rgba(0, 0, 0, 0.8);\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 1000;\r\n }\r\n\r\n .modal {\r\n background: #fff;\r\n color: #000;\r\n width: 90%;\r\n max-width: 500px !important;\r\n padding: 2rem;\r\n border-radius: 10px;\r\n position: relative;\r\n text-align: left;\r\n box-sizing: border-box;\r\n }\r\n\r\n .close-btn {\r\n color: #800020 !important;\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 .modal .pregunta {\r\n margin-top: 2rem;\r\n font-weight: bold;\r\n }\r\n\r\n .opciones p {\r\n margin: 10px 0;\r\n }\r\n\r\n .opciones span {\r\n font-weight: bold;\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\r\n .modal h3 {\r\n font-size: 1.2rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"card\">\r\n <i class=\"fas fa-heart\"><\/i>\r\n <h2>XXX<\/h2>\r\n <button class=\"btn\" onclick=\"abrirTrivia('xxx')\">Ver pregunta<\/button>\r\n <\/div>\r\n\r\n \r\n\r\n \r\n\r\n \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 <h3>\u2753 Pregunta:<\/h3>\r\n <p id=\"preguntaTexto\" class=\"pregunta\"><\/p>\r\n <div id=\"opcionesContenedor\" class=\"opciones\"><\/div>\r\n <div id=\"respuestaContenedor\"><\/div>\r\n <button id=\"mostrarBtn\" class=\"mostrar-btn\" onclick=\"mostrarRespuesta()\">Mostrar Respuesta<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n const imagenesRespuesta = {\r\n A: \"https:\/\/creaxme.com.ar\/10rs\/wp-content\/uploads\/2025\/05\/respuestaA.jpg\",\r\n B: \"https:\/\/creaxme.com.ar\/10rs\/wp-content\/uploads\/2025\/05\/respuestaB.jpg\",\r\n C: \"https:\/\/creaxme.com.ar\/10rs\/wp-content\/uploads\/2025\/05\/respuestaC.jpg\"\r\n };\r\n\r\n let temaActual = null;\r\n let preguntas = {};\r\n let preguntaActual = null;\r\n let preguntasMostradas = JSON.parse(localStorage.getItem(\"preguntasMostradas\")) || {};\r\n\r\n \/\/ Limpiar las preguntas viejas (m\u00e1s de 1 hora)\r\n for (let tema in preguntasMostradas) {\r\n preguntasMostradas[tema] = preguntasMostradas[tema].filter(p => Date.now() - p.timestamp < 60 * 60 * 1000);\r\n }\r\n\r\n \/\/ Cargar preguntas desde archivo JSON seg\u00fan el tema\r\n async function cargarPreguntas(tema) {\r\n if (preguntas[tema]) return preguntas[tema]; \/\/ si ya est\u00e1 cargado, no volver a pedir\r\n try {\r\n const respuesta = await fetch(`https:\/\/creaxme.com.ar\/10rs\/preguntas\/preguntas_${tema}.json`);\r\n if (!respuesta.ok) throw new Error(\"Error al cargar el archivo\");\r\n const data = await respuesta.json();\r\n preguntas[tema] = data;\r\n return data;\r\n } catch (error) {\r\n console.error(\"Error cargando preguntas:\", error);\r\n alert(\"No se pudieron cargar las preguntas del tema \" + tema);\r\n return [];\r\n }\r\n }\r\n\r\n async function abrirTrivia(tema) {\r\n temaActual = tema;\r\n const listaPreguntas = await cargarPreguntas(tema);\r\n if (listaPreguntas.length === 0) return;\r\n\r\n if (!preguntasMostradas[tema]) preguntasMostradas[tema] = [];\r\n\r\n const indicesUsados = preguntasMostradas[tema].map(p => p.index);\r\n const disponibles = listaPreguntas.map((_, i) => i).filter(i => !indicesUsados.includes(i));\r\n\r\n if (disponibles.length === 0) {\r\n alert(\"Ya viste todas las preguntas de este tema en la \u00faltima hora. Esper\u00e1 un rato \ud83d\ude09\");\r\n return;\r\n }\r\n\r\n const index = disponibles[Math.floor(Math.random() * disponibles.length)];\r\n preguntaActual = listaPreguntas[index];\r\n preguntaActual.index = index;\r\n\r\n document.getElementById(\"preguntaTexto\").textContent = preguntaActual.pregunta;\r\n const opcionesContenedor = document.getElementById(\"opcionesContenedor\");\r\n opcionesContenedor.innerHTML = \"\";\r\n\r\n for (let letra in preguntaActual.opciones) {\r\n opcionesContenedor.innerHTML += `<p><span>${letra}.<\/span> ${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(\"modalOverlay\").style.display = \"flex\";\r\n }\r\n\r\n function mostrarRespuesta() {\r\n if (!preguntaActual) return;\r\n const contenedor = document.getElementById(\"respuestaContenedor\");\r\n contenedor.innerHTML = `<img decoding=\"async\" src=\"${imagenesRespuesta[preguntaActual.respuesta]}\" alt=\"Respuesta\" class=\"respuesta-img\">`;\r\n document.getElementById(\"mostrarBtn\").style.display = \"none\";\r\n\r\n preguntasMostradas[temaActual].push({ index: preguntaActual.index, timestamp: Date.now() });\r\n localStorage.setItem(\"preguntasMostradas\", JSON.stringify(preguntasMostradas));\r\n }\r\n\r\n function cerrarModal() {\r\n document.getElementById(\"modalOverlay\").style.display = \"none\";\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32afdae elementor-widget elementor-widget-html\" data-id=\"32afdae\" 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<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n <title>Trivia Interactiva<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n font-family: 'Montserrat', sans-serif !important;\r\n background: #111;\r\n color: #fff;\r\n margin: 0;\r\n padding: 2rem;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 100vh;\r\n gap: 2rem;\r\n flex-wrap: wrap;\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: 250px;\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: 0 0 10px;\r\n font-size: 24px;\r\n }\r\n\r\n .btn {\r\n background-color: #800020;\r\n color: white;\r\n border: none;\r\n padding: 10px 20px;\r\n font-size: 16px;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n font-family: Montserrat;\r\n }\r\n\r\n .modal-overlay {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n background: rgba(0, 0, 0, 0.8);\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 1000;\r\n }\r\n\r\n .modal {\r\n background: #fff;\r\n color: #000;\r\n width: 90%;\r\n max-width: 500px !important;\r\n padding: 2rem;\r\n border-radius: 10px;\r\n position: relative;\r\n text-align: left;\r\n box-sizing: border-box;\r\n }\r\n\r\n .close-btn {\r\n color: #800020 !important;\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 .modal .pregunta {\r\n margin-top: 2rem;\r\n font-weight: bold;\r\n }\r\n\r\n .opciones p {\r\n margin: 10px 0;\r\n }\r\n\r\n .opciones span {\r\n font-weight: bold;\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\r\n .modal h3 {\r\n font-size: 1.2rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"card\">\r\n <i class=\"fas fa-exclamation-triangle\"><\/i>\r\n <h2>Adicciones<\/h2>\r\n <button class=\"btn\" onclick=\"abrirTrivia('adicciones')\">Ver pregunta<\/button>\r\n <\/div>\r\n\r\n \r\n\r\n \r\n\r\n \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 <h3>\u2753 Pregunta:<\/h3>\r\n <p id=\"preguntaTexto\" class=\"pregunta\"><\/p>\r\n <div id=\"opcionesContenedor\" class=\"opciones\"><\/div>\r\n <div id=\"respuestaContenedor\"><\/div>\r\n <button id=\"mostrarBtn\" class=\"mostrar-btn\" onclick=\"mostrarRespuesta()\">Mostrar Respuesta<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n const imagenesRespuesta = {\r\n A: \"https:\/\/creaxme.com.ar\/10rs\/wp-content\/uploads\/2025\/05\/respuestaA.jpg\",\r\n B: \"https:\/\/creaxme.com.ar\/10rs\/wp-content\/uploads\/2025\/05\/respuestaB.jpg\",\r\n C: \"https:\/\/creaxme.com.ar\/10rs\/wp-content\/uploads\/2025\/05\/respuestaC.jpg\"\r\n };\r\n\r\n let temaActual = null;\r\n let preguntas = {};\r\n let preguntaActual = null;\r\n let preguntasMostradas = JSON.parse(localStorage.getItem(\"preguntasMostradas\")) || {};\r\n\r\n \/\/ Limpiar las preguntas viejas (m\u00e1s de 1 hora)\r\n for (let tema in preguntasMostradas) {\r\n preguntasMostradas[tema] = preguntasMostradas[tema].filter(p => Date.now() - p.timestamp < 60 * 60 * 1000);\r\n }\r\n\r\n \/\/ Cargar preguntas desde archivo JSON seg\u00fan el tema\r\n async function cargarPreguntas(tema) {\r\n if (preguntas[tema]) return preguntas[tema]; \/\/ si ya est\u00e1 cargado, no volver a pedir\r\n try {\r\n const respuesta = await fetch(`https:\/\/creaxme.com.ar\/10rs\/preguntas\/preguntas_${tema}.json`);\r\n if (!respuesta.ok) throw new Error(\"Error al cargar el archivo\");\r\n const data = await respuesta.json();\r\n preguntas[tema] = data;\r\n return data;\r\n } catch (error) {\r\n console.error(\"Error cargando preguntas:\", error);\r\n alert(\"No se pudieron cargar las preguntas del tema \" + tema);\r\n return [];\r\n }\r\n }\r\n\r\n async function abrirTrivia(tema) {\r\n temaActual = tema;\r\n const listaPreguntas = await cargarPreguntas(tema);\r\n if (listaPreguntas.length === 0) return;\r\n\r\n if (!preguntasMostradas[tema]) preguntasMostradas[tema] = [];\r\n\r\n const indicesUsados = preguntasMostradas[tema].map(p => p.index);\r\n const disponibles = listaPreguntas.map((_, i) => i).filter(i => !indicesUsados.includes(i));\r\n\r\n if (disponibles.length === 0) {\r\n alert(\"Ya viste todas las preguntas de este tema en la \u00faltima hora. Esper\u00e1 un rato \ud83d\ude09\");\r\n return;\r\n }\r\n\r\n const index = disponibles[Math.floor(Math.random() * disponibles.length)];\r\n preguntaActual = listaPreguntas[index];\r\n preguntaActual.index = index;\r\n\r\n document.getElementById(\"preguntaTexto\").textContent = preguntaActual.pregunta;\r\n const opcionesContenedor = document.getElementById(\"opcionesContenedor\");\r\n opcionesContenedor.innerHTML = \"\";\r\n\r\n for (let letra in preguntaActual.opciones) {\r\n opcionesContenedor.innerHTML += `<p><span>${letra}.<\/span> ${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(\"modalOverlay\").style.display = \"flex\";\r\n }\r\n\r\n function mostrarRespuesta() {\r\n if (!preguntaActual) return;\r\n const contenedor = document.getElementById(\"respuestaContenedor\");\r\n contenedor.innerHTML = `<img decoding=\"async\" src=\"${imagenesRespuesta[preguntaActual.respuesta]}\" alt=\"Respuesta\" class=\"respuesta-img\">`;\r\n document.getElementById(\"mostrarBtn\").style.display = \"none\";\r\n\r\n preguntasMostradas[temaActual].push({ index: preguntaActual.index, timestamp: Date.now() });\r\n localStorage.setItem(\"preguntasMostradas\", JSON.stringify(preguntasMostradas));\r\n }\r\n\r\n function cerrarModal() {\r\n document.getElementById(\"modalOverlay\").style.display = \"none\";\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f52796c elementor-widget elementor-widget-html\" data-id=\"f52796c\" 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<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n <title>Trivia Interactiva<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n font-family: 'Montserrat', sans-serif !important;\r\n background: #111;\r\n color: #fff;\r\n margin: 0;\r\n padding: 2rem;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 100vh;\r\n gap: 2rem;\r\n flex-wrap: wrap;\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: 250px;\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: 0 0 10px;\r\n font-size: 24px;\r\n }\r\n\r\n .btn {\r\n background-color: #800020;\r\n color: white;\r\n border: none;\r\n padding: 10px 20px;\r\n font-size: 16px;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n font-family: Montserrat;\r\n }\r\n\r\n .modal-overlay {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n background: rgba(0, 0, 0, 0.8);\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 1000;\r\n }\r\n\r\n .modal {\r\n background: #fff;\r\n color: #000;\r\n width: 90%;\r\n max-width: 500px !important;\r\n padding: 2rem;\r\n border-radius: 10px;\r\n position: relative;\r\n text-align: left;\r\n box-sizing: border-box;\r\n }\r\n\r\n .close-btn {\r\n color: #800020 !important;\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 .modal .pregunta {\r\n margin-top: 2rem;\r\n font-weight: bold;\r\n }\r\n\r\n .opciones p {\r\n margin: 10px 0;\r\n }\r\n\r\n .opciones span {\r\n font-weight: bold;\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\r\n .modal h3 {\r\n font-size: 1.2rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"card\">\r\n <i class=\"fas fa-bomb\"><\/i>\r\n <h2>Politicamente <br> Incorrectas<\/h2>\r\n <button class=\"btn\" onclick=\"abrirTrivia('politicincorrect')\">Ver pregunta<\/button>\r\n <\/div>\r\n\r\n \r\n\r\n \r\n\r\n \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 <h3>\u2753 Pregunta:<\/h3>\r\n <p id=\"preguntaTexto\" class=\"pregunta\"><\/p>\r\n <div id=\"opcionesContenedor\" class=\"opciones\"><\/div>\r\n <div id=\"respuestaContenedor\"><\/div>\r\n <button id=\"mostrarBtn\" class=\"mostrar-btn\" onclick=\"mostrarRespuesta()\">Mostrar Respuesta<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n const imagenesRespuesta = {\r\n A: \"https:\/\/creaxme.com.ar\/10rs\/wp-content\/uploads\/2025\/05\/respuestaA.jpg\",\r\n B: \"https:\/\/creaxme.com.ar\/10rs\/wp-content\/uploads\/2025\/05\/respuestaB.jpg\",\r\n C: \"https:\/\/creaxme.com.ar\/10rs\/wp-content\/uploads\/2025\/05\/respuestaC.jpg\"\r\n };\r\n\r\n let temaActual = null;\r\n let preguntas = {};\r\n let preguntaActual = null;\r\n let preguntasMostradas = JSON.parse(localStorage.getItem(\"preguntasMostradas\")) || {};\r\n\r\n \/\/ Limpiar las preguntas viejas (m\u00e1s de 1 hora)\r\n for (let tema in preguntasMostradas) {\r\n preguntasMostradas[tema] = preguntasMostradas[tema].filter(p => Date.now() - p.timestamp < 60 * 60 * 1000);\r\n }\r\n\r\n \/\/ Cargar preguntas desde archivo JSON seg\u00fan el tema\r\n async function cargarPreguntas(tema) {\r\n if (preguntas[tema]) return preguntas[tema]; \/\/ si ya est\u00e1 cargado, no volver a pedir\r\n try {\r\n const respuesta = await fetch(`https:\/\/creaxme.com.ar\/10rs\/preguntas\/preguntas_${tema}.json`);\r\n if (!respuesta.ok) throw new Error(\"Error al cargar el archivo\");\r\n const data = await respuesta.json();\r\n preguntas[tema] = data;\r\n return data;\r\n } catch (error) {\r\n console.error(\"Error cargando preguntas:\", error);\r\n alert(\"No se pudieron cargar las preguntas del tema \" + tema);\r\n return [];\r\n }\r\n }\r\n\r\n async function abrirTrivia(tema) {\r\n temaActual = tema;\r\n const listaPreguntas = await cargarPreguntas(tema);\r\n if (listaPreguntas.length === 0) return;\r\n\r\n if (!preguntasMostradas[tema]) preguntasMostradas[tema] = [];\r\n\r\n const indicesUsados = preguntasMostradas[tema].map(p => p.index);\r\n const disponibles = listaPreguntas.map((_, i) => i).filter(i => !indicesUsados.includes(i));\r\n\r\n if (disponibles.length === 0) {\r\n alert(\"Ya viste todas las preguntas de este tema en la \u00faltima hora. Esper\u00e1 un rato \ud83d\ude09\");\r\n return;\r\n }\r\n\r\n const index = disponibles[Math.floor(Math.random() * disponibles.length)];\r\n preguntaActual = listaPreguntas[index];\r\n preguntaActual.index = index;\r\n\r\n document.getElementById(\"preguntaTexto\").textContent = preguntaActual.pregunta;\r\n const opcionesContenedor = document.getElementById(\"opcionesContenedor\");\r\n opcionesContenedor.innerHTML = \"\";\r\n\r\n for (let letra in preguntaActual.opciones) {\r\n opcionesContenedor.innerHTML += `<p><span>${letra}.<\/span> ${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(\"modalOverlay\").style.display = \"flex\";\r\n }\r\n\r\n function mostrarRespuesta() {\r\n if (!preguntaActual) return;\r\n const contenedor = document.getElementById(\"respuestaContenedor\");\r\n contenedor.innerHTML = `<img decoding=\"async\" src=\"${imagenesRespuesta[preguntaActual.respuesta]}\" alt=\"Respuesta\" class=\"respuesta-img\">`;\r\n document.getElementById(\"mostrarBtn\").style.display = \"none\";\r\n\r\n preguntasMostradas[temaActual].push({ index: preguntaActual.index, timestamp: Date.now() });\r\n localStorage.setItem(\"preguntasMostradas\", JSON.stringify(preguntasMostradas));\r\n }\r\n\r\n function cerrarModal() {\r\n document.getElementById(\"modalOverlay\").style.display = \"none\";\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-04d3dea elementor-widget elementor-widget-html\" data-id=\"04d3dea\" 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<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n <title>Trivia Interactiva<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n font-family: 'Montserrat', sans-serif !important;\r\n background: #111;\r\n color: #fff;\r\n margin: 0;\r\n padding: 2rem;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 100vh;\r\n gap: 2rem;\r\n flex-wrap: wrap;\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: 250px;\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: 0 0 10px;\r\n font-size: 24px;\r\n }\r\n\r\n .btn {\r\n background-color: #800020;\r\n color: white;\r\n border: none;\r\n padding: 10px 20px;\r\n font-size: 16px;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n font-family: Montserrat;\r\n }\r\n\r\n .modal-overlay {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n background: rgba(0, 0, 0, 0.8);\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 1000;\r\n }\r\n\r\n .modal {\r\n background: #fff;\r\n color: #000;\r\n width: 90%;\r\n max-width: 500px !important;\r\n padding: 2rem;\r\n border-radius: 10px;\r\n position: relative;\r\n text-align: left;\r\n box-sizing: border-box;\r\n }\r\n\r\n .close-btn {\r\n color: #800020 !important;\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 .modal .pregunta {\r\n margin-top: 2rem;\r\n font-weight: bold;\r\n }\r\n\r\n .opciones p {\r\n margin: 10px 0;\r\n }\r\n\r\n .opciones span {\r\n font-weight: bold;\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\r\n .modal h3 {\r\n font-size: 1.2rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"card\">\r\n <i class=\"fas fa-random\"><\/i>\r\n <h2>Random<\/h2>\r\n <button class=\"btn\" onclick=\"abrirTrivia('18random')\">Ver pregunta<\/button>\r\n <\/div>\r\n\r\n \r\n\r\n \r\n\r\n \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 <h3>\u2753 Pregunta:<\/h3>\r\n <p id=\"preguntaTexto\" class=\"pregunta\"><\/p>\r\n <div id=\"opcionesContenedor\" class=\"opciones\"><\/div>\r\n <div id=\"respuestaContenedor\"><\/div>\r\n <button id=\"mostrarBtn\" class=\"mostrar-btn\" onclick=\"mostrarRespuesta()\">Mostrar Respuesta<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n const imagenesRespuesta = {\r\n A: \"https:\/\/creaxme.com.ar\/10rs\/wp-content\/uploads\/2025\/05\/respuestaA.jpg\",\r\n B: \"https:\/\/creaxme.com.ar\/10rs\/wp-content\/uploads\/2025\/05\/respuestaB.jpg\",\r\n C: \"https:\/\/creaxme.com.ar\/10rs\/wp-content\/uploads\/2025\/05\/respuestaC.jpg\"\r\n };\r\n\r\n let temaActual = null;\r\n let preguntas = {};\r\n let preguntaActual = null;\r\n let preguntasMostradas = JSON.parse(localStorage.getItem(\"preguntasMostradas\")) || {};\r\n\r\n \/\/ Limpiar las preguntas viejas (m\u00e1s de 1 hora)\r\n for (let tema in preguntasMostradas) {\r\n preguntasMostradas[tema] = preguntasMostradas[tema].filter(p => Date.now() - p.timestamp < 60 * 60 * 1000);\r\n }\r\n\r\n \/\/ Cargar preguntas desde archivo JSON seg\u00fan el tema\r\n async function cargarPreguntas(tema) {\r\n if (preguntas[tema]) return preguntas[tema]; \/\/ si ya est\u00e1 cargado, no volver a pedir\r\n try {\r\n const respuesta = await fetch(`https:\/\/creaxme.com.ar\/10rs\/preguntas\/preguntas_${tema}.json`);\r\n if (!respuesta.ok) throw new Error(\"Error al cargar el archivo\");\r\n const data = await respuesta.json();\r\n preguntas[tema] = data;\r\n return data;\r\n } catch (error) {\r\n console.error(\"Error cargando preguntas:\", error);\r\n alert(\"No se pudieron cargar las preguntas del tema \" + tema);\r\n return [];\r\n }\r\n }\r\n\r\n async function abrirTrivia(tema) {\r\n temaActual = tema;\r\n const listaPreguntas = await cargarPreguntas(tema);\r\n if (listaPreguntas.length === 0) return;\r\n\r\n if (!preguntasMostradas[tema]) preguntasMostradas[tema] = [];\r\n\r\n const indicesUsados = preguntasMostradas[tema].map(p => p.index);\r\n const disponibles = listaPreguntas.map((_, i) => i).filter(i => !indicesUsados.includes(i));\r\n\r\n if (disponibles.length === 0) {\r\n alert(\"Ya viste todas las preguntas de este tema en la \u00faltima hora. Esper\u00e1 un rato \ud83d\ude09\");\r\n return;\r\n }\r\n\r\n const index = disponibles[Math.floor(Math.random() * disponibles.length)];\r\n preguntaActual = listaPreguntas[index];\r\n preguntaActual.index = index;\r\n\r\n document.getElementById(\"preguntaTexto\").textContent = preguntaActual.pregunta;\r\n const opcionesContenedor = document.getElementById(\"opcionesContenedor\");\r\n opcionesContenedor.innerHTML = \"\";\r\n\r\n for (let letra in preguntaActual.opciones) {\r\n opcionesContenedor.innerHTML += `<p><span>${letra}.<\/span> ${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(\"modalOverlay\").style.display = \"flex\";\r\n }\r\n\r\n function mostrarRespuesta() {\r\n if (!preguntaActual) return;\r\n const contenedor = document.getElementById(\"respuestaContenedor\");\r\n contenedor.innerHTML = `<img decoding=\"async\" src=\"${imagenesRespuesta[preguntaActual.respuesta]}\" alt=\"Respuesta\" class=\"respuesta-img\">`;\r\n document.getElementById(\"mostrarBtn\").style.display = \"none\";\r\n\r\n preguntasMostradas[temaActual].push({ index: preguntaActual.index, timestamp: Date.now() });\r\n localStorage.setItem(\"preguntasMostradas\", JSON.stringify(preguntasMostradas));\r\n }\r\n\r\n function cerrarModal() {\r\n document.getElementById(\"modalOverlay\").style.display = \"none\";\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\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 solo para mayores \u00bfEST\u00c1S READY? Eleg\u00ed una de las tem\u00e1ticas para responder! (VERSI\u00d3N DEMO) Trivia Interactiva XXX Ver pregunta \u00d7 ❓ Pregunta: Mostrar Respuesta Trivia Interactiva Adicciones Ver pregunta \u00d7 ❓ Pregunta: Mostrar Respuesta Trivia Interactiva Politicamente Incorrectas Ver pregunta \u00d7 ❓ Pregunta: Mostrar Respuesta Trivia Interactiva Random Ver pregunta \u00d7 ❓ Pregunta: Mostrar… <a href=\"https:\/\/creaxme.com.ar\/10rs\/solo-para-mayores\/\" rel=\"bookmark\"><span class=\"screen-reader-text\">18<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-pagebuilder-full-width.php","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-475","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/creaxme.com.ar\/10rs\/wp-json\/wp\/v2\/pages\/475","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=475"}],"version-history":[{"count":6,"href":"https:\/\/creaxme.com.ar\/10rs\/wp-json\/wp\/v2\/pages\/475\/revisions"}],"predecessor-version":[{"id":1108,"href":"https:\/\/creaxme.com.ar\/10rs\/wp-json\/wp\/v2\/pages\/475\/revisions\/1108"}],"wp:attachment":[{"href":"https:\/\/creaxme.com.ar\/10rs\/wp-json\/wp\/v2\/media?parent=475"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}