{"id":8920,"date":"2026-08-06T04:44:43","date_gmt":"2026-08-06T04:44:43","guid":{"rendered":"https:\/\/www.jamaraturana.com\/home\/?page_id=8920"},"modified":"2026-08-06T16:12:51","modified_gmt":"2026-08-06T16:12:51","slug":"mensaje-angelical","status":"publish","type":"page","link":"https:\/\/www.jamaraturana.com\/home\/mensaje-angelical\/","title":{"rendered":"Mensaje Angelical"},"content":{"rendered":"<p><!--\n  ============================================================\n  MENSAJE ANGELICAL \u2014 bloque publicado en WordPress\n  ============================================================\n  Las 84 cartas, el dorso y el logo se subieron por la Biblioteca\n  de medios de WordPress, por eso quedaron todas en la carpeta\n  de subidas del mes (sin subcarpetas propias):\n    https:\/\/www.jamaraturana.com\/home\/wp-content\/uploads\/2026\/08\/\n\n  Si en alg\u00fan momento resubes o mueves estos archivos, solo hay\n  que actualizar la constante BASE_URL m\u00e1s abajo en el <script>.\n  ============================================================\n--><\/p>\n<div class=\"ja-mensaje-angelical\">\n<style>.ja-mensaje-angelical{--morado:#5C2D82;--morado-med:#9B5FC0;--lavanda:#F0E6FA;--white:#ffffff;--ink:#4A2E63;font-family:'Poppins', sans-serif;color:var(--ink);max-width:1100px;margin:0 auto;padding:40px 20px 56px;text-align:center;background:radial-gradient(ellipse at top, #ffffff 0%, #f8f2fc 40%, var(--lavanda) 100%);border-radius:28px;box-shadow:0 20px 50px rgba(92,45,130,.12);} .ja-mensaje-angelical *{ box-sizing:border-box; } .ja-mensaje-angelical .logo-badge{width:100px; height:auto; margin:0 auto 10px; display:block; filter:drop-shadow(0 8px 18px rgba(92,45,130,.25));} .ja-mensaje-angelical .app-title{font-family:'Alex Brush', cursive; font-weight:400; font-size:clamp(2.8rem, 6vw, 4rem); color:var(--morado); margin:0 0 4px; letter-spacing:1px; line-height:1.1;} .ja-mensaje-angelical .app-subtitle{font-size:.85rem; letter-spacing:3px; text-transform:uppercase; color:var(--morado-med); margin:0 0 22px; font-weight:700;} .ja-mensaje-angelical .intro{max-width:760px; margin:0 auto 30px; font-size:1.05rem; line-height:1.65; color:var(--ink); background:var(--lavanda); border:1px solid rgba(92,45,130,.12); border-radius:18px; padding:22px 26px; box-shadow:0 10px 24px rgba(92,45,130,.1);} .ja-mensaje-angelical .toolbar{display:flex; justify-content:center; align-items:center; gap:14px; margin-bottom:26px; flex-wrap:wrap;} .ja-mensaje-angelical .status-pill{background:var(--white); border:1px solid rgba(155,95,192,.45); color:var(--morado); font-weight:700; font-size:.85rem; padding:8px 16px; border-radius:999px;} .ja-mensaje-angelical .btn{font-family:'Poppins', sans-serif; font-weight:700; font-size:.9rem; color:var(--white); background:linear-gradient(135deg, var(--morado-med), var(--morado)); border:none; padding:10px 22px; border-radius:999px; cursor:pointer; box-shadow:0 8px 18px rgba(92,45,130,.35); transition:transform .15s ease, box-shadow .15s ease;} .ja-mensaje-angelical .btn:hover{ transform:translateY(-2px); box-shadow:0 12px 22px rgba(92,45,130,.4); } .ja-mensaje-angelical .btn.secondary{background:var(--white); color:var(--morado); border:2px solid var(--morado-med); box-shadow:none;} .ja-mensaje-angelical .btn.secondary:hover{ background:var(--lavanda); } .ja-mensaje-angelical .deck{display:grid; grid-template-columns:repeat(6, 1fr); gap:14px; max-width:900px; margin:0 auto; perspective:1000px;} .ja-mensaje-angelical .card-slot{aspect-ratio:221\/332; border-radius:8px; cursor:pointer; position:relative; transform-style:preserve-3d; transition:transform .25s ease;} .ja-mensaje-angelical .card-slot:hover{ transform:translateY(-4px) scale(1.04); } .ja-mensaje-angelical .card-slot img{width:100%; height:100%; object-fit:cover; border-radius:8px; display:block; box-shadow:0 4px 12px rgba(92,45,130,.22); border:1px solid rgba(155,95,192,.35);} .ja-mensaje-angelical .card-slot.chosen{ cursor:default; } .ja-mensaje-angelical .card-slot.chosen img{ opacity:.5; filter:grayscale(.3); } .ja-mensaje-angelical .card-slot.chosen::after{content:\"\u2713\"; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:34px; height:34px; line-height:34px; border-radius:50%; background:var(--morado); color:var(--white); font-size:1.1rem; font-weight:900; box-shadow:0 4px 10px rgba(0,0,0,.25);} .ja-mensaje-angelical .card-slot:focus-visible{ outline:3px solid var(--morado-med); outline-offset:2px; } .ja-mensaje-angelical .overlay{position:fixed; inset:0; background:rgba(74,46,99,.72); backdrop-filter:blur(3px); display:flex; align-items:center; justify-content:center; padding:20px; z-index:100000; opacity:0; pointer-events:none; transition:opacity .25s ease;} .ja-mensaje-angelical .overlay.open{ opacity:1; pointer-events:auto; } .ja-mensaje-angelical .modal{background:var(--white); border-radius:22px; padding:26px 26px 22px; max-width:400px; width:100%; text-align:center; box-shadow:0 30px 70px rgba(92,45,130,.4); transform:scale(.85) translateY(20px); transition:transform .3s ease;} .ja-mensaje-angelical .overlay.open .modal{ transform:scale(1) translateY(0); } .ja-mensaje-angelical .flip-stage{ perspective:1200px; margin:0 auto 16px; width:220px; max-width:70vw; } .ja-mensaje-angelical .flip-inner{position:relative; width:100%; aspect-ratio:221\/332; transform-style:preserve-3d; transition:transform .7s cubic-bezier(.4,.2,.2,1);} .ja-mensaje-angelical .flip-inner.flipped{ transform:rotateY(180deg); } .ja-mensaje-angelical .face{position:absolute; inset:0; backface-visibility:hidden; border-radius:14px; overflow:hidden; box-shadow:0 10px 26px rgba(92,45,130,.3);} .ja-mensaje-angelical .face img{ width:100%; height:100%; object-fit:cover; } .ja-mensaje-angelical .face.back{ transform:rotateY(0deg); } .ja-mensaje-angelical .face.front{ transform:rotateY(180deg); } .ja-mensaje-angelical .modal-thanks{ font-size:.95rem; color:var(--morado-med); margin:6px 0 18px; font-weight:700; } .ja-mensaje-angelical .modal-actions{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; } .ja-mensaje-angelical footer.note{max-width:640px; margin:36px auto 0; font-size:.85rem; color:rgba(74,46,99,.65); line-height:1.5;} @media (max-width:720px){ .ja-mensaje-angelical .deck{ grid-template-columns:repeat(4, 1fr); gap:10px; } } @media (max-width:520px){ .ja-mensaje-angelical .deck{ grid-template-columns:repeat(3, 1fr); gap:8px; } .ja-mensaje-angelical .intro{ padding:18px; font-size:1rem; } }<\/style>\n<p class=\"intro\">\n    Cierre sus ojos por unos segundos y mentalmente piense en algo que quiera preguntarle a los \u00e1ngeles,\n    una vez lo haga, va a observar las cartas que se encuentran frente a usted y sentir\u00e1 que una de ellas\n    llama m\u00e1s su atenci\u00f3n, cuando sienta esa sensaci\u00f3n puede darle clic y leer el mensaje que se le ha dado,\n    al finalizar recuerde dar las gracias a los \u00e1ngeles, ellos aman la energ\u00eda del agradecimiento.\n  <\/p>\n<div class=\"toolbar\">\n    <span class=\"status-pill\" id=\"jaStatusPill\">84 cartas esperan por ti<\/span>\n    <button class=\"btn secondary\" id=\"jaResetBtn\" type=\"button\">Barajar de nuevo<\/button>\n  <\/div>\n<div class=\"deck\" id=\"jaDeck\" aria-label=\"Mazo de cartas angelicales\"><\/div>\n<footer class=\"note\">\n    Cada carta guarda un mensaje distinto de tus \u00e1ngeles. Puedes volver a barajar el mazo cuantas veces\n    quieras \u2014 cada clic es una lectura nueva y \u00fanica.\n  <\/footer>\n<div class=\"overlay\" id=\"jaOverlay\" role=\"dialog\" aria-modal=\"true\">\n<div class=\"modal\">\n<div class=\"flip-stage\">\n<div class=\"flip-inner\" id=\"jaFlipInner\">\n<div class=\"face back\">\n            <img decoding=\"async\" src=\"https:\/\/www.jamaraturana.com\/home\/wp-content\/uploads\/2026\/08\/dorso.jpg\" alt=\"Dorso de la carta angelical\">\n          <\/div>\n<div class=\"face front\">\n            <img decoding=\"async\" id=\"jaRevealedImg\" src=\"\" alt=\"Mensaje angelical revelado\">\n          <\/div><\/div><\/div>\n<p class=\"modal-thanks\">&#x1f64f; Recuerda dar las gracias a tus \u00e1ngeles.<\/p>\n<div class=\"modal-actions\">\n        <button class=\"btn\" id=\"jaCloseBtn\" type=\"button\">Cerrar<\/button>\n      <\/div><\/div><\/div>\n<\/div>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Alex+Brush&#038;family=Poppins:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n<p><script>(function(){var BASE_URL='https:\/\/www.jamaraturana.com\/home\/wp-content\/uploads\/2026\/08\/';var TOTAL_CARDS=84;var cardImages=[];for(var i=1;i<=TOTAL_CARDS;i++){var num=i<10?('0'+i):(''+i);cardImages.push(BASE_URL+'carta-'+num+'.jpg');}var dorsoUrl=BASE_URL+'dorso.jpg';var deck=document.getElementById('jaDeck');var overlay=document.getElementById('jaOverlay');var flipInner=document.getElementById('jaFlipInner');var revealedImg=document.getElementById('jaRevealedImg');var closeBtn=document.getElementById('jaCloseBtn');var resetBtn=document.getElementById('jaResetBtn');var statusPill=document.getElementById('jaStatusPill');var drawOrder=[];var drawPointer=0;var slotAssignment={};function shuffle(arr){var a=arr.slice();for(var i=a.length-1;i>0;i--){var j=Math.floor(Math.random()*(i+1));var tmp=a[i];a[i]=a[j];a[j]=tmp;}return a;}function newDrawOrder(){drawOrder=shuffle(cardImages);drawPointer=0;}function updateStatus(){var remaining=TOTAL_CARDS-Object.keys(slotAssignment).length;statusPill.textContent=remaining<=0?'Ya elegiste las 84 cartas \u2014 baraja de nuevo':remaining+' de '+TOTAL_CARDS+' cartas por elegir';}function buildDeck(){deck.innerHTML='';slotAssignment={};newDrawOrder();for(var s=0;s<TOTAL_CARDS;s++){var slot=document.createElement('div');slot.className='card-slot';slot.setAttribute('data-slot',s);slot.setAttribute('role','button');slot.setAttribute('tabindex','0');slot.setAttribute('aria-label','Elegir una carta angelical');var img=document.createElement('img');img.src=dorsoUrl;img.alt='Dorso de carta angelical';slot.appendChild(img);slot.addEventListener('click',function(){onSlotChosen(this);});slot.addEventListener('keydown',function(e){if(e.key==='Enter'||e.key===' '){e.preventDefault();onSlotChosen(this);}});deck.appendChild(slot);}updateStatus();}function onSlotChosen(slotEl){var slot=slotEl.getAttribute('data-slot');var assigned=slotAssignment[slot];if(!assigned){if(drawPointer>=drawOrder.length){newDrawOrder();}assigned=drawOrder[drawPointer];drawPointer++;slotAssignment[slot]=assigned;slotEl.classList.add('chosen');updateStatus();}openModal(assigned);}function openModal(imagePath){revealedImg.src=imagePath;flipInner.classList.remove('flipped');overlay.classList.add('open');window.setTimeout(function(){flipInner.classList.add('flipped');},180);}function closeModal(){overlay.classList.remove('open');window.setTimeout(function(){flipInner.classList.remove('flipped');},300);}closeBtn.addEventListener('click',closeModal);overlay.addEventListener('click',function(e){if(e.target===overlay)closeModal();});document.addEventListener('keydown',function(e){if(e.key==='Escape')closeModal();});resetBtn.addEventListener('click',buildDeck);buildDeck();})();<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-8920","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.jamaraturana.com\/home\/wp-json\/wp\/v2\/pages\/8920","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jamaraturana.com\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.jamaraturana.com\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.jamaraturana.com\/home\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jamaraturana.com\/home\/wp-json\/wp\/v2\/comments?post=8920"}],"version-history":[{"count":5,"href":"https:\/\/www.jamaraturana.com\/home\/wp-json\/wp\/v2\/pages\/8920\/revisions"}],"predecessor-version":[{"id":9060,"href":"https:\/\/www.jamaraturana.com\/home\/wp-json\/wp\/v2\/pages\/8920\/revisions\/9060"}],"wp:attachment":[{"href":"https:\/\/www.jamaraturana.com\/home\/wp-json\/wp\/v2\/media?parent=8920"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}