{"id":13,"date":"2026-02-27T18:13:08","date_gmt":"2026-02-27T18:13:08","guid":{"rendered":"https:\/\/glamorous-indigo-falcon.72-167-42-157.cpanel.site\/?page_id=13"},"modified":"2026-03-03T22:39:22","modified_gmt":"2026-03-03T22:39:22","slug":"envelope-content","status":"publish","type":"page","link":"https:\/\/andreandjavierinvite.com\/","title":{"rendered":"envelope-content"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13\" class=\"elementor elementor-13\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a05375 e-con-full e-flex e-con e-parent\" data-id=\"6a05375\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2a7203d e-flex e-con-boxed e-con e-child\" data-id=\"2a7203d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation_mobile&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b40b56 elementor-widget elementor-widget-image\" data-id=\"2b40b56\" 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=\"800\" height=\"400\" src=\"https:\/\/andreandjavierinvite.com\/wp-content\/uploads\/2026\/03\/flor1.png\" class=\"attachment-large size-large wp-image-120\" alt=\"\" srcset=\"https:\/\/andreandjavierinvite.com\/wp-content\/uploads\/2026\/03\/flor1.png 800w, https:\/\/andreandjavierinvite.com\/wp-content\/uploads\/2026\/03\/flor1-300x150.png 300w, https:\/\/andreandjavierinvite.com\/wp-content\/uploads\/2026\/03\/flor1-768x384.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d5fd5b elementor-widget elementor-widget-html\" data-id=\"4d5fd5b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"w-envelope-wrap\">\r\n  <a\r\n    id=\"w-envelope-cta\"\r\n    class=\"w-envelope fine\"\r\n    href=\"https:\/\/andreandjavierinvite.com\/?page_id=10\"\r\n    aria-label=\"Ver invitaci\u00f3n\"\r\n  >\r\n    <div class=\"env\">\r\n      <div class=\"env-body\"><\/div>\r\n      <div class=\"env-flap\" aria-hidden=\"true\"><\/div>\r\n      <div class=\"env-seal\" aria-hidden=\"true\">\r\n        <span class=\"seal-initials\">J&amp;A<\/span>\r\n      <\/div>\r\n      <div class=\"env-shine\" aria-hidden=\"true\"><\/div>\r\n\r\n      <div class=\"env-mini\">\r\n        <br>\r\n        <br>\r\n        <div class=\"mini-cta\">Ver invitaci\u00f3n<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hint\">Toc\u00e1 el sobre<\/div>\r\n  <\/a>\r\n<\/div>\r\n\r\n<style>\r\n  .w-envelope-wrap{max-width:420px;margin:0 auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;}\r\n  .hint{margin-top:12px;text-align:center;opacity:.8;font-size:14px}\r\n\r\n  .w-envelope{\r\n    display:block;\r\n    text-decoration:none;\r\n    color:inherit;\r\n    -webkit-tap-highlight-color: transparent;\r\n    outline: none;\r\n  }\r\n\r\n  .env{\r\n    position:relative;\r\n    width:100%;\r\n    aspect-ratio: 4 \/ 3;\r\n    border-radius:18px;\r\n    overflow:hidden;\r\n    user-select:none;\r\n\r\n    transform: translateY(0);\r\n    transition: transform 900ms cubic-bezier(.16,1,.3,1);\r\n  }\r\n\r\n  .env-body{\r\n    position:absolute; inset:0; border-radius:18px;\r\n    background: #889178;\r\n    box-shadow: 0 18px 40px rgba(0,0,0,.18);\r\n  }\r\n\r\n  .env-shine{\r\n    position:absolute; inset:0;\r\n    background: radial-gradient(120% 80% at 20% 10%, rgba(255,255,255,.22), rgba(255,255,255,0) 60%);\r\n    opacity:.25;\r\n    transition: opacity 900ms cubic-bezier(.16,1,.3,1);\r\n    pointer-events:none;\r\n  }\r\n\r\n  \/* Tapa: m\u00e1s lenta *\/\r\n  .env-flap{\r\n    position:absolute; left:0; top:0; width:100%; height:58%;\r\n    transform-origin: top center;\r\n    transform: rotateX(0deg);\r\n    transition: transform 2400ms cubic-bezier(.19,1,.22,1);\r\n    clip-path: polygon(0 0, 100% 0, 50% 100%);\r\n    background: #6C7559;\r\n    border-top-left-radius:18px; border-top-right-radius:18px;\r\n    z-index: 5;\r\n    will-change: transform;\r\n  }\r\n\r\n  .env-seal{\r\n      position:absolute;\r\n      left:50%;\r\n      top:44%;\r\n      width:64px;\r\n      height:64px;\r\n      transform:translate(-50%,-50%);\r\n      border-radius:50%;\r\n    \r\n      background: radial-gradient(\r\n        circle at 30% 30%,\r\n        #ffffff,\r\n        #E9DFDC 45%,\r\n        #d8c9c5 100%\r\n      );\r\n    \r\n      box-shadow: 0 12px 22px rgba(0,0,0,.18);\r\n      z-index: 6;\r\n      transition: transform 900ms cubic-bezier(.16,1,.3,1),\r\n                  box-shadow 900ms cubic-bezier(.16,1,.3,1);\r\n    }\r\n\r\n\r\n    .seal-initials{\r\n      position:absolute;\r\n      top:50%;\r\n      left:50%;\r\n      transform:translate(-50%,-50%);\r\n      font-family: Georgia, 'Times New Roman', sefif;\r\n      font-size:22px;\r\n      color:#8c7f7b;\r\n      text-shadow: 0 -1px 0 rgba(255,255,255,.6),\r\n    0 1px 2px rgba(0,0,0,.25);\r\n}\r\n\r\n  .env-mini{\r\n    position:absolute;\r\n    left:50%;\r\n    top:62%;\r\n    transform: translate(-50%,-50%);\r\n    width:84%;\r\n    z-index: 4;\r\n    text-align:center;\r\n    color: rgba(255,255,255,.92);\r\n    pointer-events:none;\r\n  }\r\n  .mini-badge{font-size:12px; letter-spacing:.14em; text-transform:uppercase; opacity:.85; margin-bottom:8px}\r\n  .mini-names{font-size:22px; font-weight:650; margin-bottom:6px}\r\n  .mini-date{font-size:14px; opacity:.85; margin-bottom:14px}\r\n  .mini-cta{\r\n    display:inline-block;\r\n    padding:10px 14px;\r\n    border-radius:999px;\r\n    background: rgba(0,0,0,.22);\r\n    border: 1px solid rgba(255,255,255,.22);\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n    font-family: 'Abhaya Libre';\r\n    font-weight:300;\r\n    letter-spacing:.2px;\r\n  }\r\n\r\n  \/* Hover\/focus: realce fino *\/\r\n  .w-envelope:hover .env,\r\n  .w-envelope:focus-visible .env{\r\n    transform: translateY(-4px);\r\n  }\r\n  .w-envelope:hover .env-flap,\r\n  .w-envelope:focus-visible .env-flap{\r\n    transform: rotateX(18deg);\r\n  }\r\n  .w-envelope:hover .env-seal,\r\n  .w-envelope:focus-visible .env-seal{\r\n    transform: translate(-50%,-50%) scale(1.04);\r\n    box-shadow: 0 14px 26px rgba(0,0,0,.24);\r\n  }\r\n  .w-envelope:hover .env-shine,\r\n  .w-envelope:focus-visible .env-shine{\r\n    opacity:.45;\r\n  }\r\n\r\n  \/* Estado al hacer click: \u201copening\u201d *\/\r\n  .w-envelope.opening .env{\r\n    transform: translateY(-6px);\r\n  }\r\n  .w-envelope.opening .env-flap{\r\n    transform: rotateX(28deg);\r\n  }\r\n  .w-envelope.opening .env-seal{\r\n    transform: translate(-50%,-50%) scale(1.06) rotate(6deg);\r\n    box-shadow: 0 20px 35px rgba(0,0,0,.28);\r\n  }\r\n  .w-envelope.opening .env-shine{\r\n    opacity:.55;\r\n  }\r\n  .w-envelope.opening .hint{\r\n    opacity:.6;\r\n  }\r\n\r\n  \/* Accesibilidad *\/\r\n  @media (prefers-reduced-motion: reduce){\r\n    .env, .env-flap, .env-seal, .env-shine{ transition: none !important; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n  const link = document.getElementById(\"w-envelope-cta\");\r\n  if (!link) return;\r\n\r\n  let navigating = false;\r\n\r\n  link.addEventListener(\"click\", (e) => {\r\n    \/\/ Evita navegaci\u00f3n inmediata del <a>\r\n    e.preventDefault();\r\n    if (navigating) return;\r\n    navigating = true;\r\n\r\n    \/\/ Activa animaci\u00f3n\r\n    link.classList.add(\"opening\");\r\n\r\n    const target = link.href;\r\n\r\n    \/\/ Espera 3 segundos y redirige\r\n    setTimeout(() => {\r\n      window.location.assign(target);\r\n    }, 1000);\r\n  }, { passive: false });\r\n});\r\n<\/script>\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&amp;A Ver invitaci\u00f3n Toc\u00e1 el sobre<\/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-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/andreandjavierinvite.com\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/andreandjavierinvite.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/andreandjavierinvite.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/andreandjavierinvite.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/andreandjavierinvite.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":46,"href":"https:\/\/andreandjavierinvite.com\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":653,"href":"https:\/\/andreandjavierinvite.com\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/653"}],"wp:attachment":[{"href":"https:\/\/andreandjavierinvite.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}