{"id":9,"date":"2026-05-30T09:24:31","date_gmt":"2026-05-30T09:24:31","guid":{"rendered":"https:\/\/almahernandezxv.bykidd.com\/?page_id=9"},"modified":"2026-05-30T11:15:13","modified_gmt":"2026-05-30T11:15:13","slug":"xv","status":"publish","type":"page","link":"https:\/\/almahernandezxv.bykidd.com\/","title":{"rendered":"Alma &#8211; Mix XV A\u00f1os"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t<div class=\"elementor-element elementor-element-93dc502 e-con-full e-flex e-con e-parent\" data-id=\"93dc502\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa2cedf elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"aa2cedf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Solo portada: Elementor > P\u00e1gina de inicio > Widget HTML -->\n<div id=\"falling-leaves\" aria-hidden=\"true\"><\/div>\n\n<style>\n  #falling-leaves{\n    position:fixed; inset:0;\n    pointer-events:none; z-index:9999;\n    overflow:hidden;\n  }\n  .leaf{\n    position:absolute; top:-10vh;\n    opacity:.9; will-change: transform;\n  }\n  @keyframes fall {\n    0%   { transform: translateY(-10vh) rotate(0deg); }\n    100% { transform: translateY(120vh) rotate(360deg); }\n  }\n<\/style>\n<script>\n(function(){\n  const COUNT = 10;\n  const COLORS = [\"#d4af37\",\"#d4af37\",\"#c0a060\",\"#ede6d6\",\"#b87333\",\"#556B2f\",];;\n  const root = document.getElementById('falling-leaves');\n  if(!root) return;\n  for(let i=0;i<COUNT;i++){\n    const leaf = document.createElement('div');\n    leaf.className = 'leaf';\n    const size = Math.random()*14+06;\n    leaf.style.left = Math.random()*100+\"vw\";\n    leaf.style.width = size+\"px\";\n    leaf.style.height = size+\"px\";\n    leaf.style.animation = `fall ${10+Math.random()*10}s linear ${Math.random()*10}s infinite`;\n    leaf.style.opacity = Math.random()*0.4 + 0.4;\n\n    leaf.style.color = COLORS[Math.floor(Math.random()*COLORS.length)];\n    leaf.innerHTML = `<svg viewBox=\"0 0 64 64\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"${leaf.style.color}\">\n        <path d=\"M32 12 C28 8, 20 8, 16 16 C12 24, 20 40, 32 52 C44 40, 52 24, 48 16 C44 8, 36 8, 32 12 Z\" \/>\n      <\/svg>`;\n    root.appendChild(leaf);\n  }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ba53eb2 e-con-full e-flex e-con e-parent\" data-id=\"ba53eb2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c46fb6 elementor-widget__width-inherit elementor-widget elementor-widget-image\" data-id=\"9c46fb6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2276\" height=\"1280\" src=\"https:\/\/almahernandezxv.bykidd.com\/wp-content\/uploads\/2026\/05\/bann1.webp\" class=\"attachment-full size-full wp-image-18\" alt=\"\" srcset=\"https:\/\/almahernandezxv.bykidd.com\/wp-content\/uploads\/2026\/05\/bann1.webp 2276w, https:\/\/almahernandezxv.bykidd.com\/wp-content\/uploads\/2026\/05\/bann1-300x169.webp 300w, https:\/\/almahernandezxv.bykidd.com\/wp-content\/uploads\/2026\/05\/bann1-1024x576.webp 1024w, https:\/\/almahernandezxv.bykidd.com\/wp-content\/uploads\/2026\/05\/bann1-768x432.webp 768w, https:\/\/almahernandezxv.bykidd.com\/wp-content\/uploads\/2026\/05\/bann1-1536x864.webp 1536w, https:\/\/almahernandezxv.bykidd.com\/wp-content\/uploads\/2026\/05\/bann1-2048x1152.webp 2048w\" sizes=\"(max-width: 2276px) 100vw, 2276px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-097ad1d e-flex e-con-boxed e-con e-child\" data-id=\"097ad1d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-287552b elementor-widget elementor-widget-html\" data-id=\"287552b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \ud83c\udfb5 Minimal Pill Player \u2013 Autoplay con fallback -->\n<div class=\"pill-player\" id=\"pillPlayer\">\n  <button class=\"pp-btn pp-play\" id=\"ppPlay\" aria-label=\"Reproducir \/ Pausar\" title=\"Reproducir \/ Pausar\">\n    <!-- Play -->\n    <svg class=\"pp-icon play\" viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" aria-hidden=\"true\">\n      <path d=\"M8 5v14l11-7z\" fill=\"currentColor\"><\/path>\n    <\/svg>\n    <!-- Pause -->\n    <svg class=\"pp-icon pause\" viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" aria-hidden=\"true\">\n      <path d=\"M6 5h4v14H6zM14 5h4v14h-4z\" fill=\"currentColor\"><\/path>\n    <\/svg>\n  <\/button>\n\n  <!-- Progreso fino -->\n  <div class=\"pp-progress\" aria-hidden=\"true\"><span class=\"pp-bar\"><\/span><\/div>\n\n  <!-- Audio -->\n  <audio id=\"ppAudio\" preload=\"metadata\" autoplay playsinline src=\"http:\/\/ashleyystevenboda.com\/wp-content\/uploads\/2025\/09\/trackjose.mp3\"><\/audio>\n<\/div>\n\n<style>\n  :root{\n    --ink: ; --gold:#C8A951; --gold2:#D4AF37;\n    --glass:rgba(255,255,255,.65); --shadow:rgba(0,0,0,.06);\n  }\n\n  .pill-player{\n    --r:26px;\n    position:relative;\n    display:flex; align-items:center; justify-content:center; gap:0;\n    padding:12px 16px; min-height:90px;\n    max-width:560px; margin:10px auto;\n    color:var(--ink); background:(--glass); border-radius:var(--r);\n    border:1px solid rgba(131,107,64,.22);\n    box-shadow:0 10px 30px var(--shadow), inset 0 0 0 2px rgba(200,169,81,.12);\n    backdrop-filter: blur(6px);\n  }\n\n  .pp-btn{\n    display:grid; place-items:center;\n    width:58px; height:58px; border:none; border-radius:999px; cursor:pointer;\n    color:#fff; background:linear-gradient(135deg,var(--gold),var(--gold2));\n    box-shadow:0 6px 20px rgba(212,175,55,.35), inset 0 0 0 2px rgba(255,255,255,.35);\n  }\n  .pp-icon.pause{ display:none; }\n  .is-playing .pp-icon.play{ display:none; }\n  .is-playing .pp-icon.pause{ display:block; }\n\n  \/* Progreso inferior *\/\n  .pp-progress{\n    position:absolute; left:12px; right:12px; bottom:8px; height:3px;\n    background:rgba(131,107,64,.15); border-radius:999px; overflow:hidden;\n  }\n  .pp-progress .pp-bar{\n    display:block; height:100%; width:0%;\n    background:linear-gradient(90deg,var(--gold),var(--gold2));\n  }\n\n  @media (max-width:420px){\n    .pill-player{ padding:10px 12px; }\n    .pp-btn{ width:54px; height:54px; }\n  }\n\n  \/* \ud83d\udca1 Parpadeo elegante cuando est\u00e1 reproduciendo *\/\n  .pp-play{ position:relative; overflow:visible; }\n  .is-playing .pp-play::after{\n    content:\"\"; position:absolute; inset:-10px; border-radius:50%;\n    background:radial-gradient(circle,\n              rgba(212,175,55,.55) 0%,\n              rgba(212,175,55,.28) 35%,\n              rgba(212,175,55,0) 65%);\n    filter:blur(8px);\n    animation:goldPulse 1.6s ease-in-out infinite;\n    pointer-events:none;\n  }\n  @keyframes goldPulse{\n    0%{opacity:0; transform:scale(1);}\n    50%{opacity:.65; transform:scale(1.10);}\n    100%{opacity:0; transform:scale(1.22);}\n  }\n  @media (prefers-reduced-motion: reduce){\n    .is-playing .pp-play::after{ animation:none !important; opacity:0 !important; }\n  }\n<\/style>\n\n<script>\n(function(){\n  const player = document.getElementById('pillPlayer');\n  const audio  = document.getElementById('ppAudio');\n  const btn    = document.getElementById('ppPlay');\n  const bar    = player.querySelector('.pp-bar');\n\n  const DESIRED_VOL = 0.9;\n\n  \/\/ Intento de AUTOPLAY con sonido; si falla, reproduce silenciado y desbloquea al primer gesto\n  async function tryAutoplay(){\n    audio.volume = DESIRED_VOL;\n    audio.muted  = false;\n    try{\n      await audio.play();\n      player.classList.add('is-playing');\n    }catch(err){\n      \/\/ Fallback: autoplay silenciado\n      audio.muted = true;\n      try{ await audio.play(); player.classList.add('is-playing'); }catch(e){}\n      \/\/ Desbloquea sonido al primer gesto del usuario\n      const unlock = async () => {\n        audio.muted = false;\n        audio.volume = DESIRED_VOL;\n        try{ await audio.play(); }catch(e){}\n        window.removeEventListener('pointerdown', unlock);\n        window.removeEventListener('keydown', unlock);\n      };\n      window.addEventListener('pointerdown', unlock, { once:true });\n      window.addEventListener('keydown', unlock, { once:true });\n    }\n  }\n  \/\/ Lanza el autoplay cuando el navegador pueda reproducir\n  if (document.readyState === 'complete') tryAutoplay();\n  else window.addEventListener('load', tryAutoplay);\n\n  \/\/ Bot\u00f3n Play\/Pause\n  btn.addEventListener('click', async ()=>{\n    if (audio.paused){\n      try{ await audio.play(); player.classList.add('is-playing'); }catch(e){}\n    } else {\n      audio.pause(); player.classList.remove('is-playing');\n    }\n  });\n\n  \/\/ Progreso\n  audio.addEventListener('timeupdate', ()=>{\n    const p = (audio.currentTime \/ (audio.duration || 1)) * 100;\n    bar.style.width = p + '%';\n  });\n\n  audio.addEventListener('ended', ()=>{\n    player.classList.remove('is-playing');\n    bar.style.width = '0%';\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5f021f8 e-con-full e-flex e-con e-child\" data-id=\"5f021f8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8c279c elementor-widget elementor-widget-heading\" data-id=\"c8c279c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Me Emociona Mucho Invitarte<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0c0e158 elementor-widget elementor-widget-heading\" data-id=\"0c0e158\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">a Mis XV A\u00f1os<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ca9db22 e-con-full e-flex e-con e-child\" data-id=\"ca9db22\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aaf5db3 elementor-widget elementor-widget-html\" data-id=\"aaf5db3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u23f3 Countdown Elegante -->\n<div class=\"cd-elegant\">\n  <svg class=\"cd-ornament top\" viewBox=\"0 0 600 30\" aria-hidden=\"true\">\n    <path d=\"M10 15 H250 C270 15 270 5 290 5 C310 5 310 25 330 25 C350 25 350 15 370 15 H590\"\n          fill=\"none\" stroke=\"url(#g)\" stroke-width=\"1.6\"\/>\n    <defs><linearGradient id=\"g\" x1=\"0\" x2=\"1\">\n      <stop offset=\"0\" stop-color=\"#C8A951\"\/><stop offset=\"1\" stop-color=\"#D4AF37\"\/>\n    <\/linearGradient><\/defs>\n  <\/svg>\n\n  <h3 class=\"cd-title\">\u00a1Falta muy poco!<\/h3>\n\n  <ul class=\"cd-list\" role=\"group\" aria-label=\"Cuenta regresiva a la ceremonia\">\n    <li class=\"cd-item\"><span id=\"cd-days\"  class=\"cd-num\">00<\/span><span class=\"cd-label\">D\u00cdAS<\/span><\/li>\n    <li class=\"cd-item\"><span id=\"cd-hours\" class=\"cd-num\">00<\/span><span class=\"cd-label\">HORAS<\/span><\/li>\n    <li class=\"cd-item\"><span id=\"cd-mins\"  class=\"cd-num\">00<\/span><span class=\"cd-label\">MIN<\/span><\/li>\n    <li class=\"cd-item\"><span id=\"cd-secs\"  class=\"cd-num\">00<\/span><span class=\"cd-label\">SEG<\/span><\/li>\n  <\/ul>\n\n  <svg class=\"cd-ornament bottom\" viewBox=\"0 0 600 30\" aria-hidden=\"true\">\n    <path d=\"M10 15 H250 C270 15 270 25 290 25 C310 25 310 5 330 5 C350 5 350 15 370 15 H590\"\n          fill=\"none\" stroke=\"url(#g2)\" stroke-width=\"1.6\"\/>\n    <defs><linearGradient id=\"g2\" x1=\"0\" x2=\"1\">\n      <stop offset=\"0\" stop-color=\"#C8A951\"\/><stop offset=\"1\" stop-color=\"#D4AF37\"\/>\n    <\/linearGradient><\/defs>\n  <\/svg>\n\n  <p id=\"cd-done\" class=\"cd-done\" style=\"display:none;\">\u00a1Se lleg\u00f3 el gran d\u00eda! \ud83c\udf39<\/p>\n<\/div>\n\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Aboreto&display=swap');\n\n  :root{\n    --gold:#C8A951; --gold2:#D4AF37; --ink:#836B40; --soft:#F7F3EC;\n  }\n  .cd-elegant{ max-width:760px; margin:0 auto; text-align:center; }\n  .cd-title{\n    font-family: 'Aboreto', serif;\n    font-size: clamp(15px,1.2vw,22px);\n    line-height: 1.2;\n    color: var(--ink);\n    margin: 18px 0 14px;\n    font-weight: 700;\n    -webkit-text-stroke: 0.35px currentColor;\n    text-shadow: 0 0 .01em currentColor;\n  }\n  .cd-list{ display:flex; justify-content:center; gap:28px; padding:0; margin:6px auto 10px; list-style:none; }\n  .cd-item{ min-width:110px; }\n  .cd-num{\n    display:block; font:700 clamp(34px,6vw,64px)\/1 \"Cinzel\",\"Playfair Display\",serif;\n    color:var(--ink); font-variant-numeric: tabular-nums; letter-spacing:.02em;\n  }\n  .cd-label{\n    display:block; margin-top:8px; color:#6E6B66;\n    font:600 11px\/1 \"Montserrat\",system-ui; letter-spacing:.18em;\n  }\n  .cd-item + .cd-item{ position:relative; }\n  .cd-item + .cd-item::before{\n    content:\"\u00b7\"; position:absolute; left:-16px; top:-4px;\n    font:700 clamp(28px,5vw,48px)\/1 \"Cinzel\",\"Playfair Display\",serif;\n    color:var(--gold);\n  }\n  .cd-ornament{ width:82%; margin:0 auto; display:block; opacity:.7 }\n  .cd-ornament.top{ margin-bottom:8px } .cd-ornament.bottom{ margin-top:8px }\n  .cd-done{ margin-top:14px; color:var(--ink); font:600 20px\/1.4 \"Playfair Display\",serif; }\n  @media (max-width:560px){ .cd-list{ gap:18px } .cd-item{ min-width:86px } .cd-item + .cd-item::before{ left:-12px } }\n  @media (max-width:420px){ .cd-list{ gap:14px } .cd-item{ min-width:78px } }\n<\/style>\n\n<script>\n  const target = new Date('2025-07-18T00:00:00-06:00').getTime();\n\n  const $d = document.getElementById('cd-days'),\n        $h = document.getElementById('cd-hours'),\n        $m = document.getElementById('cd-mins'),\n        $s = document.getElementById('cd-secs'),\n        $done = document.getElementById('cd-done');\n\n  const pad2 = n => String(n).padStart(2,'0');\n\n  function tick(){\n    const now = Date.now();\n    let diff = Math.max(0, target - now);\n\n    const days  = Math.floor(diff \/ 86400000); diff -= days  * 86400000;\n    const hours = Math.floor(diff \/ 3600000);  diff -= hours * 3600000;\n    const mins  = Math.floor(diff \/ 60000);    diff -= mins  * 60000;\n    const secs  = Math.floor(diff \/ 1000);\n\n    $d.textContent = String(days);\n    $h.textContent = pad2(hours);\n    $m.textContent = pad2(mins);\n    $s.textContent = pad2(secs);\n\n    if (diff === 0){\n      clearInterval(timer);\n      $done.style.display = 'block';\n    }\n  }\n  tick();\n  const timer = setInterval(tick, 1000);\n<\/script>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Me Emociona Mucho Invitarte a Mis XV A\u00f1os \u00a1Falta muy poco! 00D\u00cdAS 00HORAS 00MIN 00SEG \u00a1Se lleg\u00f3 el gran d\u00eda! \ud83c\udf39<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/almahernandezxv.bykidd.com\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/almahernandezxv.bykidd.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/almahernandezxv.bykidd.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/almahernandezxv.bykidd.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/almahernandezxv.bykidd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":56,"href":"https:\/\/almahernandezxv.bykidd.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":85,"href":"https:\/\/almahernandezxv.bykidd.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/85"}],"wp:attachment":[{"href":"https:\/\/almahernandezxv.bykidd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}