{"id":12,"date":"2026-07-13T06:09:07","date_gmt":"2026-07-13T06:09:07","guid":{"rendered":"https:\/\/tarjetasvirtuales.cubumkt.com\/?page_id=12"},"modified":"2026-07-13T07:48:43","modified_gmt":"2026-07-13T07:48:43","slug":"cisnerosjimenez","status":"publish","type":"page","link":"https:\/\/tarjetasvirtuales.cubumkt.com\/?page_id=12","title":{"rendered":"cisnerosjimenez"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11dd692 e-con-full e-flex e-con e-parent\" data-id=\"11dd692\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0325879 elementor-widget elementor-widget-html\" data-id=\"0325879\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"mc-invite\" id=\"mcInvite\">\n\n<style>\n  #mcInvite{\n    --iv-paper: #F3EFE6;\n    --iv-paper-deep: #EAE3D2;\n    --iv-ink: #2A2A28;\n    --iv-ink-soft: #6f6a5c;\n    --iv-line: #c9c2ab;\n    --iv-black: #141311;\n    --iv-gold-1: #cf9a4e;\n    --iv-gold-2: #7a4f1e;\n\n    position:relative;\n    font-family:'Cormorant Garamond', serif;\n    color:var(--iv-ink);\n    background:var(--iv-paper);\n    overflow-x:hidden;\n  }\n  #mcInvite *{ box-sizing:border-box; }\n  #mcInvite img{ max-width:100%; display:block; }\n  #mcInvite .sc{ font-variant-caps:small-caps; letter-spacing:0.5px; }\n\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,500&family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=Montserrat:wght@400;500;600&display=swap');\n\n  \/* textura de papel sutil *\/\n  #mcInvite .mc-paper-texture{\n    background-image:\n      radial-gradient(rgba(0,0,0,0.025) 1px, transparent 1px);\n    background-size:3px 3px;\n  }\n\n  #mcInvite .mc-eyebrow{\n    font-family:'Montserrat', sans-serif;\n    font-size:11px;\n    letter-spacing:4px;\n    text-transform:uppercase;\n    color:var(--iv-ink-soft);\n  }\n  #mcInvite .mc-divider{\n    width:1px; height:34px;\n    background:var(--iv-line);\n    margin:14px auto;\n  }\n  #mcInvite .mc-hr{\n    width:220px; height:1px;\n    background:var(--iv-line);\n    margin:18px auto;\n  }\n  #mcInvite section{\n    padding:80px 24px;\n    text-align:center;\n    max-width:760px;\n    margin:0 auto;\n    opacity:0;\n    transform:translateY(30px);\n    transition:opacity .9s ease, transform .9s ease;\n  }\n  #mcInvite section.mc-visible{ opacity:1; transform:translateY(0); }\n\n  \/* ============================================================\n     OVERLAY: SOBRE DE APERTURA (pantalla de bloqueo inicial)\n     ============================================================ *\/\n  #mcInvite .mc-envelope-overlay{\n    position:fixed;\n    inset:0;\n    z-index:100;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    background:var(--iv-paper);\n    transition:opacity .8s ease .3s, visibility .8s ease .3s;\n  }\n  #mcInvite .mc-envelope-overlay.mc-hide{\n    opacity:0;\n    visibility:hidden;\n  }\n  #mcInvite .mc-flap{\n    position:absolute;\n    top:-6%;\n    left:50%;\n    transform:translateX(-50%);\n    width:0; height:0;\n    border-left:58vw solid transparent;\n    border-right:58vw solid transparent;\n    border-top:38vh solid var(--iv-black);\n    transform-origin:top center;\n    transition:transform 1s cubic-bezier(.6,-0.28,.44,1.4);\n    max-width:900px;\n    max-border:none;\n  }\n  #mcInvite .mc-envelope-overlay.mc-open .mc-flap{\n    transform:translateX(-50%) rotateX(180deg);\n  }\n\n  #mcInvite .mc-invite-card{\n    position:relative;\n    width:320px;\n    max-width:86vw;\n    background:var(--iv-paper);\n    border:1px solid var(--iv-line);\n    padding:46px 26px 40px;\n    text-align:center;\n    box-shadow:0 30px 60px -15px rgba(0,0,0,.35);\n    z-index:2;\n    overflow:hidden;\n    transition:opacity .6s ease, transform .6s ease;\n  }\n  #mcInvite .mc-envelope-overlay.mc-open .mc-invite-card{\n    opacity:0;\n    transform:translateY(20px) scale(.96);\n  }\n  #mcInvite .mc-ghost-letter{\n    position:absolute;\n    font-family:'Playfair Display', serif;\n    font-style:italic;\n    color:var(--iv-ink);\n    opacity:.06;\n    line-height:1;\n    pointer-events:none;\n    z-index:0;\n  }\n  #mcInvite .mc-ghost-1{ font-size:220px; top:-20px; left:-40px; }\n  #mcInvite .mc-ghost-2{ font-size:220px; bottom:-70px; right:-40px; }\n\n  #mcInvite .mc-invite-card > *{ position:relative; z-index:1; }\n\n  #mcInvite .mc-card-names{\n    font-family:'Playfair Display', serif;\n    font-size:30px;\n    color:var(--iv-ink-soft);\n    margin:8px 0 20px;\n    line-height:1.3;\n  }\n  #mcInvite .mc-reserved-text{\n    font-size:15px;\n    color:var(--iv-ink-soft);\n    margin:16px 0 6px;\n  }\n  #mcInvite .mc-guest-name{\n    font-family:'Playfair Display', serif;\n    font-size:22px;\n    color:var(--iv-ink);\n    margin:6px 0 2px;\n  }\n  #mcInvite .mc-guest-passes{\n    font-size:16px;\n    color:var(--iv-ink-soft);\n    margin:0 0 6px;\n  }\n\n  #mcInvite .mc-seal{\n    width:82px; height:82px;\n    border-radius:50%;\n    margin:24px auto 0;\n    border:none;\n    cursor:pointer;\n    background: radial-gradient(circle at 35% 30%, var(--iv-gold-1), var(--iv-gold-2) 78%);\n    box-shadow:0 8px 18px rgba(0,0,0,.35), inset 0 0 0 2px rgba(255,255,255,.15);\n    font-family:'Playfair Display', serif;\n    font-style:italic;\n    font-size:15px;\n    color:#3a2a10;\n    display:flex; align-items:center; justify-content:center;\n    transition:transform .25s ease;\n  }\n  #mcInvite .mc-seal:hover{ transform:scale(1.06); }\n  #mcInvite .mc-seal:active{ transform:scale(.94); }\n\n  #mcInvite .mc-note{\n    position:absolute;\n    font-size:14px;\n    color:var(--iv-ink-soft);\n    opacity:.35;\n    animation:mcFloat 4s ease-in-out infinite;\n  }\n  @keyframes mcFloat{\n    0%,100%{ transform:translateY(0); opacity:.2; }\n    50%{ transform:translateY(-8px); opacity:.5; }\n  }\n\n  \/* ============================================================\n     BOT\u00d3N DE M\u00daSICA FLOTANTE\n     ============================================================ *\/\n  #mcInvite .mc-music-btn{\n    position:fixed;\n    left:20px; bottom:20px;\n    z-index:110;\n    width:52px; height:52px;\n    border-radius:50%;\n    border:1px solid var(--iv-line);\n    background:var(--iv-paper);\n    box-shadow:0 8px 20px rgba(0,0,0,.18);\n    display:flex; align-items:center; justify-content:center;\n    cursor:pointer;\n    font-size:20px;\n    color:var(--iv-ink);\n  }\n  #mcInvite .mc-music-btn.mc-playing{ animation:mcPulseRing 1.8s ease-in-out infinite; }\n  @keyframes mcPulseRing{\n    0%,100%{ box-shadow:0 8px 20px rgba(0,0,0,.18); }\n    50%{ box-shadow:0 8px 20px rgba(0,0,0,.18), 0 0 0 8px rgba(207,154,78,.18); }\n  }\n\n  \/* ============================================================\n     SECCI\u00d3N 1: PORTADA\n     ============================================================ *\/\n  #mcInvite .mc-hero{\n    position:relative;\n    max-width:100%;\n    padding-top:70px;\n    opacity:1; transform:none;\n  }\n  #mcInvite .mc-monogram{\n    position:absolute;\n    top:20px; right:24px;\n    width:110px;\n  }\n  #mcInvite .mc-vline{\n    position:absolute;\n    top:20px; right:0;\n    width:1px; height:220px;\n    background:var(--iv-line);\n  }\n  #mcInvite .mc-hero-names{\n    font-family:'Playfair Display', serif;\n    font-size:clamp(40px,9vw,58px);\n    color:var(--iv-ink);\n    line-height:1.25;\n    margin:120px 0 4px;\n    text-align:left;\n    padding-left:8px;\n  }\n  #mcInvite .mc-hero-hr{\n    width:70%;\n    height:1px;\n    background:var(--iv-line);\n    margin:22px 0 22px 8px;\n  }\n  #mcInvite .mc-hero-meta{\n    text-align:left;\n    padding-left:8px;\n  }\n  #mcInvite .mc-hero-meta .mc-eyebrow{ margin-bottom:8px; }\n  #mcInvite .mc-hero-place{\n    font-size:19px;\n    color:var(--iv-ink-soft);\n    margin-bottom:18px;\n  }\n  #mcInvite .mc-hero-date{\n    font-family:'Playfair Display', serif;\n    font-size:30px;\n    color:var(--iv-ink);\n  }\n  #mcInvite .mc-hero-photo{\n    width:100%;\n    margin-top:50px;\n  }\n  #mcInvite .mc-hero-photo img{\n    width:100%;\n    height:70vh;\n    object-fit:cover;\n    filter:grayscale(1) contrast(1.05);\n  }\n\n  \/* ============================================================\n     Secciones generales (reskin monocromo)\n     ============================================================ *\/\n  #mcInvite .mc-h2{\n    font-family:'Playfair Display', serif;\n    font-size:30px;\n    color:var(--iv-ink);\n    margin:10px 0 6px;\n  }\n  #mcInvite .mc-verse{\n    font-style:italic;\n    font-size:20px;\n    color:var(--iv-ink-soft);\n    max-width:520px;\n    margin:0 auto;\n    line-height:1.6;\n  }\n\n  #mcInvite .mc-countdown{ display:flex; justify-content:center; gap:20px; flex-wrap:wrap; margin-top:18px; }\n  #mcInvite .mc-cd-item{ width:76px; }\n  #mcInvite .mc-cd-num{\n    font-family:'Playfair Display', serif; font-size:28px; color:var(--iv-ink);\n    border:1px solid var(--iv-line); padding:14px 0; background:var(--iv-paper-deep);\n  }\n  #mcInvite .mc-cd-label{\n    font-family:'Montserrat', sans-serif; font-size:10px; letter-spacing:1.5px;\n    text-transform:uppercase; color:var(--iv-ink-soft); margin-top:6px;\n  }\n\n  #mcInvite .mc-timeline{\n    text-align:left; max-width:440px; margin:20px auto 0;\n    border-left:1px solid var(--iv-line); padding-left:24px;\n  }\n  #mcInvite .mc-tl-item{ position:relative; margin-bottom:30px; }\n  #mcInvite .mc-tl-item:last-child{ margin-bottom:0; }\n  #mcInvite .mc-tl-item::before{\n    content:''; position:absolute; left:-29px; top:6px;\n    width:8px; height:8px; border-radius:50%; background:var(--iv-ink-soft);\n  }\n  #mcInvite .mc-tl-time{\n    font-family:'Montserrat', sans-serif; font-size:10px; letter-spacing:1.5px;\n    text-transform:uppercase; color:var(--iv-ink-soft); margin-bottom:4px;\n  }\n  #mcInvite .mc-tl-title{ font-family:'Playfair Display', serif; font-size:19px; margin:0 0 4px; }\n  #mcInvite .mc-tl-text{ font-size:16px; color:var(--iv-ink-soft); margin:0; }\n\n  #mcInvite .mc-dress-icons{ display:flex; justify-content:center; gap:34px; margin-top:14px; flex-wrap:wrap; }\n  #mcInvite .mc-dress-item{ width:100px; }\n  #mcInvite .mc-dress-icon{ font-size:24px; color:var(--iv-ink-soft); }\n  #mcInvite .mc-dress-label{ font-family:'Montserrat', sans-serif; font-size:10px; letter-spacing:1px; text-transform:uppercase; color:var(--iv-ink-soft); margin-top:6px; }\n\n  #mcInvite .mc-actions{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin-top:18px; }\n  #mcInvite .mc-btn{\n    display:inline-block; font-family:'Montserrat', sans-serif; font-size:11px;\n    letter-spacing:2px; text-transform:uppercase; text-decoration:none;\n    padding:14px 26px; transition:transform .2s ease;\n  }\n  #mcInvite .mc-btn:hover{ transform:translateY(-2px); }\n  #mcInvite .mc-btn-dark{ background:var(--iv-ink); color:var(--iv-paper); }\n  #mcInvite .mc-btn-outline{ background:transparent; border:1px solid var(--iv-ink); color:var(--iv-ink); }\n\n  #mcInvite .mc-hotels{ display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:18px; margin-top:20px; text-align:left; }\n  #mcInvite .mc-hotel-card{ border:1px solid var(--iv-line); padding:18px; background:var(--iv-paper-deep); }\n  #mcInvite .mc-hotel-name{ font-family:'Playfair Display', serif; font-size:17px; margin:0 0 6px; }\n  #mcInvite .mc-hotel-text{ font-size:15px; color:var(--iv-ink-soft); margin:0 0 10px; }\n  #mcInvite .mc-hotel-link{ font-family:'Montserrat', sans-serif; font-size:11px; letter-spacing:1px; text-transform:uppercase; color:var(--iv-ink); }\n\n  #mcInvite .mc-gallery{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:20px; }\n  #mcInvite .mc-gallery img{ width:100%; height:170px; object-fit:cover; filter:grayscale(1); }\n  @media (max-width:600px){ #mcInvite .mc-gallery{ grid-template-columns:repeat(2,1fr); } }\n\n  #mcInvite .mc-rsvp-form{ max-width:400px; margin:22px auto 0; text-align:left; display:flex; flex-direction:column; gap:14px; }\n  #mcInvite .mc-rsvp-form label{ font-family:'Montserrat', sans-serif; font-size:10px; letter-spacing:1.5px; text-transform:uppercase; color:var(--iv-ink-soft); margin-bottom:5px; display:block; }\n  #mcInvite .mc-rsvp-form input, #mcInvite .mc-rsvp-form select, #mcInvite .mc-rsvp-form textarea{\n    width:100%; padding:11px 12px; border:1px solid var(--iv-line); background:var(--iv-paper-deep);\n    font-family:'Cormorant Garamond', serif; font-size:16px; color:var(--iv-ink);\n  }\n  #mcInvite .mc-rsvp-form button{ margin-top:6px; border:none; cursor:pointer; }\n  #mcInvite .mc-rsvp-msg{ margin-top:14px; font-style:italic; color:var(--iv-ink-soft); display:none; }\n\n  #mcInvite .mc-footer{ background:var(--iv-black); color:var(--iv-paper); padding:60px 20px 40px; }\n  #mcInvite .mc-footer .mc-h2{ color:var(--iv-paper); font-size:26px; }\n  #mcInvite .mc-footer .mc-verse{ color:#cfc9b8; }\n  #mcInvite .mc-hashtag{ font-family:'Montserrat', sans-serif; font-size:12px; letter-spacing:2px; color:#b8a479; margin-top:10px; }\n\n  @media (prefers-reduced-motion: reduce){\n    #mcInvite section, #mcInvite .mc-flap, #mcInvite .mc-invite-card{ transition:none; }\n  }\n<\/style>\n\n<!-- ============================================================\n     OVERLAY: SOBRE \u2014 SE MUESTRA AL CARGAR LA P\u00c1GINA\n     Personaliza: nombres, y el nombre\/pases del invitado se puede\n     inyectar por link con ?invitado=Fam. L\u00f3pez&pases=2\n============================================================ -->\n<div class=\"mc-envelope-overlay\" id=\"mcEnvelopeOverlay\">\n  <div class=\"mc-flap\"><\/div>\n\n  <div class=\"mc-invite-card\">\n    <span class=\"mc-ghost-letter mc-ghost-1\">J<\/span>\n    <span class=\"mc-ghost-letter mc-ghost-2\">H<\/span>\n    <span class=\"mc-note\" style=\"top:14px; left:18px;\">&#9834;<\/span>\n    <span class=\"mc-note\" style=\"top:60px; left:10px; animation-delay:2s;\">&#9834;<\/span>\n\n    <p class=\"mc-eyebrow\">Nuestra Boda<\/p>\n    <h2 class=\"mc-card-names sc\">Heidy &amp; Jorge<\/h2>\n\n    <p class=\"mc-reserved-text\">Esta invitaci\u00f3n est\u00e1 reservada para:<\/p>\n    <div class=\"mc-hr\"><\/div>\n    <p class=\"mc-guest-name\" id=\"mcGuestName\">Fam. Lopez Reyes<\/p>\n    <p class=\"mc-guest-passes\" id=\"mcGuestPasses\">2 personas<\/p>\n    <div class=\"mc-hr\"><\/div>\n\n    <button class=\"mc-seal\" id=\"mcSealBtn\"><span>Abrir<\/span><\/button>\n  <\/div>\n<\/div>\n\n<!-- ============================================================\n     BOT\u00d3N DE M\u00daSICA \u2014 activa\/pausa el audio de fondo\n     Personaliza: reemplaza el src del <audio> con tu canci\u00f3n\n     (s\u00fabela a la Librer\u00eda de Medios de WordPress y pega la URL)\n============================================================ -->\n<button class=\"mc-music-btn\" id=\"mcMusicBtn\" aria-pressed=\"false\" aria-label=\"Reproducir m\u00fasica\">&#9835;<\/button>\n<audio id=\"mcAudio\" loop preload=\"none\">\n  <source src=\"RUTA_DE_TU_CANCION.mp3\" type=\"audio\/mpeg\">\n<\/audio>\n\n<div class=\"mc-main\" id=\"mcMain\">\n\n  <!-- ============================================================\n       SECCI\u00d3N 1: PORTADA\n       Personaliza: nombres, lugar, fecha, monograma (iniciales),\n       imagen debajo del encabezado\n  ============================================================ -->\n  <section class=\"mc-hero\" id=\"mc-portada\">\n    <svg class=\"mc-monogram\" viewBox=\"0 0 120 120\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <circle cx=\"60\" cy=\"60\" r=\"52\" fill=\"none\" stroke=\"#8a8474\" stroke-width=\"1\"\/>\n      <path d=\"M18,70 C28,60 30,50 26,38\" fill=\"none\" stroke=\"#8a8474\" stroke-width=\"1\"\/>\n      <path d=\"M22,52 C28,50 30,46 28,42\" fill=\"none\" stroke=\"#8a8474\" stroke-width=\"1\"\/>\n      <path d=\"M20,60 C26,58 28,54 26,50\" fill=\"none\" stroke=\"#8a8474\" stroke-width=\"1\"\/>\n      <text x=\"60\" y=\"52\" text-anchor=\"middle\" font-family=\"Playfair Display, serif\" font-style=\"italic\" font-size=\"30\" fill=\"#4a463c\">H<\/text>\n      <text x=\"60\" y=\"72\" text-anchor=\"middle\" font-family=\"Playfair Display, serif\" font-style=\"italic\" font-size=\"18\" fill=\"#8a8474\">&amp;<\/text>\n      <text x=\"60\" y=\"96\" text-anchor=\"middle\" font-family=\"Playfair Display, serif\" font-style=\"italic\" font-size=\"30\" fill=\"#4a463c\">J<\/text>\n    <\/svg>\n    <div class=\"mc-vline\"><\/div>\n\n    <h1 class=\"mc-hero-names sc\">Heidy Jim\u00e9nez &amp;<br>Jorge Cisneros<\/h1>\n    <div class=\"mc-hero-hr\"><\/div>\n    <div class=\"mc-hero-meta\">\n      <p class=\"mc-eyebrow\">Nuestra Boda<\/p>\n      <p class=\"mc-hero-place\">Loja, Ecuador<\/p>\n      <p class=\"mc-hero-date\">18 \u00b7 11 \u00b7 26<\/p>\n    <\/div>\n\n    <div class=\"mc-hero-photo\">\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1606216794074-735e91aa2c92?q=80&w=1200\" alt=\"Foto de los novios\">\n    <\/div>\n  <\/section>\n\n  <!-- ============================================================\n       SECCI\u00d3N 2: BIENVENIDA \/ FRASE\n  ============================================================ -->\n  <section id=\"mc-bienvenida\">\n    <p class=\"mc-eyebrow\">Bienvenidos<\/p>\n    <div class=\"mc-hr\" style=\"margin-top:14px;\"><\/div>\n    <p class=\"mc-verse\">\n      \"Hoy comienza el resto de nuestra historia y queremos que la escribas junto a nosotros.\"\n    <\/p>\n  <\/section>\n\n  <!-- ============================================================\n       SECCI\u00d3N 3: CUENTA REGRESIVA\n       Personaliza: la fecha en el <script> (targetDate)\n  ============================================================ -->\n  <section id=\"mc-cuenta-regresiva\">\n    <p class=\"mc-eyebrow\">Falta muy poco<\/p>\n    <h2 class=\"mc-h2\">Cuenta Regresiva<\/h2>\n    <div class=\"mc-countdown\">\n      <div class=\"mc-cd-item\"><div class=\"mc-cd-num\" id=\"mcCdDias\">00<\/div><div class=\"mc-cd-label\">D\u00edas<\/div><\/div>\n      <div class=\"mc-cd-item\"><div class=\"mc-cd-num\" id=\"mcCdHoras\">00<\/div><div class=\"mc-cd-label\">Horas<\/div><\/div>\n      <div class=\"mc-cd-item\"><div class=\"mc-cd-num\" id=\"mcCdMin\">00<\/div><div class=\"mc-cd-label\">Min<\/div><\/div>\n      <div class=\"mc-cd-item\"><div class=\"mc-cd-num\" id=\"mcCdSeg\">00<\/div><div class=\"mc-cd-label\">Seg<\/div><\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================================================\n       SECCI\u00d3N 4: ITINERARIO\n  ============================================================ -->\n  <section id=\"mc-itinerario\">\n    <p class=\"mc-eyebrow\">Programa del D\u00eda<\/p>\n    <h2 class=\"mc-h2\">Itinerario<\/h2>\n    <div class=\"mc-timeline\">\n      <div class=\"mc-tl-item\">\n        <div class=\"mc-tl-time\">4:00 PM<\/div>\n        <div class=\"mc-tl-title\">Ceremonia Religiosa<\/div>\n        <p class=\"mc-tl-text\">Iglesia Santo Domingo<br>Loja, Ecuador<\/p>\n      <\/div>\n      <div class=\"mc-tl-item\">\n        <div class=\"mc-tl-time\">6:00 PM<\/div>\n        <div class=\"mc-tl-title\">Recepci\u00f3n<\/div>\n        <p class=\"mc-tl-text\">[Nombre del Sal\u00f3n]<br>[Direcci\u00f3n]<\/p>\n      <\/div>\n      <div class=\"mc-tl-item\">\n        <div class=\"mc-tl-time\">9:00 PM<\/div>\n        <div class=\"mc-tl-title\">Fiesta<\/div>\n        <p class=\"mc-tl-text\">M\u00fasica y baile hasta la madrugada<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================================================\n       SECCI\u00d3N 5: C\u00d3DIGO DE VESTIMENTA\n  ============================================================ -->\n  <section id=\"mc-vestimenta\">\n    <p class=\"mc-eyebrow\">Dress Code<\/p>\n    <h2 class=\"mc-h2\">C\u00f3digo de Vestimenta<\/h2>\n    <div class=\"mc-hr\"><\/div>\n    <p class=\"mc-verse\" style=\"font-size:19px;\">Formal \/ Elegante<\/p>\n    <div class=\"mc-dress-icons\">\n      <div class=\"mc-dress-item\"><div class=\"mc-dress-icon\">&#127917;<\/div><div class=\"mc-dress-label\">Traje<\/div><\/div>\n      <div class=\"mc-dress-item\"><div class=\"mc-dress-icon\">&#128118;<\/div><div class=\"mc-dress-label\">Vestido Largo<\/div><\/div>\n      <div class=\"mc-dress-item\"><div class=\"mc-dress-icon\">&#10060;<\/div><div class=\"mc-dress-label\">Evitar blanco<\/div><\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================================================\n       SECCI\u00d3N 6: MESA DE REGALOS\n  ============================================================ -->\n  <section id=\"mc-regalos\">\n    <p class=\"mc-eyebrow\">Mesa de Regalos<\/p>\n    <h2 class=\"mc-h2\">Un Detalle de tu Cari\u00f1o<\/h2>\n    <p class=\"mc-verse\" style=\"font-size:18px;\">Tu presencia es nuestro mejor regalo. Si deseas tener un detalle con nosotros, dejamos algunas opciones a continuaci\u00f3n.<\/p>\n    <div class=\"mc-actions\">\n      <a class=\"mc-btn mc-btn-dark\" href=\"#\" target=\"_blank\" rel=\"noopener\">Mesa de Regalos<\/a>\n      <a class=\"mc-btn mc-btn-outline\" href=\"#\" target=\"_blank\" rel=\"noopener\">Datos Bancarios<\/a>\n    <\/div>\n  <\/section>\n\n  <!-- ============================================================\n       SECCI\u00d3N 7: HOSPEDAJE (opcional)\n  ============================================================ -->\n  <section id=\"mc-hospedaje\">\n    <p class=\"mc-eyebrow\">Para Invitados de Fuera<\/p>\n    <h2 class=\"mc-h2\">Hospedaje Recomendado<\/h2>\n    <div class=\"mc-hotels\">\n      <div class=\"mc-hotel-card\">\n        <p class=\"mc-hotel-name\">[Hotel 1]<\/p>\n        <p class=\"mc-hotel-text\">A 5 min del lugar de la recepci\u00f3n.<\/p>\n        <a class=\"mc-hotel-link\" href=\"#\" target=\"_blank\" rel=\"noopener\">Reservar \u2192<\/a>\n      <\/div>\n      <div class=\"mc-hotel-card\">\n        <p class=\"mc-hotel-name\">[Hotel 2]<\/p>\n        <p class=\"mc-hotel-text\">Opci\u00f3n econ\u00f3mica cercana al centro.<\/p>\n        <a class=\"mc-hotel-link\" href=\"#\" target=\"_blank\" rel=\"noopener\">Reservar \u2192<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================================================\n       SECCI\u00d3N 8: GALER\u00cdA\n       Personaliza: reemplaza las im\u00e1genes por fotos reales\n  ============================================================ -->\n  <section id=\"mc-galeria\">\n    <p class=\"mc-eyebrow\">Nuestra Historia<\/p>\n    <h2 class=\"mc-h2\">Galer\u00eda<\/h2>\n    <div class=\"mc-gallery\">\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1583939003579-730e3918a45a?q=80&w=600\" alt=\"Foto 1\">\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1520854221256-17451cc331bf?q=80&w=600\" alt=\"Foto 2\">\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519741497674-611481863552?q=80&w=600\" alt=\"Foto 3\">\n    <\/div>\n  <\/section>\n\n  <!-- ============================================================\n       SECCI\u00d3N 9: RSVP\n       NOTA: formulario visual. Para recolectar datos reales usa\n       el widget Formulario de Elementor Pro o Google Forms.\n  ============================================================ -->\n  <section id=\"mc-rsvp\">\n    <p class=\"mc-eyebrow\">Confirmaci\u00f3n<\/p>\n    <h2 class=\"mc-h2\">Cu\u00e9ntanos si nos acompa\u00f1as<\/h2>\n    <form class=\"mc-rsvp-form\" id=\"mcRsvpForm\">\n      <div><label for=\"mcNombre\">Nombre completo<\/label><input type=\"text\" id=\"mcNombre\" required><\/div>\n      <div><label for=\"mcAsistencia\">\u00bfAsistir\u00e1s?<\/label>\n        <select id=\"mcAsistencia\"><option value=\"si\">S\u00ed, ah\u00ed estar\u00e9<\/option><option value=\"no\">No podr\u00e9 asistir<\/option><\/select>\n      <\/div>\n      <div><label for=\"mcPases\">N\u00famero de acompa\u00f1antes<\/label><input type=\"number\" id=\"mcPases\" min=\"0\" value=\"0\"><\/div>\n      <div><label for=\"mcMensaje\">Mensaje (opcional)<\/label><textarea id=\"mcMensaje\" rows=\"3\"><\/textarea><\/div>\n      <button type=\"submit\" class=\"mc-btn mc-btn-dark\">Enviar Confirmaci\u00f3n<\/button>\n      <p class=\"mc-rsvp-msg\" id=\"mcRsvpMsg\">\u00a1Gracias por confirmar! Te esperamos con mucha ilusi\u00f3n.<\/p>\n    <\/form>\n  <\/section>\n\n  <!-- ============================================================\n       SECCI\u00d3N 10: FOOTER\n  ============================================================ -->\n  <section class=\"mc-footer\" id=\"mc-footer\">\n    <h2 class=\"mc-h2\">Con todo nuestro cari\u00f1o<\/h2>\n    <p class=\"mc-verse\">Gracias por ser parte de este d\u00eda tan importante para nosotros.<\/p>\n    <p class=\"mc-hashtag\">#JorgeYHeidy2026<\/p>\n  <\/section>\n\n<\/div>\n\n<script>\n  (function(){\n    var root = document.getElementById('mcInvite');\n\n    \/\/ --- Personalizaci\u00f3n de invitado v\u00eda URL: ?invitado=Fam. L\u00f3pez&pases=2 ---\n    var params = new URLSearchParams(window.location.search);\n    var invitado = params.get('invitado');\n    var pases = params.get('pases');\n    if(invitado){ document.getElementById('mcGuestName').textContent = invitado; }\n    if(pases){ document.getElementById('mcGuestPasses').textContent = '(' + pases + ') personas'; }\n\n    \/\/ --- Apertura del sobre ---\n    var overlay = document.getElementById('mcEnvelopeOverlay');\n    var sealBtn = document.getElementById('mcSealBtn');\n    sealBtn.addEventListener('click', function(){\n      overlay.classList.add('mc-open');\n      setTimeout(function(){ overlay.classList.add('mc-hide'); }, 900);\n    });\n\n    \/\/ --- Revelado de secciones al hacer scroll ---\n    var sections = root.querySelectorAll('#mcMain section');\n    var observer = new IntersectionObserver(function(entries){\n      entries.forEach(function(entry){\n        if(entry.isIntersecting){ entry.target.classList.add('mc-visible'); }\n      });\n    }, { threshold: 0.15 });\n    sections.forEach(function(sec){ observer.observe(sec); });\n\n    \/\/ --- Cuenta regresiva \u2014 EDITA AQU\u00cd la fecha de la boda ---\n    var targetDate = new Date('2026-11-18T16:00:00');\n    function updateCountdown(){\n      var now = new Date();\n      var diff = targetDate - now;\n      if (diff < 0) diff = 0;\n      document.getElementById('mcCdDias').textContent = String(Math.floor(diff\/(1000*60*60*24))).padStart(2,'0');\n      document.getElementById('mcCdHoras').textContent = String(Math.floor((diff\/(1000*60*60))%24)).padStart(2,'0');\n      document.getElementById('mcCdMin').textContent = String(Math.floor((diff\/(1000*60))%60)).padStart(2,'0');\n      document.getElementById('mcCdSeg').textContent = String(Math.floor((diff\/1000)%60)).padStart(2,'0');\n    }\n    updateCountdown();\n    setInterval(updateCountdown, 1000);\n\n    \/\/ --- Bot\u00f3n de m\u00fasica ---\n    var musicBtn = document.getElementById('mcMusicBtn');\n    var audio = document.getElementById('mcAudio');\n    var playing = false;\n    musicBtn.addEventListener('click', function(){\n      if(!playing){\n        audio.play().catch(function(){ \/* el navegador puede bloquear autoplay sin interacci\u00f3n previa *\/ });\n        musicBtn.classList.add('mc-playing');\n        musicBtn.setAttribute('aria-pressed','true');\n        playing = true;\n      } else {\n        audio.pause();\n        musicBtn.classList.remove('mc-playing');\n        musicBtn.setAttribute('aria-pressed','false');\n        playing = false;\n      }\n    });\n\n    \/\/ --- RSVP visual ---\n    var rsvpForm = document.getElementById('mcRsvpForm');\n    rsvpForm.addEventListener('submit', function(e){\n      e.preventDefault();\n      document.getElementById('mcRsvpMsg').style.display = 'block';\n      rsvpForm.querySelector('button').style.display = 'none';\n    });\n  })();\n<\/script>\n\n<\/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>J H &#9834; &#9834; Nuestra Boda Heidy &amp; Jorge Esta invitaci\u00f3n est\u00e1 reservada para: Fam. Lopez Reyes 2 personas Abrir &#9835; H &amp; J Heidy Jim\u00e9nez &amp;Jorge Cisneros Nuestra Boda Loja, Ecuador 18 \u00b7 11 \u00b7 26 Bienvenidos \u00abHoy comienza el resto de nuestra historia y queremos que la escribas junto a nosotros.\u00bb<\/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-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tarjetasvirtuales.cubumkt.com\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tarjetasvirtuales.cubumkt.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tarjetasvirtuales.cubumkt.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tarjetasvirtuales.cubumkt.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tarjetasvirtuales.cubumkt.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":22,"href":"https:\/\/tarjetasvirtuales.cubumkt.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":36,"href":"https:\/\/tarjetasvirtuales.cubumkt.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/36"}],"wp:attachment":[{"href":"https:\/\/tarjetasvirtuales.cubumkt.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}