{"id":493,"date":"2025-08-10T13:48:20","date_gmt":"2025-08-10T13:48:20","guid":{"rendered":"https:\/\/creaxme.com.ar\/10rs\/?page_id=493"},"modified":"2026-01-09T02:36:29","modified_gmt":"2026-01-09T02:36:29","slug":"18especial","status":"publish","type":"page","link":"https:\/\/creaxme.com.ar\/10rs\/18especial\/","title":{"rendered":"18especial"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"493\" class=\"elementor elementor-493\">\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\">respuestas personales<\/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\"><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<p><\/p>\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-7d534060 elementor-widget elementor-widget-spacer\" data-id=\"7d534060\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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\">Eleg\u00ed una de las categor\u00edas para responder! <p> <i>(VERSI\u00d3N DEMO)<\/i><\/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-boxed 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\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6f6b1e elementor-widget elementor-widget-html\" data-id=\"d6f6b1e\" 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-glass-cheers\"><\/i>\r\n    <h2>Cumplea\u00f1os<\/h2>\r\n    <button class=\"btn\" data-tema=\"juntadas\" onclick=\"abrirTrivia(this)\">\r\n      Comenzar trivia\r\n    <\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- ===== CARD 2 (EJEMPLO) ===== -->\r\n<div class=\"trivia-container\">\r\n  <div class=\"card\">\r\n    <i class=\"fas fa-plane\"><\/i>\r\n    <h2>Despedida de Soltero\/a<\/h2>\r\n    <button class=\"btn\" data-tema=\"despedidasoltero\" onclick=\"abrirTrivia(this)\">\r\n      Comenzar trivia\r\n    <\/button>\r\n  <\/div>\r\n<\/div>\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\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 respuestas personales 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? Eleg\u00ed una de las categor\u00edas para responder! (VERSI\u00d3N DEMO) Cumplea\u00f1os Comenzar trivia Despedida de Soltero\/a Comenzar trivia \u00d7 &#x2753; Pregunta:&hellip;&nbsp;<a href=\"https:\/\/creaxme.com.ar\/10rs\/18especial\/\" rel=\"bookmark\"><span class=\"screen-reader-text\">18especial<\/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-493","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/creaxme.com.ar\/10rs\/wp-json\/wp\/v2\/pages\/493","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=493"}],"version-history":[{"count":21,"href":"https:\/\/creaxme.com.ar\/10rs\/wp-json\/wp\/v2\/pages\/493\/revisions"}],"predecessor-version":[{"id":1105,"href":"https:\/\/creaxme.com.ar\/10rs\/wp-json\/wp\/v2\/pages\/493\/revisions\/1105"}],"wp:attachment":[{"href":"https:\/\/creaxme.com.ar\/10rs\/wp-json\/wp\/v2\/media?parent=493"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}