{"id":522,"date":"2026-10-01T10:55:51","date_gmt":"2026-10-01T15:55:51","guid":{"rendered":"https:\/\/sesdominios.com\/home\/?page_id=522"},"modified":"2026-10-02T14:59:42","modified_gmt":"2026-10-02T19:59:42","slug":"invitacionboda","status":"publish","type":"page","link":"https:\/\/sesdominios.com\/home\/invitacionboda\/","title":{"rendered":"invitacionboda"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n\r\n \r\n Aizbert & Ocvin \u2014 Nuestra Boda<\/title>\r\n <meta name=\"description\" content=\"Acomp\u00e1\u00f1anos a celebrar nuestra boda. Revisa aqu\u00ed todos los detalles de la recepci\u00f3n.\" \/>\r\n <!-- Icono del sitio (remplaza el cuadro azul del header\/dominio) -->\r\n <link rel=\"icon\" type=\"image\/png\" href=\"https:\/\/sesdominios.com\/wp-content\/uploads\/2026\/10\/sello.png\" \/>\r\n <link rel=\"apple-touch-icon\" href=\"https:\/\/sesdominios.com\/wp-content\/uploads\/2026\/10\/sello.png\" \/>\r\n <!-- Open Graph para WhatsApp y Redes Sociales -->\r\n <meta property=\"og:type\" content=\"website\" \/>\r\n <meta property=\"og:url\" content=\"https:\/\/sesdominios.com\/invitacionboda\" \/>\r\n <meta property=\"og:title\" content=\"Aizbert & Ocvin \u2014 Nuestra Boda\" \/>\r\n <meta property=\"og:site_name\" content=\"Aizbert & Ocvin\" \/>\r\n <meta property=\"og:description\" content=\"Acomp\u00e1\u00f1anos a celebrar nuestra boda. Revisa aqu\u00ed todos los detalles de la recepci\u00f3n.\" \/>\r\n\r\n <!-- Imagen principal (debe estar en el MISMO dominio sesdominios.com y ser PNG) -->\r\n <meta property=\"og:image\" content=\"https:\/\/sesdominios.com\/wp-content\/uploads\/2026\/10\/sello.png\" \/>\r\n <meta property=\"og:image:secure_url\" content=\"https:\/\/sesdominios.com\/wp-content\/uploads\/2026\/10\/sello.png\" \/>\r\n <meta property=\"og:image:type\" content=\"image\/png\" \/>\r\n <meta property=\"og:image:width\" content=\"1200\" \/>\r\n <meta property=\"og:image:height\" content=\"630\" \/>\r\n\r\n <!-- Twitter Card Fallback -->\r\n <meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n <meta name=\"twitter:title\" content=\"Aizbert & Ocvin \u2014 Nuestra Boda\" \/>\r\n <meta name=\"twitter:description\" content=\"Acomp\u00e1\u00f1anos a celebrar nuestra boda. Revisa aqu\u00ed todos los detalles de la recepci\u00f3n.\" \/>\r\n <meta name=\"twitter:image\" content=\"https:\/\/sesdominios.com\/wp-content\/uploads\/2026\/10\/sello.png\" \/>\r\n<\/head>\r\n \r\n <!-- Tailwind CSS -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <!-- Google Fonts & Custom Signature Font -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Great+Vibes&family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;1,300&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&display=swap\" rel=\"stylesheet\">\r\n <link href=\"https:\/\/fonts.cdnfonts.com\/css\/inter-signature\" rel=\"stylesheet\">\r\n\r\n <!-- FontAwesome Icons -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n 'rose-pale': '#EBE3D7',\r\n 'dusty-rose': '#EBE3D7',\r\n 'sage-green': '#B6C4B6',\r\n 'sage-light': '#EEF2E6',\r\n 'cream': '#EBE3D7',\r\n 'cream-light': '#F5EFE6',\r\n 'soft-gold': '#D4AF37',\r\n 'dark-slate': '#4A5568',\r\n 'custom-bg': '#EBE3D7',\r\n 'custom-title': '#6D635B',\r\n 'coffee': '#795548',\r\n 'dark-coffee': '#4A2E2B',\r\n 'dark-coffee-hover': '#3B2320',\r\n 'soft-coffee': '#D7C4B7',\r\n 'soft-coffee-dark': '#C8B2A2'\r\n },\r\n fontFamily: {\r\n signature: ['\"Inter Signature\"', 'cursive'],\r\n cursive: ['\"Great Vibes\"', 'cursive'],\r\n serif: ['\"Playfair Display\"', 'serif'],\r\n sans: ['\"Montserrat\"', 'sans-serif']\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n width: 100%;\r\n min-height: 100%;\r\n font-family: 'Montserrat', sans-serif;\r\n background-color: #EBE3D7;\r\n color: #4A5568;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* FONDO PATR\u00d3N CON ESPIGAS Y ROSAS EN TONOS CREMA *\/\r\n .floral-bg {\r\n background-color: #EBE3D7;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='%23F5EFE6' fill-opacity='0.55'%3E%3C!-- Rosa crema --%3E%3Cpath d='M30 20c-3 0-5 2-5 5s2 5 5 5 5-2 5-5-2-5-5-5zm-4 5c0-2.2 1.8-4 4-4s4 1.8 4 4-1.8 4-4 4-4-1.8-4-4z'\/%3E%3Cpath d='M30 17c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm0 14c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6z'\/%3E%3C!-- Espiga crema --%3E%3Cpath d='M85 70c-1-3-4-5-7-5s-5 2-6 5c1 1 3 2 5 2s4-1 5-2zm-12 8c1 3 4 5 7 5s5-2 6-5c-1-1-3-2-5-2s-4 1-5 2zm10-18c-2-2-5-3-8-2 0 3 2 6 5 7 1-2 2-4 3-5zm-14 8c2 2 5 3 8 2 0-3-2-6-5-7-1 2-2 4-3 5z'\/%3E%3Cpath d='M80 60v35' stroke='%23F5EFE6' stroke-width='1.5' stroke-linecap='round'\/%3E%3C\/g%3E%3C\/svg%3E\");\r\n background-size: 120px 120px;\r\n }\r\n\r\n \/* Animaci\u00f3n del sobre *\/\r\n .envelope-wrapper {\r\n perspective: 1000px;\r\n }\r\n\r\n .envelope-flap {\r\n transform-origin: top;\r\n transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n z-index: 20;\r\n }\r\n\r\n .envelope-open .envelope-flap {\r\n transform: rotateX(180deg);\r\n }\r\n\r\n \/* EFECTO KEN BURNS *\/\r\n .kenburns-slide {\r\n position: absolute;\r\n inset: 0;\r\n opacity: 0;\r\n transition: opacity 1.5s ease-in-out;\r\n overflow: hidden;\r\n }\r\n\r\n .kenburns-slide.active {\r\n opacity: 1;\r\n z-index: 10;\r\n }\r\n\r\n .kenburns-img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transform: scale(1);\r\n transition: transform 7s cubic-bezier(0.25, 1, 0.5, 1);\r\n }\r\n\r\n .kenburns-slide.active .kb-zoom-in {\r\n animation: kenburnsZoomIn 8s ease-out forwards;\r\n }\r\n\r\n .kenburns-slide.active .kb-zoom-out {\r\n animation: kenburnsZoomOut 8s ease-out forwards;\r\n }\r\n\r\n .kenburns-slide.active .kb-pan-left {\r\n animation: kenburnsPanLeft 8s ease-out forwards;\r\n }\r\n\r\n .kenburns-slide.active .kb-pan-right {\r\n animation: kenburnsPanRight 8s ease-out forwards;\r\n }\r\n\r\n @keyframes kenburnsZoomIn {\r\n 0% { transform: scale(1); }\r\n 100% { transform: scale(1.18); }\r\n }\r\n\r\n @keyframes kenburnsZoomOut {\r\n 0% { transform: scale(1.18); }\r\n 100% { transform: scale(1); }\r\n }\r\n\r\n @keyframes kenburnsPanLeft {\r\n 0% { transform: scale(1.12) translate(2%, 0); }\r\n 100% { transform: scale(1.12) translate(-2%, 0); }\r\n }\r\n\r\n @keyframes kenburnsPanRight {\r\n 0% { transform: scale(1.12) translate(-2%, 0); }\r\n 100% { transform: scale(1.12) translate(2%, 0); }\r\n }\r\n\r\n .fade-in-up {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: opacity 1s ease-out, transform 1s ease-out;\r\n }\r\n\r\n .fade-in-up.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"floral-bg relative min-h-screen\">\r\n\r\n <!-- REPRODUCTOR DE AUDIO DE IL DIVO -->\r\n <audio id=\"weddingAudio\" loop preload=\"auto\">\r\n <source src=\"https:\/\/sesdominios.com\/wp-content\/uploads\/2026\/10\/Hasta-mi-final.mp3\" type=\"audio\/mpeg\">\r\n Tu navegador no soporta el elemento de audio.\r\n <\/audio>\r\n\r\n <!-- 1. PANTALLA INICIAL - SOBRE CERRADO -->\r\n <div id=\"envelopeScreen\" class=\"fixed inset-0 bg-rose-pale z-50 flex items-center justify-center p-4 transition-opacity duration-1000\">\r\n <!-- Adornos en tono crema en las esquinas -->\r\n <div class=\"absolute top-4 left-4 text-[#F5EFE6] opacity-80 text-6xl flex gap-2\">\r\n <i class=\"fa-solid fa-wheat-awn\"><\/i>\r\n <i class=\"fa-solid fa-rose\"><\/i>\r\n <\/div>\r\n <div class=\"absolute bottom-4 right-4 text-[#F5EFE6] opacity-80 text-6xl flex gap-2 rotate-180\">\r\n <i class=\"fa-solid fa-wheat-awn\"><\/i>\r\n <i class=\"fa-solid fa-rose\"><\/i>\r\n <\/div>\r\n\r\n <div id=\"envelopeWrapper\" class=\"envelope-wrapper relative w-full max-w-lg bg-cream rounded-2xl shadow-2xl border-4 border-dusty-rose\/30 p-6 md:p-10 text-center flex flex-col items-center justify-between min-h-[420px]\">\r\n \r\n <div class=\"w-full border-b-2 border-dusty-rose\/20 pb-4 mb-4 flex flex-col items-center\">\r\n <div class=\"w-16 h-16 bg-rose-pale rounded-full flex items-center justify-center text-[#4A2E2B] text-2xl mb-2 shadow-inner\">\r\n <i class=\"fa-solid fa-heart\"><\/i>\r\n <\/div>\r\n <span class=\"font-serif italic text-sm text-gray-500 tracking-widest uppercase\">Reserva la fecha<\/span>\r\n <\/div>\r\n\r\n <div class=\"my-auto py-6\">\r\n <!-- Nombres de los novios en color Caf\u00e9 Fuerte (#4A2E2B) -->\r\n <p class=\"font-signature text-5xl sm:text-6xl text-[#4A2E2B] mb-2 font-semibold\">Aizbert <br> & <br> Ocvin<\/p>\r\n <h1 class=\"font-serif text-2xl sm:text-3xl text-gray-800 tracking-wide font-semibold\">Invitaci\u00f3n Especial<\/h1>\r\n <p class=\"text-sm text-gray-600 mt-3 font-sans lowercase font-light\">te invitamos a nuestra boda<\/p>\r\n <\/div>\r\n\r\n <div class=\"w-full pt-4 border-t border-dusty-rose\/20\">\r\n <button id=\"openBtn\" onclick=\"openInvitation()\" class=\"w-full sm:w-auto px-8 py-3 bg-[#4A2E2B] hover:bg-[#3B2320] text-white font-medium rounded-full shadow-lg hover:shadow-xl transition-all duration-300 flex items-center justify-center gap-3 mx-auto transform hover:-translate-y-0.5\">\r\n <i class=\"fa-solid fa-envelope-open text-lg\"><\/i>\r\n <span>Abrir Invitaci\u00f3n<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- REPRODUCTOR Y CONTROL DE AUDIO -->\r\n <div id=\"audioControls\" class=\"fixed bottom-6 right-6 z-40 hidden\">\r\n <button id=\"musicToggleBtn\" onclick=\"toggleAudio()\" class=\"w-12 h-12 bg-white\/90 backdrop-blur-md border border-[#4A2E2B] text-[#4A2E2B] rounded-full shadow-lg flex items-center justify-center hover:bg-rose-pale transition-all duration-300\">\r\n <i id=\"musicIcon\" class=\"fa-solid fa-music animate-pulse\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n <!-- CONTENIDO PRINCIPAL DE LA INVITACI\u00d3N -->\r\n <main id=\"mainContent\" class=\"opacity-0 transition-opacity duration-1000 max-w-4xl mx-auto px-4 py-8 sm:py-12 space-y-20 pb-16\">\r\n\r\n <section class=\"text-center pt-6 fade-in-up relative\">\r\n \r\n <p class=\"font-sans uppercase text-xs sm:text-sm tracking-[0.35em] text-sage-green font-semibold mb-2\">\u00a1NOS CASAMOS!<\/p>\r\n \r\n <!-- Nombres principales en color Caf\u00e9 Fuerte (#4A2E2B) en UNA SOLA L\u00cdNEA -->\r\n <h1 class=\"font-signature text-4xl sm:text-6xl md:text-7xl lg:text-8xl text-[#4A2E2B] my-3 drop-shadow-sm leading-tight font-semibold text-center break-words max-w-full px-2\">Aizbert & Ocvin<\/h1>\r\n \r\n <p class=\"font-sans text-sm text-gray-500 lowercase tracking-wide font-light my-2\">te invitamos a nuestra boda<\/p>\r\n\r\n <!-- L\u00cdNEA CON ESPIGA Y ROSA CREMA\/CAF\u00c9 -->\r\n <div class=\"flex justify-center items-center gap-3 my-4 text-[#4A2E2B]\">\r\n <span class=\"w-12 h-[1px] bg-[#4A2E2B]\"><\/span>\r\n <i class=\"fa-solid fa-wheat-awn text-base\"><\/i>\r\n <i class=\"fa-solid fa-rose text-base text-[#F5EFE6] stroke-[#4A2E2B]\"><\/i>\r\n <span class=\"w-12 h-[1px] bg-[#4A2E2B]\"><\/span>\r\n <\/div>\r\n\r\n <!-- FOTO DE LOS NOVIOS -->\r\n <div class=\"my-8 flex justify-center\">\r\n <img decoding=\"async\" src=\"https:\/\/sesdominios.com\/wp-content\/uploads\/2026\/10\/Foto-FinalEsta.png\" alt=\"Foto Novios - Aizbert y Ocvin\" class=\"w-[320px] h-[320px] sm:w-[500px] sm:h-[500px] object-cover shadow-2xl rounded-2xl border-4 border-white\">\r\n <\/div>\r\n\r\n <!-- Cita B\u00edblica -->\r\n <div class=\"max-w-xl mx-auto px-4 mt-6 space-y-2\">\r\n <p class=\"font-serif italic text-lg sm:text-xl text-gray-700 leading-relaxed font-normal\">\r\n \"Las muchas aguas no podr\u00e1n apagar el amor, ni lo ahogar\u00e1n los r\u00edos.\"\r\n <\/p>\r\n <p class=\"font-serif italic text-sm text-[#4A2E2B] font-semibold tracking-wide\">\r\n Cantares 8:7\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SECCI\u00d3N FECHA Y CALENDARIO -->\r\n <section class=\"bg-[#EBE3D7]\/90 backdrop-blur-xs rounded-3xl p-6 sm:p-10 border border-dusty-rose\/20 shadow-xl text-center fade-in-up relative overflow-hidden\">\r\n <div class=\"absolute top-0 left-0 w-full h-2 bg-gradient-to-r from-dusty-rose via-sage-green to-dusty-rose\"><\/div>\r\n \r\n <h2 class=\"font-serif text-3xl text-[#6D635B] mb-2 font-bold\">La Cita Rom\u00e1ntica<\/h2>\r\n <p class=\"text-xs uppercase tracking-widest text-gray-600 mb-8 font-sans\">Guarda el d\u00eda especial<\/p>\r\n\r\n <!-- CUENTA REGRESIVA -->\r\n <div class=\"mb-8 p-4 bg-white\/60 backdrop-blur-sm rounded-2xl border border-white\/80 shadow-sm max-w-md mx-auto\">\r\n <p class=\"text-xs uppercase tracking-widest text-[#6D635B] font-bold mb-3 font-sans\">Faltan tan solo<\/p>\r\n <div class=\"grid grid-cols-4 gap-2 text-center font-sans\">\r\n <div class=\"bg-white\/80 rounded-xl p-2 shadow-xs\">\r\n <span id=\"cd-days\" class=\"font-serif text-2xl font-bold text-[#4A2E2B] block\">00<\/span>\r\n <span class=\"text-[10px] text-gray-500 uppercase tracking-wider\">D\u00edas<\/span>\r\n <\/div>\r\n <div class=\"bg-white\/80 rounded-xl p-2 shadow-xs\">\r\n <span id=\"cd-hours\" class=\"font-serif text-2xl font-bold text-[#4A2E2B] block\">00<\/span>\r\n <span class=\"text-[10px] text-gray-500 uppercase tracking-wider\">Hs<\/span>\r\n <\/div>\r\n <div class=\"bg-white\/80 rounded-xl p-2 shadow-xs\">\r\n <span id=\"cd-minutes\" class=\"font-serif text-2xl font-bold text-[#4A2E2B] block\">00<\/span>\r\n <span class=\"text-[10px] text-gray-500 uppercase tracking-wider\">Min<\/span>\r\n <\/div>\r\n <div class=\"bg-white\/80 rounded-xl p-2 shadow-xs\">\r\n <span id=\"cd-seconds\" class=\"font-serif text-2xl font-bold text-[#4A2E2B] block\">00<\/span>\r\n <span class=\"text-[10px] text-gray-500 uppercase tracking-wider\">Seg<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-center\">\r\n <div class=\"space-y-4 text-left md:text-right border-b md:border-b-0 md:border-r border-dusty-rose\/20 pb-6 md:pb-0 md:pr-8\">\r\n <div>\r\n <span class=\"text-xs text-[#4A2E2B] font-bold uppercase tracking-wider font-sans\">Fecha<\/span>\r\n <p class=\"font-serif text-2xl text-gray-800 font-semibold\">Jueves, 26 de Noviembre<\/p>\r\n <p class=\"text-sm text-gray-600 font-sans\">A\u00f1o 2026<\/p>\r\n <\/div>\r\n <div>\r\n <span class=\"text-xs text-[#4A2E2B] font-bold uppercase tracking-wider font-sans\">Hora<\/span>\r\n <p class=\"font-serif text-xl text-gray-800\">6:30 PM<\/p>\r\n <p class=\"text-xs text-gray-500 font-sans\">Ceremonia y Recepci\u00f3n<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CALENDARIO -->\r\n <div class=\"flex flex-col items-center\">\r\n <div class=\"w-64 bg-white rounded-2xl shadow-md border border-[#D7C4B7] overflow-hidden font-sans\">\r\n <div class=\"bg-[#D7C4B7] text-[#4A2E2B] py-2 px-4 font-serif font-bold text-center\">\r\n NOVIEMBRE 2026\r\n <\/div>\r\n <div class=\"p-3 text-xs grid grid-cols-7 gap-1 text-center font-medium text-gray-500 border-b border-[#EBE3D7]\">\r\n <span>D<\/span><span>L<\/span><span>M<\/span><span>M<\/span><span>J<\/span><span>V<\/span><span>S<\/span>\r\n <\/div>\r\n <div class=\"p-3 text-xs grid grid-cols-7 gap-1 text-center text-gray-700\">\r\n <span class=\"text-gray-300\">1<\/span><span class=\"text-gray-300\">2<\/span><span class=\"text-gray-300\">3<\/span><span>4<\/span><span>5<\/span><span>6<\/span><span>7<\/span>\r\n <span>8<\/span><span>9<\/span><span>10<\/span><span>11<\/span><span>12<\/span><span>13<\/span><span>14<\/span>\r\n <span>15<\/span><span>16<\/span><span>17<\/span><span>18<\/span><span>19<\/span><span>20<\/span><span>21<\/span>\r\n <span>22<\/span><span>23<\/span><span>24<\/span><span>25<\/span><span class=\"relative bg-[#C8B2A2] text-[#4A2E2B] font-bold rounded-full w-6 h-6 flex items-center justify-center mx-auto shadow-md\">26 <i class=\"fa-solid fa-heart absolute -top-1 -right-1 text-red-500 text-[10px] animate-bounce\"><\/i><\/span><span>27<\/span><span>28<\/span>\r\n <span>29<\/span><span>30<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/calendar.google.com\/calendar\/render?action=TEMPLATE&text=Boda+de+Aizbert+y+Ocvin&dates=20261126T203000Z\/20261127T030000Z&details=Acompa%C3%B1anos+a+celebrar+nuestra+boda.&location=Hacienda+Las+Rosas\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mt-6 inline-flex items-center gap-2 text-xs font-semibold uppercase tracking-wider text-[#4A2E2B] bg-[#EBE3D7] hover:bg-[#D7C4B7] hover:text-[#3B2320] px-5 py-2.5 rounded-full transition-all duration-300 border border-[#D7C4B7] font-sans\">\r\n <i class=\"fa-regular fa-calendar-plus\"><\/i>\r\n <span>Agendar en Google Calendar<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/section>\r\n\r\n <!-- NUESTRA HISTORIA -->\r\n <section class=\"text-center fade-in-up py-4\">\r\n <div class=\"mb-8\">\r\n <span class=\"text-xs uppercase tracking-[0.25em] text-[#4A2E2B] font-bold font-sans\">Un viaje de amor<\/span>\r\n <h2 class=\"font-serif text-3xl sm:text-4xl text-[#6D635B] font-bold mt-1 mb-2\">Nuestra Historia<\/h2>\r\n <p class=\"text-xs uppercase tracking-widest text-sage-green font-semibold font-sans\">Cada momento nos trajo hasta aqu\u00ed<\/p>\r\n <\/div>\r\n\r\n <div class=\"relative max-w-sm sm:max-w-md mx-auto rounded-3xl overflow-hidden shadow-2xl border-4 border-white bg-dark-slate group\">\r\n <div id=\"kenburnsViewport\" class=\"relative h-[500px] sm:h-[580px] w-full overflow-hidden\">\r\n \r\n <div class=\"kenburns-slide active\" data-slide=\"0\">\r\n <img decoding=\"async\" src=\"https:\/\/sesdominios.com\/wp-content\/uploads\/2026\/10\/PrimerEncuentro.webp\" alt=\"El Primer Encuentro\" class=\"kenburns-img kb-zoom-in\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/85 via-black\/30 to-transparent flex flex-col justify-end p-6 text-left text-white\">\r\n <span class=\"text-xs font-sans tracking-widest text-white uppercase font-semibold\">Cap\u00edtulo I \u2022 2024<\/span>\r\n <p class=\"text-xs text-white mt-2 font-sans leading-relaxed\">Nuestro primer encuentro en Apure. Visitando a los padres de Aizbert para pedir su mano.<\/p>\r\n <h3 class=\"font-serif text-xl font-semibold mt-2 text-white\" style=\"color: #ffffff !important;\">El Primer Encuentro<\/h3>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"kenburns-slide\" data-slide=\"1\">\r\n <img decoding=\"async\" src=\"https:\/\/sesdominios.com\/wp-content\/uploads\/2026\/10\/Encuentro02.webp\" alt=\"Visita a Valencia\" class=\"kenburns-img kb-pan-right\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/85 via-black\/30 to-transparent flex flex-col justify-end p-6 text-left text-white\">\r\n <span class=\"text-xs font-sans tracking-widest text-white uppercase font-semibold\">Cap\u00edtulo II \u2022 2024<\/span>\r\n <p class=\"text-xs text-white mt-2 font-sans leading-relaxed\">Nuestro segundo encuentro en Valencia. Aizbert vino de visita, luego encontrar\u00eda con unos compa\u00f1eros de trabajo para salir de viaje.<\/p>\r\n <h3 class=\"font-serif text-xl font-semibold mt-2 text-white\" style=\"color: #ffffff !important;\">Visita a Valencia<\/h3>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"kenburns-slide\" data-slide=\"2\">\r\n <img decoding=\"async\" src=\"https:\/\/sesdominios.com\/wp-content\/uploads\/2026\/10\/Encuentro03.webp\" alt=\"Disfrutando en Valencia\" class=\"kenburns-img kb-zoom-out\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/85 via-black\/30 to-transparent flex flex-col justify-end p-6 text-left text-white\">\r\n <span class=\"text-xs font-sans tracking-widest text-white uppercase font-semibold\">Cap\u00edtulo III \u2022 2024<\/span>\r\n <p class=\"text-xs text-white mt-2 font-sans leading-relaxed\">Nuestro tercer encuentro en Valencia. Al regresar de su viaje Aizbert se detuvo en Valencia y volver a reencontrarnos.<\/p>\r\n <h3 class=\"font-serif text-xl font-semibold mt-2 text-white\" style=\"color: #ffffff !important;\">Disfrutando en Valencia<\/h3>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"kenburns-slide\" data-slide=\"3\">\r\n <img decoding=\"async\" src=\"https:\/\/sesdominios.com\/wp-content\/uploads\/2026\/10\/Encuentro04.webp\" alt=\"Nuestro Primer Helado\" class=\"kenburns-img kb-pan-left\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/85 via-black\/30 to-transparent flex flex-col justify-end p-6 text-left text-white\">\r\n <span class=\"text-xs font-sans tracking-widest text-white uppercase font-semibold\">Cap\u00edtulo IV \u2022 2024<\/span>\r\n <p class=\"text-xs text-white mt-2 font-sans leading-relaxed\">De paseo compartiendo cada momento, construyendo las bases de nuestra relaci\u00f3n.<\/p>\r\n <h3 class=\"font-serif text-xl font-semibold mt-2 text-white\" style=\"color: #ffffff !important;\">Nuestro Primer Helado<\/h3>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"kenburns-slide\" data-slide=\"4\">\r\n <img decoding=\"async\" src=\"https:\/\/sesdominios.com\/wp-content\/uploads\/2026\/10\/Encuentro05-1.webp\" alt=\"De Paseo\" class=\"kenburns-img kb-zoom-in\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/85 via-black\/30 to-transparent flex flex-col justify-end p-6 text-left text-white\">\r\n <span class=\"text-xs font-sans tracking-widest text-white uppercase font-semibold\">Cap\u00edtulo V \u2022 2024<\/span>\r\n <p class=\"text-xs text-white mt-2 font-sans leading-relaxed\">16 de diciembre celebramos la graduaci\u00f3n \ud83c\udf93 e imposici\u00f3n de medalla de Ocvin. Cocina Internacional.<\/p>\r\n <h3 class=\"font-serif text-xl font-semibold mt-2 text-white\" style=\"color: #ffffff !important;\">Graduaci\u00f3n de Chef<\/h3>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"kenburns-slide\" data-slide=\"5\">\r\n <img decoding=\"async\" src=\"https:\/\/sesdominios.com\/wp-content\/uploads\/2026\/10\/Encuentro06-1.webp\" alt=\"Momentos Especiales\" class=\"kenburns-img kb-pan-right\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/85 via-black\/30 to-transparent flex flex-col justify-end p-6 text-left text-white\">\r\n <span class=\"text-xs font-sans tracking-widest text-white uppercase font-semibold\">Cap\u00edtulo VI \u2022 2025<\/span>\r\n <p class=\"text-xs text-white mt-2 font-sans leading-relaxed\">Celebrando el cumplea\u00f1os de Aizbert el d\u00eda 08 de febrero 2025.<\/p>\r\n <h3 class=\"font-serif text-xl font-semibold mt-2 text-white\" style=\"color: #ffffff !important;\">Momentos Especiales<\/h3>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"kenburns-slide\" data-slide=\"6\">\r\n <img decoding=\"async\" src=\"https:\/\/sesdominios.com\/wp-content\/uploads\/2026\/10\/Encuentro7.webp\" alt=\"Creciendo Juntos\" class=\"kenburns-img kb-zoom-out\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/85 via-black\/30 to-transparent flex flex-col justify-end p-6 text-left text-white\">\r\n <span class=\"text-xs font-sans tracking-widest text-white uppercase font-semibold\">Cap\u00edtulo VII \u2022 2026<\/span>\r\n <p class=\"text-xs text-white mt-2 font-sans leading-relaxed\">Un 3 de marzo Dios nos dio la oportunidad de ir de paseo a la Colonia Tovar.<\/p>\r\n <h3 class=\"font-serif text-xl font-semibold mt-2 text-white\" style=\"color: #ffffff !important;\">Colonia Tovar<\/h3>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"kenburns-slide\" data-slide=\"7\">\r\n <img decoding=\"async\" src=\"https:\/\/sesdominios.com\/wp-content\/uploads\/2026\/10\/Encuentro8.webp\" alt=\"Nuevas Aventuras\" class=\"kenburns-img kb-pan-left\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/85 via-black\/30 to-transparent flex flex-col justify-end p-6 text-left text-white\">\r\n <span class=\"text-xs font-sans tracking-widest text-white uppercase font-semibold\">Cap\u00edtulo VIII \u2022 2025<\/span>\r\n <p class=\"text-xs text-white mt-2 font-sans leading-relaxed\">Un 8 de agosto fuimos invitados a una boda.<\/p>\r\n <h3 class=\"font-serif text-xl font-semibold mt-2 text-white\" style=\"color: #ffffff !important;\">Celebrando<\/h3>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"kenburns-slide\" data-slide=\"8\">\r\n <img decoding=\"async\" src=\"https:\/\/sesdominios.com\/wp-content\/uploads\/2026\/10\/Encuentro9.webp\" alt=\"Preparativos\" class=\"kenburns-img kb-zoom-in\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/85 via-black\/30 to-transparent flex flex-col justify-end p-6 text-left text-white\">\r\n <span class=\"text-xs font-sans tracking-widest text-white uppercase font-semibold\">Cap\u00edtulo IX \u2022 2026<\/span>\r\n <p class=\"text-xs text-white mt-2 font-sans leading-relaxed\">Un amigo fot\u00f3grafo nos regal\u00f3 esta fotograf\u00eda. Atesoramos este regalo.<\/p>\r\n <h3 class=\"font-serif text-xl font-semibold mt-2 text-white\" style=\"color: #ffffff !important;\">Buenos regalos<\/h3>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"kenburns-slide\" data-slide=\"9\">\r\n <img decoding=\"async\" src=\"https:\/\/sesdominios.com\/wp-content\/uploads\/2026\/10\/Encuentro10.webp\" alt=\"Hacia el Gran D\u00eda\" class=\"kenburns-img kb-pan-right\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/85 via-black\/30 to-transparent flex flex-col justify-end p-6 text-left text-white\">\r\n <span class=\"text-xs font-sans tracking-widest text-white uppercase font-semibold\">Cap\u00edtulo X \u2022 2025<\/span>\r\n <p class=\"text-xs text-white mt-2 font-sans leading-relaxed\">Un 29 de agosto de 2025 Dios le dio la oportunidad a Ocvin de casar a unos amigos que le brindaron ese honor.<\/p>\r\n <h3 class=\"font-serif text-xl font-semibold mt-2 text-white\" style=\"color: #ffffff !important;\">Celebrando<\/h3>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"kenburns-slide\" data-slide=\"10\">\r\n <img decoding=\"async\" src=\"https:\/\/sesdominios.com\/wp-content\/uploads\/2026\/10\/Fototuyyo.webp\" alt=\"El Comienzo\" class=\"kenburns-img kb-pan-right\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/85 via-black\/30 to-transparent flex flex-col justify-end p-6 text-left text-white\">\r\n <span class=\"text-xs font-sans tracking-widest text-white uppercase font-semibold\">Cap\u00edtulo XI \u2022 Presente<\/span>\r\n <p class=\"text-xs text-white mt-2 font-sans leading-relaxed\">Esta \u00faltima foto es la m\u00e1s reciente. Fue tomada en Campo Carabobo. Justo all\u00ed nos conocimos. \u00a1No dudamos que fue Dios quien nos present\u00f3! Fue un d\u00eda maravilloso hasta el d\u00eda de hoy y lo seguir\u00e1 siendo hasta que la muerte nos separe \u2661.<\/p>\r\n <h3 class=\"font-serif text-xl font-semibold mt-2 text-white\" style=\"color: #ffffff !important;\">El Comienzo<\/h3>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <button onclick=\"prevStorySlide()\" aria-label=\"Anterior\" class=\"absolute left-3 top-1\/2 -translate-y-1\/2 z-20 w-10 h-10 rounded-full bg-black\/40 backdrop-blur-md hover:bg-[#4A2E2B] text-white flex items-center justify-center transition-all duration-300\">\r\n <i class=\"fa-solid fa-chevron-left text-sm\"><\/i>\r\n <\/button>\r\n <button onclick=\"nextStorySlide()\" aria-label=\"Siguiente\" class=\"absolute right-3 top-1\/2 -translate-y-1\/2 z-20 w-10 h-10 rounded-full bg-black\/40 backdrop-blur-md hover:bg-[#4A2E2B] text-white flex items-center justify-center transition-all duration-300\">\r\n <i class=\"fa-solid fa-chevron-right text-sm\"><\/i>\r\n <\/button>\r\n\r\n <div class=\"absolute bottom-4 left-0 right-0 z-20 flex justify-center gap-1.5 px-4\" id=\"storyDotsContainer\">\r\n <button onclick=\"goToStorySlide(0)\" class=\"w-2.5 h-2.5 rounded-full bg-white transition-all duration-300 shadow\" aria-label=\"Diapositiva 1\"><\/button>\r\n <button onclick=\"goToStorySlide(1)\" class=\"w-2.5 h-2.5 rounded-full bg-white\/40 transition-all duration-300 shadow\" aria-label=\"Diapositiva 2\"><\/button>\r\n <button onclick=\"goToStorySlide(2)\" class=\"w-2.5 h-2.5 rounded-full bg-white\/40 transition-all duration-300 shadow\" aria-label=\"Diapositiva 3\"><\/button>\r\n <button onclick=\"goToStorySlide(3)\" class=\"w-2.5 h-2.5 rounded-full bg-white\/40 transition-all duration-300 shadow\" aria-label=\"Diapositiva 4\"><\/button>\r\n <button onclick=\"goToStorySlide(4)\" class=\"w-2.5 h-2.5 rounded-full bg-white\/40 transition-all duration-300 shadow\" aria-label=\"Diapositiva 5\"><\/button>\r\n <button onclick=\"goToStorySlide(5)\" class=\"w-2.5 h-2.5 rounded-full bg-white\/40 transition-all duration-300 shadow\" aria-label=\"Diapositiva 6\"><\/button>\r\n <button onclick=\"goToStorySlide(6)\" class=\"w-2.5 h-2.5 rounded-full bg-white\/40 transition-all duration-300 shadow\" aria-label=\"Diapositiva 7\"><\/button>\r\n <button onclick=\"goToStorySlide(7)\" class=\"w-2.5 h-2.5 rounded-full bg-white\/40 transition-all duration-300 shadow\" aria-label=\"Diapositiva 8\"><\/button>\r\n <button onclick=\"goToStorySlide(8)\" class=\"w-2.5 h-2.5 rounded-full bg-white\/40 transition-all duration-300 shadow\" aria-label=\"Diapositiva 9\"><\/button>\r\n <button onclick=\"goToStorySlide(9)\" class=\"w-2.5 h-2.5 rounded-full bg-white\/40 transition-all duration-300 shadow\" aria-label=\"Diapositiva 10\"><\/button>\r\n <button onclick=\"goToStorySlide(10)\" class=\"w-2.5 h-2.5 rounded-full bg-white\/40 transition-all duration-300 shadow\" aria-label=\"Diapositiva 11\"><\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/section>\r\n\r\n <!-- RECEPCI\u00d3N Y MAPA -->\r\n <section class=\"bg-[#EBE3D7]\/90 rounded-3xl p-6 sm:p-10 border border-dusty-rose\/20 shadow-xl fade-in-up\">\r\n <div class=\"text-center mb-8\">\r\n <i class=\"fa-solid fa-location-dot text-3xl text-[#4A2E2B] mb-2\"><\/i>\r\n <h2 class=\"font-serif text-3xl text-[#6D635B] font-bold\">Lugar de Celebraci\u00f3n<\/h2>\r\n <p class=\"text-xs uppercase tracking-widest text-gray-600 mt-1 font-sans\">Restaurant Italia<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-center\">\r\n <div class=\"space-y-4\">\r\n <div class=\"bg-white p-5 rounded-2xl border border-rose-pale shadow-sm\">\r\n <h3 class=\"font-serif text-lg font-semibold text-gray-800 border-b pb-2 mb-2 flex items-center gap-2\">\r\n <i class=\"fa-solid fa-book-bible text-[#4A2E2B]\"><\/i> Ceremonia & Recepci\u00f3n \r\n <\/h3>\r\n <p class=\"text-sm text-gray-600 font-sans\">Avenida Miranda, Edificio Fortuna <\/p>\r\n <p class=\"text-xs text-gray-500 mt-1 font-sans\">San Fernando, Estado Apure, Venezuela<\/p>\r\n <\/div>\r\n\r\n <div class=\"bg-white p-5 rounded-2xl border border-rose-pale shadow-sm\">\r\n <h3 class=\"font-serif text-lg font-semibold text-gray-800 border-b pb-2 mb-2 flex items-center gap-2\">\r\n <i class=\"fa-solid fa-clock text-[#4A2E2B]\"><\/i> Horarios\r\n <\/h3>\r\n <p class=\"text-sm text-gray-600 font-sans\">Ceremonia Religiosa: <strong>6:30 PM<\/strong><\/p>\r\n <p class=\"text-sm text-gray-600 font-sans\">Festejo y Brindis: <strong>7:45 PM<\/strong><\/p>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/maps.app.goo.gl\/hPszCj1huVfc4Da78\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"w-full bg-[#6D635B] hover:bg-[#5a524b] text-white font-medium py-3 px-6 rounded-full shadow-md flex items-center justify-center gap-2 transition-all duration-300 font-sans\">\r\n <i class=\"fa-solid fa-map-location-dot\"><\/i>\r\n <span>C\u00f3mo llegar<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"relative rounded-2xl overflow-hidden border-4 border-white shadow-lg h-64 md:h-80 bg-gray-100 flex items-center justify-center\">\r\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3257.3347455558146!2d-67.4845519260148!3d7.892245005748099!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8e7886d15a21d5d1%3A0xfdefa9a22ffdb8f1!2sRestaurant%20Italia%2C%20C.A.!5e1!3m2!1ses!2sve!4v1790898451874!5m2!1ses!2sve\" class=\"w-full h-full border-0 grayscale opacity-80 hover:grayscale-0 transition-all duration-500\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- DETALLES ADICIONALES -->\r\n <section class=\"grid grid-cols-1 md:grid-cols-2 gap-6 fade-in-up\">\r\n \r\n <!-- C\u00d3DIGO DE VESTIMENTA -->\r\n <div class=\"bg-white\/80 rounded-3xl p-6 border border-dusty-rose\/20 shadow-lg text-center flex flex-col justify-between\">\r\n <div>\r\n <div class=\"flex justify-center items-center gap-3 mb-4\">\r\n <div class=\"w-12 h-12 bg-rose-pale rounded-full flex items-center justify-center text-[#4A2E2B] text-xl shadow-xs\">\r\n <i class=\"fa-brands fa-black-tie\"><\/i> \r\n <\/div>\r\n <div class=\"w-12 h-12 bg-rose-pale rounded-full flex items-center justify-center text-[#4A2E2B] text-xl shadow-xs\">\r\n <i class=\"fa-solid fa-bag-shopping\"><\/i>\r\n <\/div>\r\n <\/div>\r\n\r\n <h3 class=\"font-serif text-2xl text-[#6D635B] font-bold mb-1\">C\u00f3digo de Vestimenta<\/h3>\r\n <p class=\"text-xs uppercase tracking-widest text-[#4A2E2B] font-semibold mb-4 font-sans\">C\u00f3ctel Semi-Elegante<\/p>\r\n <p class=\"text-sm text-gray-600 leading-relaxed mb-4 font-sans\">\r\n <strong>Damas:<\/strong> Vestido tipo c\u00f3ctel (No de gala)<br> \r\n <strong>Caballeros:<\/strong> Camisa y Pantal\u00f3n de Vestir (Saco opcional)<br><br>\r\n Nos encantar\u00eda ver colores en estos tonos.\r\n <\/p>\r\n <\/div>\r\n <div class=\"flex justify-center gap-3 pt-4 border-t border-gray-100\">\r\n <span class=\"w-6 h-6 rounded-full bg-[#FDFBF7] shadow-inner\" title=\"Crema \u2502 Blanco Roto\"><\/span>\r\n <span class=\"w-6 h-6 rounded-full bg-[#E6DFD5] shadow-inner\" title=\"Beige Arena\"><\/span>\r\n <span class=\"w-6 h-6 rounded-full bg-[#F0E6D2] shadow-inner\" title=\"Amarillo Champ\u00e1n\"><\/span>\r\n <span class=\"w-6 h-6 rounded-full bg-[#D9BDB5] shadow-inner\" title=\"Rosa Polvoriento\"><\/span>\r\n <span class=\"w-6 h-6 rounded-full bg-[#C2D6BE] shadow-inner\" title=\"Verde Salvia Suave\"><\/span>\r\n <span class=\"w-6 h-6 rounded-full bg-[#A4B0BE] shadow-inner\" title=\"Azul Acero Claro\"><\/span>\r\n <span class=\"w-6 h-6 rounded-full bg-[#C5C6C7] shadow-inner\" title=\"Gris Perla\"><\/span>\r\n <span class=\"w-6 h-6 rounded-full bg-[#A38A75] shadow-inner\" title=\"Marr\u00f3n Caf\u00e9 \u2502 Taupe\"><\/span>\r\n <span class=\"w-6 h-6 rounded-full bg-[#1A1A1A] shadow-inner\" title=\"Negro Carb\u00f3n\"><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- BODA A LA CARTA -->\r\n <div class=\"bg-white\/80 rounded-3xl p-6 border border-dusty-rose\/20 shadow-lg text-center flex flex-col justify-between\">\r\n <div>\r\n <div class=\"w-12 h-12 bg-rose-pale rounded-full flex items-center justify-center text-[#6D635B] text-xl mx-auto mb-3 shadow-xs\">\r\n <i class=\"fa-solid fa-utensils\"><\/i>\r\n <\/div>\r\n\r\n <h3 class=\"font-serif text-2xl text-[#6D635B] font-bold mb-1\">Boda Estilo a la Carta<\/h3>\r\n <p class=\"text-xs uppercase tracking-widest text-sage-green font-semibold mb-4 font-sans\">Restaurant Italia<\/p>\r\n \r\n <p class=\"text-xs text-gray-600 leading-relaxed font-sans mb-5\">\r\n Para disfrutar juntos de una gran noche, nos sentaremos a la mesa a compartir especialidades italianas. \u00a1Lo m\u00e1s importante es celebrar con ustedes!\r\n <\/p>\r\n\r\n <div class=\"grid grid-cols-1 gap-3 text-left mb-6 font-sans\">\r\n <div class=\"flex items-center gap-3 p-3 bg-cream\/40 rounded-xl border border-dusty-rose\/10\">\r\n <div class=\"w-10 h-10 rounded-lg bg-white flex items-center justify-center text-[#4A2E2B] text-lg shadow-xs shrink-0\">\r\n <i class=\"fa-solid fa-bowl-food\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xs font-bold uppercase tracking-wider text-[#6D635B]\">Cena Italiana<\/h4>\r\n <p class=\"text-xs text-gray-500\">Pastas artesanales y especialidades<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex items-center gap-3 p-3 bg-cream\/40 rounded-xl border border-dusty-rose\/10\">\r\n <div class=\"w-10 h-10 rounded-lg bg-white flex items-center justify-center text-[#4A2E2B] text-lg shadow-xs shrink-0\">\r\n <i class=\"fa-solid fa-plate-wheat\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xs font-bold uppercase tracking-wider text-[#6D635B]\">Platos Principales<\/h4>\r\n <p class=\"text-xs text-gray-500\">Opciones a partir de <strong>$8 USD<\/strong><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex items-center gap-3 p-3 bg-cream\/40 rounded-xl border border-dusty-rose\/10\">\r\n <div class=\"w-10 h-10 rounded-lg bg-white flex items-center justify-center text-[#4A2E2B] text-lg shadow-xs shrink-0\">\r\n <i class=\"fa-solid fa-glass-water\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xs font-bold uppercase tracking-wider text-[#6D635B]\">Bebidas<\/h4>\r\n <p class=\"text-xs text-gray-500\">Variedad a partir de <strong>$3 USD<\/strong><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex items-center gap-3 p-3 bg-cream\/40 rounded-xl border border-dusty-rose\/10\">\r\n <div class=\"w-10 h-10 rounded-lg bg-white flex items-center justify-center text-[#4A2E2B] text-lg shadow-xs shrink-0\">\r\n <i class=\"fa-solid fa-pizza-slice\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xs font-bold uppercase tracking-wider text-[#6D635B]\">En Compa\u00f1ia<\/h4>\r\n <p class=\"text-xs text-gray-500\">Nuestra propuesta a la carta incluye opciones de gran formato dise\u00f1adas para compartirse en pareja o entre comensales.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <p class=\"text-xs text-gray-600 leading-relaxed font-sans mb-5\">\r\n Para que puedan planificar su presupuesto les compartimos el men\u00fa completo.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/sesdominios.com\/wp-content\/uploads\/2026\/10\/menu_restaurant_italia.pdf\" download target=\"_blank\" rel=\"noopener noreferrer\" class=\"w-full bg-[#4A2E2B] hover:bg-[#3B2320] text-white font-medium py-3 px-5 rounded-full shadow-md flex items-center justify-center gap-2 transition-all duration-300 font-sans text-xs uppercase tracking-wider\">\r\n <i class=\"fa-solid fa-file-pdf text-base\"><\/i>\r\n <span>Descargar Men\u00fa en PDF<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"pt-4 mt-6 border-t border-gray-100 text-xs text-gray-500 italic font-sans\">\r\n <i class=\"fa-solid fa-solid fa-cheese mr-1 text-[#4A2E2B]\"><\/i> Mesa de dulces abierta\r\n <\/div>\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n <!-- SECCI\u00d3N CONFIRMA TU ASISTENCIA (RSVP) -->\r\n <section class=\"bg-[#EBE3D7]\/90 rounded-3xl p-6 sm:p-10 border border-dusty-rose\/20 shadow-xl text-center fade-in-up\">\r\n <div class=\"max-w-xl mx-auto space-y-4\">\r\n <div class=\"w-14 h-14 bg-white\/80 rounded-full flex items-center justify-center text-[#4A2E2B] text-2xl mx-auto shadow-xs border border-white\">\r\n <i class=\"fa-solid fa-envelope-open-text\"><\/i>\r\n <\/div>\r\n\r\n <span class=\"text-xs uppercase tracking-[0.25em] text-[#4A2E2B] font-bold font-sans block\">RSVP<\/span>\r\n <h2 class=\"font-serif text-3xl sm:text-4xl text-[#6D635B] font-bold\">Confirma tu Asistencia<\/h2>\r\n \r\n <p class=\"text-xs uppercase tracking-widest text-sage-green font-semibold font-sans\">Tu presencia es nuestro mejor regalo<\/p>\r\n\r\n <p class=\"text-xs sm:text-sm text-gray-600 leading-relaxed font-sans pt-2\">\r\n Por favor, ay\u00fadanos a organizar este d\u00eda especial confirmando tu asistencia antes del 08 de noviembre.\r\n <\/p>\r\n\r\n <div class=\"pt-4\">\r\n <button onclick=\"openRsvpModal()\" class=\"w-full sm:w-auto px-8 py-3.5 bg-[#4A2E2B] hover:bg-[#3B2320] text-white font-medium rounded-full shadow-lg hover:shadow-xl transition-all duration-300 inline-flex items-center justify-center gap-3 transform hover:-translate-y-0.5 font-sans text-xs uppercase tracking-wider\">\r\n <i class=\"fa-brands fa-whatsapp text-lg\"><\/i>\r\n <span>Confirmar Asistencia<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <\/main>\r\n\r\n <!-- MODAL POP-UP RSVP -->\r\n <div id=\"rsvpModal\" class=\"fixed inset-0 bg-black\/50 backdrop-blur-sm z-50 hidden flex items-center justify-center p-4 overflow-y-auto transition-opacity duration-300\">\r\n <div class=\"bg-white rounded-3xl max-w-md w-full p-6 sm:p-8 shadow-2xl border border-dusty-rose\/30 relative transform transition-transform duration-300 scale-95 my-8 font-sans\" id=\"modalContainer\">\r\n \r\n <button onclick=\"closeRsvpModal()\" class=\"absolute top-4 right-4 text-gray-400 hover:text-gray-600 text-xl w-8 h-8 rounded-full flex items-center justify-center bg-gray-100\">\r\n <i class=\"fa-solid fa-xmark\"><\/i>\r\n <\/button>\r\n\r\n <div class=\"text-center mb-6\">\r\n <div class=\"w-12 h-12 bg-rose-pale rounded-full flex items-center justify-center text-[#4A2E2B] text-xl mx-auto mb-2\">\r\n <i class=\"fa-solid fa-envelope-open-text\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-serif text-2xl text-[#6D635B] font-bold\">Confirmaci\u00f3n RSVP<\/h3>\r\n <p class=\"text-xs text-gray-500\">Env\u00edanos tus datos v\u00eda WhatsApp<\/p>\r\n <\/div>\r\n\r\n <form id=\"rsvpForm\" onsubmit=\"sendRsvpWhatsApp(event)\" class=\"space-y-4 text-left\">\r\n <div>\r\n <label class=\"block text-xs font-semibold uppercase tracking-wider text-gray-700 mb-1\">Nombre y Apellido *<\/label>\r\n <input type=\"text\" id=\"rsvpName\" required placeholder=\"Ej. Mar\u00eda Garc\u00eda\" class=\"w-full px-4 py-2.5 rounded-xl border border-gray-300 focus:border-[#4A2E2B] focus:ring-2 focus:ring-[#4A2E2B]\/20 outline-none text-sm transition-all\">\r\n <\/div>\r\n\r\n <div class=\"flex items-center gap-3 pt-2\">\r\n <input type=\"checkbox\" id=\"rsvpAttending\" checked class=\"w-5 h-5 accent-[#4A2E2B] rounded cursor-pointer\">\r\n <label for=\"rsvpAttending\" class=\"text-sm font-medium text-gray-700 cursor-pointer\">\u00a1S\u00ed, confirmo mi asistencia!<\/label>\r\n <\/div>\r\n\r\n <div class=\"flex items-center gap-3 pt-2\">\r\n <input type=\"checkbox\" id=\"rsvpAttending\" checked class=\"w-5 h-5 accent-[#4A2E2B] rounded cursor-pointer\">\r\n <label for=\"rsvpAttending\" class=\"text-sm font-medium text-gray-700 cursor-pointer\">\u00a1No, Siento mucho no asistir!<\/label>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"w-full py-3.5 bg-[#4A2E2B] hover:bg-[#3B2320] text-white font-medium rounded-xl shadow-md transition-all duration-300 flex items-center justify-center gap-2 mt-4\">\r\n <i class=\"fa-brands fa-whatsapp text-lg\"><\/i>\r\n <span>Enviar a WhatsApp<\/span>\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n let audioPlayer = null;\r\n let isPlaying = false;\r\n\r\n function startAudio() {\r\n audioPlayer = document.getElementById('weddingAudio');\r\n if (audioPlayer) {\r\n audioPlayer.currentTime = 0;\r\n const playPromise = audioPlayer.play();\r\n \r\n if (playPromise !== undefined) {\r\n playPromise.then(() => {\r\n isPlaying = true;\r\n document.getElementById('audioControls').classList.remove('hidden');\r\n document.getElementById('musicIcon').className = \"fa-solid fa-music animate-pulse\";\r\n }).catch(e => {\r\n console.log(\"Auto-play prevenido por el navegador: \", e);\r\n document.getElementById('audioControls').classList.remove('hidden');\r\n document.getElementById('musicIcon').className = \"fa-solid fa-volume-xmark\";\r\n isPlaying = false;\r\n });\r\n }\r\n }\r\n }\r\n\r\n function toggleAudio() {\r\n audioPlayer = document.getElementById('weddingAudio');\r\n const icon = document.getElementById('musicIcon');\r\n if (!audioPlayer) return;\r\n\r\n if (isPlaying) {\r\n audioPlayer.pause();\r\n isPlaying = false;\r\n icon.className = \"fa-solid fa-volume-xmark\";\r\n } else {\r\n audioPlayer.play().then(() => {\r\n isPlaying = true;\r\n icon.className = \"fa-solid fa-music animate-pulse\";\r\n }).catch(e => {\r\n console.log(\"Error al reproducir audio: \", e);\r\n });\r\n }\r\n }\r\n\r\n function openInvitation() {\r\n const envelopeScreen = document.getElementById('envelopeScreen');\r\n const envelopeWrapper = document.getElementById('envelopeWrapper');\r\n const mainContent = document.getElementById('mainContent');\r\n\r\n envelopeWrapper.classList.add('envelope-open');\r\n startAudio();\r\n\r\n setTimeout(() => {\r\n envelopeScreen.classList.add('opacity-0', 'pointer-events-none');\r\n mainContent.classList.remove('opacity-0');\r\n \r\n initScrollObserver();\r\n\r\n setTimeout(() => {\r\n window.scrollTo({\r\n top: 100,\r\n behavior: 'smooth'\r\n });\r\n }, 300);\r\n\r\n }, 700);\r\n }\r\n\r\n function initScrollObserver() {\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n }\r\n });\r\n }, { threshold: 0.1 });\r\n\r\n document.querySelectorAll('.fade-in-up').forEach(el => observer.observe(el));\r\n }\r\n\r\n function openRsvpModal() {\r\n const modal = document.getElementById('rsvpModal');\r\n const container = document.getElementById('modalContainer');\r\n modal.classList.remove('hidden');\r\n setTimeout(() => {\r\n container.classList.remove('scale-95');\r\n container.classList.add('scale-100');\r\n }, 10);\r\n }\r\n\r\n function closeRsvpModal() {\r\n const modal = document.getElementById('rsvpModal');\r\n const container = document.getElementById('modalContainer');\r\n container.classList.remove('scale-100');\r\n container.classList.add('scale-95');\r\n setTimeout(() => {\r\n modal.classList.add('hidden');\r\n }, 200);\r\n }\r\n\r\n let currentSlide = 0;\r\n let storyInterval = null;\r\n const totalSlides = 11;\r\n const kbEffects = ['kb-zoom-in', 'kb-pan-right', 'kb-zoom-out', 'kb-pan-left'];\r\n\r\n function showStorySlide(index) {\r\n const slides = document.querySelectorAll('.kenburns-slide');\r\n const dots = document.querySelectorAll('#storyDotsContainer button');\r\n\r\n if (slides.length === 0) return;\r\n\r\n currentSlide = (index + totalSlides) % totalSlides;\r\n\r\n slides.forEach((slide, idx) => {\r\n const img = slide.querySelector('.kenburns-img');\r\n \r\n if (idx === currentSlide) {\r\n slide.classList.add('active');\r\n if (img) {\r\n img.className = 'kenburns-img ' + kbEffects[idx % kbEffects.length];\r\n }\r\n } else {\r\n slide.classList.remove('active');\r\n }\r\n });\r\n\r\n dots.forEach((dot, idx) => {\r\n if (idx === currentSlide) {\r\n dot.className = 'w-6 h-2.5 rounded-full bg-[#4A2E2B] transition-all duration-300 shadow';\r\n } else {\r\n dot.className = 'w-2.5 h-2.5 rounded-full bg-white\/50 transition-all duration-300 shadow';\r\n }\r\n });\r\n }\r\n\r\n function nextStorySlide() {\r\n showStorySlide(currentSlide + 1);\r\n resetStoryTimer();\r\n }\r\n\r\n function prevStorySlide() {\r\n showStorySlide(currentSlide - 1);\r\n resetStoryTimer();\r\n }\r\n\r\n function goToStorySlide(index) {\r\n showStorySlide(index);\r\n resetStoryTimer();\r\n }\r\n\r\n function startStoryAutoPlay() {\r\n if (storyInterval) clearInterval(storyInterval);\r\n storyInterval = setInterval(() => {\r\n showStorySlide(currentSlide + 1);\r\n }, 7000);\r\n }\r\n\r\n function resetStoryTimer() {\r\n startStoryAutoPlay();\r\n }\r\n\r\n \/* CUENTA REGRESIVA *\/\r\n function initCountdown() {\r\n const targetDate = new Date(\"November 26, 2026 16:30:00\").getTime();\r\n\r\n function updateCountdown() {\r\n const now = new Date().getTime();\r\n const distance = targetDate - now;\r\n\r\n if (distance < 0) {\r\n document.getElementById(\"cd-days\").innerText = \"00\";\r\n document.getElementById(\"cd-hours\").innerText = \"00\";\r\n document.getElementById(\"cd-minutes\").innerText = \"00\";\r\n document.getElementById(\"cd-seconds\").innerText = \"00\";\r\n return;\r\n }\r\n\r\n const days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\r\n const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\r\n const minutes = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\r\n const seconds = Math.floor((distance % (1000 * 60)) \/ 1000);\r\n\r\n document.getElementById(\"cd-days\").innerText = days < 10 ? '0' + days : days;\r\n document.getElementById(\"cd-hours\").innerText = hours < 10 ? '0' + hours : hours;\r\n document.getElementById(\"cd-minutes\").innerText = minutes < 10 ? '0' + minutes : minutes;\r\n document.getElementById(\"cd-seconds\").innerText = seconds < 10 ? '0' + seconds : seconds;\r\n }\r\n\r\n updateCountdown();\r\n setInterval(updateCountdown, 1000);\r\n }\r\n\r\n document.addEventListener('DOMContentLoaded', () => {\r\n showStorySlide(0);\r\n startStoryAutoPlay();\r\n initCountdown();\r\n });\r\n\r\n function sendRsvpWhatsApp(event) {\r\n event.preventDefault();\r\n const name = document.getElementById('rsvpName').value;\r\n const attending = document.getElementById('rsvpAttending').checked ? \"S\u00cd Asistir\u00e9\" : \"No podr\u00e9 asistir\";\r\n\r\n const phoneNumber = \"+584147919183\";\r\n const text = `\u00a1Hola! Confirmo datos para la Boda de Aizbert & Ocvin:\\n\\n` +\r\n `\ud83d\udc64 *Nombre:* ${name}\\n` +\r\n `\u2705 *Asistencia:* ${attending}`;\r\n\r\n const url = `https:\/\/wa.me\/${phoneNumber}?text=${encodeURIComponent(text)}`;\r\n window.open(url, '_blank');\r\n closeRsvpModal();\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\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>Aizbert & Ocvin \u2014 Nuestra Boda Tu navegador no soporta el elemento de audio. Reserva la fecha Aizbert & Ocvin Invitaci\u00f3n Especial te invitamos…<\/p>\n<div class=\"pvc_clear\"><\/div>\n<p id=\"pvc_stats_522\" class=\"pvc_stats all \" data-element-id=\"522\" style=\"\"><i class=\"pvc-stats-icon large\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.0\" viewBox=\"0 0 502 315\" preserveAspectRatio=\"xMidYMid meet\"><g transform=\"translate(0,332) scale(0.1,-0.1)\" fill=\"\" stroke=\"none\"><path d=\"M2394 3279 l-29 -30 -3 -207 c-2 -182 0 -211 15 -242 39 -76 157 -76 196 0 15 31 17 60 15 243 l-3 209 -33 29 c-26 23 -41 29 -80 29 -41 0 -53 -5 -78 -31z\"\/><path d=\"M3085 3251 c-45 -19 -58 -50 -96 -229 -47 -217 -49 -260 -13 -295 52 -53 146 -42 177 20 16 31 87 366 87 410 0 70 -86 122 -155 94z\"\/><path d=\"M1751 3234 c-13 -9 -29 -31 -37 -50 -12 -29 -10 -49 21 -204 19 -94 39 -189 45 -210 14 -50 54 -80 110 -80 34 0 48 6 76 34 21 21 34 44 34 59 0 14 -18 113 -40 219 -37 178 -43 195 -70 221 -36 32 -101 37 -139 11z\"\/><path d=\"M1163 3073 c-36 -7 -73 -59 -73 -102 0 -56 133 -378 171 -413 34 -32 83 -37 129 -13 70 36 67 87 -16 290 -86 209 -89 214 -129 231 -35 14 -42 15 -82 7z\"\/><path d=\"M3689 3066 c-15 -9 -33 -30 -42 -48 -48 -103 -147 -355 -147 -375 0 -98 131 -148 192 -74 13 15 57 108 97 206 80 196 84 226 37 273 -30 30 -99 39 -137 18z\"\/><path d=\"M583 2784 c-38 -19 -67 -74 -58 -113 9 -42 211 -354 242 -373 16 -10 45 -18 66 -18 51 0 107 52 107 100 0 39 -1 41 -124 234 -80 126 -108 162 -133 173 -41 17 -61 16 -100 -3z\"\/><path d=\"M4250 2784 c-14 -9 -74 -91 -133 -183 -95 -150 -107 -173 -107 -213 0 -55 33 -94 87 -104 67 -13 90 8 211 198 130 202 137 225 78 284 -27 27 -42 34 -72 34 -22 0 -50 -8 -64 -16z\"\/><path d=\"M2275 2693 c-553 -48 -1095 -270 -1585 -649 -135 -104 -459 -423 -483 -476 -23 -49 -22 -139 2 -186 73 -142 361 -457 571 -626 285 -228 642 -407 990 -497 242 -63 336 -73 660 -74 310 0 370 5 595 52 535 111 1045 392 1455 803 122 121 250 273 275 326 19 41 19 137 0 174 -41 79 -309 363 -465 492 -447 370 -946 591 -1479 653 -113 14 -422 18 -536 8z m395 -428 c171 -34 330 -124 456 -258 112 -119 167 -219 211 -378 27 -96 24 -300 -5 -401 -72 -255 -236 -447 -474 -557 -132 -62 -201 -76 -368 -76 -167 0 -236 14 -368 76 -213 98 -373 271 -451 485 -162 444 86 934 547 1084 153 49 292 57 452 25z m909 -232 c222 -123 408 -262 593 -441 76 -74 138 -139 138 -144 0 -16 -233 -242 -330 -319 -155 -123 -309 -223 -461 -299 l-81 -41 32 46 c18 26 49 83 70 128 143 306 141 649 -6 957 -25 52 -61 116 -79 142 l-34 47 45 -20 c26 -10 76 -36 113 -56z m-2057 25 c-40 -58 -105 -190 -130 -263 -110 -324 -59 -707 132 -981 25 -35 42 -64 37 -64 -19 0 -241 119 -326 174 -188 122 -406 314 -532 468 l-58 71 108 103 c185 178 428 349 672 473 66 33 121 60 123 61 2 0 -10 -19 -26 -42z\"\/><path d=\"M2375 1950 c-198 -44 -350 -190 -395 -379 -18 -76 -8 -221 19 -290 114 -284 457 -406 731 -260 98 52 188 154 231 260 27 69 37 214 19 290 -38 163 -166 304 -326 360 -67 23 -215 33 -279 19z\"\/><\/g><\/svg><\/i> <img decoding=\"async\" width=\"16\" height=\"16\" alt=\"Loading\" src=\"https:\/\/sesdominios.com\/wp-content\/plugins\/page-views-count\/ajax-loader-2x.gif\" border=0 \/><\/p>\n<div class=\"pvc_clear\"><\/div>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-522","page","type-page","status-publish","hentry"],"a3_pvc":{"activated":true,"total_views":8,"today_views":0},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/sesdominios.com\/home\/wp-json\/wp\/v2\/pages\/522","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sesdominios.com\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sesdominios.com\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sesdominios.com\/home\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sesdominios.com\/home\/wp-json\/wp\/v2\/comments?post=522"}],"version-history":[{"count":120,"href":"https:\/\/sesdominios.com\/home\/wp-json\/wp\/v2\/pages\/522\/revisions"}],"predecessor-version":[{"id":689,"href":"https:\/\/sesdominios.com\/home\/wp-json\/wp\/v2\/pages\/522\/revisions\/689"}],"wp:attachment":[{"href":"https:\/\/sesdominios.com\/home\/wp-json\/wp\/v2\/media?parent=522"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}