{"id":11,"date":"2026-06-08T11:21:10","date_gmt":"2026-06-08T11:21:10","guid":{"rendered":"https:\/\/ivanytania.com\/?page_id=11"},"modified":"2026-06-11T16:40:51","modified_gmt":"2026-06-11T16:40:51","slug":"nos-casamos","status":"publish","type":"page","link":"https:\/\/ivanytania.com\/","title":{"rendered":"Nos casamos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-24d0319 e-flex e-con-boxed e-con e-parent\" data-id=\"24d0319\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e0c77a4 elementor-widget elementor-widget-html\" data-id=\"e0c77a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n\n\n<!--\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n  SOBRE DE BODA \u2014 Bloque HTML para Elementor\n  Imagen del sobre + aparece siempre al recargar\n  Carta blanca + m\u00e1s baja detr\u00e1s del sobre\n  Sombra corregida en mobile\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n-->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=La+Belle+Aurore&family=Montserrat:wght@300;400&display=swap\" rel=\"stylesheet\">\n\n<div id=\"weo\">\n  <div id=\"weo-cnt\">\n\n    <!-- \u2550\u2550 Flotaci\u00f3n + sombra \u2550\u2550 -->\n    <div id=\"weo-float\">\n      <div id=\"weo-area\">\n\n        <!-- Carta que sale por detr\u00e1s al hacer clic -->\n        <div id=\"weo-card\" aria-hidden=\"true\">\n          <p id=\"weo-card-txt\">I + T<\/p>\n        <\/div>\n\n        <!-- Imagen del sobre con recorte interno para quitar bordes negros -->\n        <div id=\"weo-img-wrap\">\n          <div id=\"weo-img-crop\">\n            <img decoding=\"async\" id=\"weo-img\"\n                 src=\"https:\/\/ivanytania.com\/wp-content\/uploads\/2026\/06\/sobre3.png\"\n                 alt=\"Sobre de invitaci\u00f3n\"\n                 draggable=\"false\">\n          <\/div>\n        <\/div>\n\n      <\/div><!-- \/#weo-area -->\n    <\/div><!-- \/#weo-float -->\n\n    <!-- \u2550\u2550 Textos \u2550\u2550 -->\n    <div id=\"weo-txt\">\n      <p id=\"weo-txt-a\">CON MUCHO AMOR Y UN PEL\u00cdN DE NERVIOS\u2026<\/p>\n<p id=\"weo-txt-b\">Te invitamos a abrir este sobre.<\/p>\n    <\/div>\n\n  <\/div><!-- \/#weo-cnt -->\n<\/div><!-- \/#weo -->\n\n\n<style>\n\/* \u2500\u2500\u2500 Reset local \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#weo,\n#weo * {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n\/* \u2500\u2500\u2500 Overlay pantalla completa \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#weo {\n  position: fixed;\n  inset: 0;\n  z-index: 999999;\n  background-color: #fbf8f1;\n  \/* background-image: url(\"https:\/\/ivanytania.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-9-jun-2026-19_16_45.png\");\n  background-size: cover;*\/\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  user-select: none;\n  animation: weoIn 0.6s ease both;\n  overflow: hidden;\n}\n\n@keyframes weoIn {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n\/* \u2500\u2500\u2500 Contenedor central \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#weo-cnt {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 46px;\n  animation: weoCntIn 0.75s cubic-bezier(0.22, 1, 0.36, 1) both 0.1s;\n}\n\n@keyframes weoCntIn {\n  from {\n    opacity: 0;\n    transform: translateY(18px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* \u2500\u2500\u2500 Flotaci\u00f3n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#weo-float {\n  animation: weoFloat 4.2s ease-in-out infinite;\n}\n\n@keyframes weoFloat {\n  0%,\n  100% {\n    transform: translateY(0px);\n  }\n\n  45% {\n    transform: translateY(-15px);\n  }\n}\n\n\/* \u2500\u2500\u2500 \u00c1rea sobre + carta \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#weo-area {\n  position: relative;\n  width: 460px;\n  overflow: visible;\n}\n\n\/* \u2500\u2500\u2500 Imagen del sobre + sombra \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#weo-img-wrap {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  overflow: visible;\n  line-height: 0;\n}\n\n\/* Sombra exterior, fuera del recorte *\/\n#weo-img-wrap::after {\n  content: \"\";\n  position: absolute;\n  left: 7%;\n  right: 7%;\n  bottom: -46px;\n  height: 72px;\n  z-index: -1;\n  background: radial-gradient(\n    ellipse at center,\n    rgba(110, 85, 50, 0.28) 0%,\n    rgba(110, 85, 50, 0.18) 38%,\n    rgba(110, 85, 50, 0.08) 65%,\n    rgba(110, 85, 50, 0) 100%\n  );\n  filter: blur(13px);\n  pointer-events: none;\n}\n\n\/* Solo esta capa recorta el borde negro de la imagen *\/\n#weo-img-crop {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  line-height: 0;\n}\n\n#weo-img {\n  display: block;\n  width: 106%;\n  max-width: none;\n  height: auto;\n  margin-left: -3%;\n  margin-top: -3%;\n  margin-bottom: -3%;\n  pointer-events: none;\n}\n\n\/* \u2500\u2500\u2500 Carta detr\u00e1s del sobre \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#weo-card {\n  position: absolute;\n  bottom: 8px;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 1;\n  width: 300px;\n  min-height: 210px;\n  padding: 48px 28px 28px;\n  background: #FFFFFF;\n  border: 1px solid rgba(180, 148, 46, 0.25);\n  border-radius: 10px 10px 4px 4px;\n  text-align: center;\n  pointer-events: none;\n  box-shadow:\n    0 4px 14px rgba(80, 80, 60, 0.08),\n    inset 0 3px 8px rgba(160, 130, 40, 0.05);\n}\n\n#weo-card-txt {\n  font-family: 'La Belle Aurore', cursive;\n  font-size: 44px;\n  line-height: 1;\n  color: #2A4D32;\n  letter-spacing: 0.08em;\n}\n\n\/* \u2500\u2500\u2500 Textos bajo el sobre \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#weo-txt {\n  text-align: center;\n  transition: opacity 0.4s ease, transform 0.4s ease;\n}\n\n#weo-txt-a {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 15px;\n  font-weight: 400;\n  letter-spacing: 0.26em;\n  color: #2d2b25;\n  text-transform: uppercase;\n  margin-bottom: 12px;\n}\n\n#weo-txt-b {\n  font-family: 'La Belle Aurore', cursive;\n  font-size: 45px;\n  color: #1c1e18;\n  line-height: 1.2;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ESTADO: ABRIENDO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n#weo.weo-opening #weo-float {\n  animation: none;\n}\n\n\/*\n  La carta sube poco y queda parcialmente escondida detr\u00e1s del sobre.\n*\/\n#weo.weo-opening #weo-card {\n  transition:\n    transform 0.82s cubic-bezier(0.12, 0, 0.22, 1);\n  transform: translateX(-50%) translateY(-225px);\n  opacity: 1;\n}\n\n#weo.weo-opening #weo-txt {\n  opacity: 0;\n  transform: translateY(5px);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ESTADO: SALIDA\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n#weo.weo-out {\n  animation: weoOut 0.85s ease forwards !important;\n  pointer-events: none;\n}\n\n@keyframes weoOut {\n  0% {\n    opacity: 1;\n  }\n\n  100% {\n    opacity: 0;\n  }\n}\n\n\/* \u2500\u2500\u2500 Responsive \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width: 540px) {\n  #weo-cnt {\n    gap: 34px;\n    transform: translateY(-10px);\n  }\n\n  #weo-area {\n    width: 340px;\n  }\n\n  #weo-img-wrap::after {\n    left: 8%;\n    right: 8%;\n    bottom: -40px;\n    height: 66px;\n    filter: blur(11px);\n  }\n\n  #weo-card {\n    width: 230px;\n    min-height: 165px;\n    bottom: 6px;\n    padding: 36px 20px 22px;\n  }\n\n  #weo-card-txt {\n    font-size: 34px;\n  }\n\n  #weo.weo-opening #weo-card {\n    transform: translateX(-50%) translateY(-152px);\n  }\n\n  #weo-txt-b {\n    font-size: 25px;\n  }\n\n  #weo-txt-a {\n    font-size: 10px;\n    letter-spacing: 0.2em;\n  }\n}\n\n@media (max-width: 390px) {\n  #weo-cnt {\n    gap: 30px;\n    transform: translateY(-8px);\n  }\n\n  #weo-area {\n    width: 286px;\n  }\n\n  #weo-img-wrap::after {\n    left: 9%;\n    right: 9%;\n    bottom: -34px;\n    height: 58px;\n    filter: blur(10px);\n  }\n\n  #weo-card {\n    width: 190px;\n    min-height: 140px;\n    bottom: 5px;\n    padding: 30px 14px 18px;\n  }\n\n  #weo-card-txt {\n    font-size: 29px;\n  }\n\n  #weo.weo-opening #weo-card {\n    transform: translateX(-50%) translateY(-138px);\n  }\n\n  #weo-txt-b {\n    font-size: 21px;\n  }\n\n  #weo-txt-a {\n    font-size: 9.5px;\n  }\n}\n<\/style>\n\n\n<script>\n(function () {\n  'use strict';\n\n  var o = document.getElementById('weo');\n  if (!o) return;\n\n  \/*\n    El sobre aparece siempre al recargar.\n    No usamos sessionStorage ni localStorage.\n  *\/\n\n  var prevOvf = document.body.style.overflow;\n  document.body.style.overflow = 'hidden';\n\n  function abrir() {\n    o.removeEventListener('click', abrir);\n    o.removeEventListener('keydown', onTecla);\n\n    o.classList.add('weo-opening');\n\n    \/*\n      La carta sube primero.\n      Esperamos 2,8 segundos antes de desvanecer todo el overlay.\n    *\/\n    setTimeout(function () {\n      o.classList.add('weo-out');\n      document.body.style.overflow = prevOvf;\n\n      setTimeout(function () {\n        if (o.parentNode) {\n          o.parentNode.removeChild(o);\n        }\n      }, 870);\n    }, 2800);\n  }\n\n  function onTecla(e) {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      abrir();\n    }\n  }\n\n  o.setAttribute('tabindex', '0');\n  o.setAttribute('role', 'button');\n  o.setAttribute('aria-label', 'Invitaci\u00f3n de boda \u2014 haz clic para abrir');\n  o.addEventListener('click', abrir);\n  o.addEventListener('keydown', onTecla);\n}());\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<section class=\"elementor-element elementor-element-acbe6a5 e-con e-atomic-element e-flexbox-base e-987a1cb fondo-rayas \" data-id=\"acbe6a5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"acbe6a5\" data-e-type=\"e-flexbox\" data-id=\"acbe6a5\" >\n    <div class=\"elementor-element elementor-element-2c6fecf e-con e-atomic-element e-div-block-base e-2c6fecf-01c61b2 \" data-id=\"2c6fecf\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"2c6fecf\" data-e-type=\"e-div-block\" data-id=\"2c6fecf\">\n    \t\t<div class=\"elementor-element elementor-element-4ad4324 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"4ad4324\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,300;0,700&family=La+Belle+Aurore&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&display=swap\" rel=\"stylesheet\">\n\n<style>\n.bt-wrap { width:100%; margin:0 auto; }\n\n.bt-dw {\n  display:block; max-width:100%; margin:0 auto; text-align:center;\n  padding-top: 36px; padding-bottom: 24px;\n}\n.bt-mw {\n  display:none; max-width:100%; margin:0 auto; text-align:center;\n  padding-top: 44px; padding-bottom: 28px;\n}\n\n@media(max-width:600px){\n  .bt-dw { display:none; }\n  .bt-mw { display:block; }\n}\n\n.bt-dw .an-card {\n  height: min(85vh, 920px) !important;\n  width:  auto !important;\n  max-width: 96vw !important;\n  display: inline-block !important;\n}\n.bt-mw .an-card {\n  width:  min(96vw, 480px) !important;\n  height: auto !important;\n  max-height: 94vh !important;\n  display: inline-block !important;\n}\n\n@keyframes scaleIn {\n  from { opacity:0; transform:scale(0.93) rotate(-2.5deg); }\n  to   { opacity:1; transform:scale(1)    rotate(-2.5deg); }\n}\n\n@media(max-width:600px){\n  @keyframes scaleIn {\n    from { opacity:0; transform:scale(0.93); }\n    to   { opacity:1; transform:scale(1); }\n  }\n  .an-card { transform: rotate(0deg) !important; }\n}\n@keyframes fadeUp  { from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:translateY(0);} }\n@keyframes fadeIn  { from{opacity:0;}to{opacity:1;} }\n@keyframes lineGrow{ from{stroke-dashoffset:120;}to{stroke-dashoffset:0;} }\n@keyframes countUp { from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);} }\n\n.an-card   { animation:scaleIn 0.9s cubic-bezier(0.22,1,0.36,1) both; transform-origin:center; }\n.an-nos    { animation:fadeUp  0.7s ease both; animation-delay:0.3s; }\n.an-names  { animation:fadeUp  0.9s cubic-bezier(0.22,1,0.36,1) both; animation-delay:0.55s; }\n.an-sub    { animation:fadeUp  0.7s ease both; animation-delay:0.85s; }\n.an-date   { animation:fadeUp  0.6s ease both; animation-delay:1.05s; }\n.an-line1  { stroke-dasharray:120; animation:lineGrow 0.7s ease both; animation-delay:1.25s; }\n.an-venue  { animation:fadeUp  0.6s ease both; animation-delay:1.15s; }\n.an-line2  { stroke-dasharray:120; animation:lineGrow 0.7s ease both; animation-delay:1.35s; }\n.an-box1   { animation:countUp 0.5s ease both; animation-delay:1.4s; }\n.an-box2   { animation:countUp 0.5s ease both; animation-delay:1.55s; }\n.an-box3   { animation:countUp 0.5s ease both; animation-delay:1.7s; }\n.an-box4   { animation:countUp 0.5s ease both; animation-delay:1.85s; }\n.an-scroll { animation:fadeIn  0.6s ease both; animation-delay:2.1s; }\n<\/style>\n\n<div class=\"bt-wrap\">\n\n<!-- \u2550\u2550 ESCRITORIO \u2550\u2550 -->\n<div class=\"bt-dw\">\n<svg class=\"an-card\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n     viewBox=\"-30 -30 740 550\"\n     style=\"width:100%;height:auto;display:block;overflow:visible;\">\n\n  <!-- Tarjeta con borde ondulado (irregular tipo carta) -->\n  <path d=\"M 48,0 Q 84.5,-14 121,0 Q 157.5,-14 194,0 Q 230.5,-14 267,0 Q 303.5,-14 340,0 Q 376.5,-14 413,0 Q 449.5,-14 486,0 Q 522.5,-14 559,0 Q 595.5,-14 632,0 Q 692.6,-12.6 680,48 Q 694,87 680,127 Q 694,166 680,206 Q 694,245 680,285 Q 694,324 680,364 Q 694,403 680,442 Q 692.6,502.6 632,490 Q 595.5,504 559,490 Q 522.5,504 486,490 Q 449.5,504 413,490 Q 376.5,504 340,490 Q 303.5,504 267,490 Q 230.5,504 194,490 Q 157.5,504 121,490 Q 84.5,504 48,490 Q -12.6,502.6 0,442 Q -14,403 0,364 Q -14,324 0,285 Q -14,245 0,206 Q -14,166 0,127 Q -14,87 0,48 Q -12.6,-12.6 48,0 Z\"\n        fill=\"white\"\n        stroke=\"rgba(180,148,46,0.25)\" stroke-width=\"1\"\/>\n\n  <image class=\"an-nos\"\n         href=\"https:\/\/ivanytania.com\/wp-content\/uploads\/2026\/06\/noscasamos.png\"\n         x=\"140\" y=\"28\" width=\"400\" height=\"130\"\n         preserveAspectRatio=\"xMidYMid meet\"\/>\n\n  <text class=\"an-names\" x=\"340\" y=\"228\" font-family=\"'La Belle Aurore',cursive\" font-size=\"88\" fill=\"#3D4F3D\" text-anchor=\"middle\">Iv\u00e1n + Tania<\/text>\n\n  <text class=\"an-date\" x=\"185\" y=\"292\" font-family=\"'La Belle Aurore',cursive\" font-size=\"26\" fill=\"#3D4F3D\" text-anchor=\"middle\">25.09.2026<\/text>\n  <path class=\"an-line1\" d=\"M 155,302 C 163,298 172,306 180,302 C 188,298 197,306 205,302 C 213,298 222,306 230,302\" fill=\"none\" stroke=\"#B89968\" stroke-width=\"1.3\"\/>\n\n  <g class=\"an-venue\">\n    <text x=\"490\" y=\"290\" font-family=\"Montserrat,sans-serif\" font-weight=\"700\" font-size=\"11\" fill=\"#3D4F3D\" text-anchor=\"middle\" letter-spacing=\"2\">FINCA LA CA\u00d1ADA DE M\u00d3NICO<\/text>\n  <\/g>\n  <path class=\"an-line2\" d=\"M 448,300 C 458,296 468,304 478,300 C 488,296 498,304 508,300 C 518,296 528,304 538,300\" fill=\"none\" stroke=\"#B89968\" stroke-width=\"1.3\"\/>\n\n  <g class=\"an-box1\">\n    <rect x=\"152\" y=\"322\" width=\"82\" height=\"62\" rx=\"10\" fill=\"rgba(255,255,255,0.5)\" stroke=\"rgba(139,113,72,0.3)\" stroke-width=\"1\"\/>\n    <text class=\"boda-days\"  x=\"193\" y=\"365\" font-family=\"Georgia,serif\" font-weight=\"700\" font-size=\"38\" fill=\"#8B7148\" text-anchor=\"middle\">\u2014<\/text>\n    <text x=\"193\" y=\"400\" font-family=\"Montserrat,sans-serif\" font-size=\"9\" fill=\"#8B7148\" text-anchor=\"middle\" letter-spacing=\"2.5\">D\u00cdAS<\/text>\n  <\/g>\n  <g class=\"an-box2\">\n    <rect x=\"249\" y=\"322\" width=\"82\" height=\"62\" rx=\"10\" fill=\"rgba(255,255,255,0.5)\" stroke=\"rgba(139,113,72,0.3)\" stroke-width=\"1\"\/>\n    <text class=\"boda-hours\" x=\"290\" y=\"365\" font-family=\"Georgia,serif\" font-weight=\"700\" font-size=\"38\" fill=\"#8B7148\" text-anchor=\"middle\">\u2014<\/text>\n    <text x=\"290\" y=\"400\" font-family=\"Montserrat,sans-serif\" font-size=\"9\" fill=\"#8B7148\" text-anchor=\"middle\" letter-spacing=\"2.5\">HORAS<\/text>\n  <\/g>\n  <g class=\"an-box3\">\n    <rect x=\"346\" y=\"322\" width=\"82\" height=\"62\" rx=\"10\" fill=\"rgba(255,255,255,0.5)\" stroke=\"rgba(139,113,72,0.3)\" stroke-width=\"1\"\/>\n    <text class=\"boda-mins\"  x=\"387\" y=\"365\" font-family=\"Georgia,serif\" font-weight=\"700\" font-size=\"38\" fill=\"#8B7148\" text-anchor=\"middle\">\u2014<\/text>\n    <text x=\"387\" y=\"400\" font-family=\"Montserrat,sans-serif\" font-size=\"9\" fill=\"#8B7148\" text-anchor=\"middle\" letter-spacing=\"2.5\">MIN<\/text>\n  <\/g>\n  <g class=\"an-box4\">\n    <rect x=\"443\" y=\"322\" width=\"82\" height=\"62\" rx=\"10\" fill=\"rgba(255,255,255,0.5)\" stroke=\"rgba(139,113,72,0.3)\" stroke-width=\"1\"\/>\n    <text class=\"boda-secs\"  x=\"484\" y=\"365\" font-family=\"Georgia,serif\" font-weight=\"700\" font-size=\"38\" fill=\"#8B7148\" text-anchor=\"middle\">\u2014<\/text>\n    <text x=\"484\" y=\"400\" font-family=\"Montserrat,sans-serif\" font-size=\"9\" fill=\"#8B7148\" text-anchor=\"middle\" letter-spacing=\"2.5\">SEG<\/text>\n  <\/g>\n  <text class=\"an-scroll\" x=\"340\" y=\"453\" font-family=\"Montserrat,sans-serif\" font-size=\"10\" fill=\"#6B7A66\" text-anchor=\"middle\" letter-spacing=\"3\">Desliza \u2193<\/text>\n<\/svg>\n<\/div>\n\n\n<!-- \u2550\u2550 M\u00d3VIL \u2550\u2550 -->\n<div class=\"bt-mw\">\n<svg class=\"an-card\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n     viewBox=\"-28 -28 436 776\"\n     style=\"width:100%;height:auto;display:block;overflow:visible;\">\n\n  <!-- Tarjeta con borde ondulado (irregular tipo carta) -->\n  <path d=\"M 24,0 Q 65.5,-14 107,0 Q 148.5,-14 190,0 Q 231.5,-14 273,0 Q 314.5,-14 356,0 Q 392.6,-12.6 380,24 Q 394,66 380,108 Q 394,150 380,192 Q 394,234 380,276 Q 394,318 380,360 Q 394,402 380,444 Q 394,486 380,528 Q 394,570 380,612 Q 394,654 380,696 Q 392.6,732.6 356,720 Q 314.5,734 273,720 Q 231.5,734 190,720 Q 148.5,734 107,720 Q 65.5,734 24,720 Q -12.6,732.6 0,696 Q -14,654 0,612 Q -14,570 0,528 Q -14,486 0,444 Q -14,402 0,360 Q -14,318 0,276 Q -14,234 0,192 Q -14,150 0,108 Q -14,66 0,24 Q -12.6,-12.6 24,0 Z\"\n        fill=\"white\"\n        stroke=\"rgba(180,148,46,0.25)\" stroke-width=\"1\"\/>\n\n  <!-- Contenido -->\n  <image class=\"an-nos\"\n         href=\"https:\/\/ivanytania.com\/wp-content\/uploads\/2026\/06\/noscasamos.png\"\n         x=\"40\" y=\"30\" width=\"300\" height=\"126\"\n         preserveAspectRatio=\"xMidYMid meet\"\/>\n\n  <text class=\"an-names\" x=\"190\" y=\"252\" font-family=\"'La Belle Aurore',cursive\" font-size=\"92\" fill=\"#3D4F3D\" text-anchor=\"middle\">Iv\u00e1n<\/text>\n  <text class=\"an-names\" x=\"190\" y=\"304\" font-family=\"'La Belle Aurore',cursive\" font-size=\"56\" fill=\"#B89968\" text-anchor=\"middle\">+<\/text>\n  <text class=\"an-names\" x=\"190\" y=\"374\" font-family=\"'La Belle Aurore',cursive\" font-size=\"92\" fill=\"#3D4F3D\" text-anchor=\"middle\">Tania<\/text>\n\n  <text class=\"an-date\" x=\"190\" y=\"436\" font-family=\"'La Belle Aurore',cursive\" font-size=\"32\" fill=\"#3D4F3D\" text-anchor=\"middle\">25.09.2026<\/text>\n  <path class=\"an-line1\" d=\"M 155,450 C 165,446 175,454 185,450 C 195,446 205,454 215,450 C 225,446 235,454 245,450\" fill=\"none\" stroke=\"#B89968\" stroke-width=\"1.3\"\/>\n\n  <g class=\"an-venue\">\n    <text x=\"190\" y=\"482\" font-family=\"Montserrat,sans-serif\" font-weight=\"700\" font-size=\"11\" fill=\"#3D4F3D\" text-anchor=\"middle\" letter-spacing=\"2\">FINCA LA CA\u00d1ADA DE M\u00d3NICO<\/text>\n  <\/g>\n\n  <g class=\"an-box1\">\n    <rect x=\"35\"  y=\"518\" width=\"70\" height=\"55\" rx=\"10\" fill=\"rgba(255,255,255,0.5)\" stroke=\"rgba(139,113,72,0.3)\" stroke-width=\"1\"\/>\n    <text class=\"boda-days\"  x=\"70\"  y=\"556\" font-family=\"Georgia,serif\" font-weight=\"700\" font-size=\"30\" fill=\"#8B7148\" text-anchor=\"middle\">\u2014<\/text>\n    <text x=\"70\"  y=\"590\" font-family=\"Montserrat,sans-serif\" font-size=\"9\" fill=\"#8B7148\" text-anchor=\"middle\" letter-spacing=\"2\">D\u00cdAS<\/text>\n  <\/g>\n  <g class=\"an-box2\">\n    <rect x=\"115\" y=\"518\" width=\"70\" height=\"55\" rx=\"10\" fill=\"rgba(255,255,255,0.5)\" stroke=\"rgba(139,113,72,0.3)\" stroke-width=\"1\"\/>\n    <text class=\"boda-hours\" x=\"150\" y=\"556\" font-family=\"Georgia,serif\" font-weight=\"700\" font-size=\"30\" fill=\"#8B7148\" text-anchor=\"middle\">\u2014<\/text>\n    <text x=\"150\" y=\"590\" font-family=\"Montserrat,sans-serif\" font-size=\"9\" fill=\"#8B7148\" text-anchor=\"middle\" letter-spacing=\"2\">HORAS<\/text>\n  <\/g>\n  <g class=\"an-box3\">\n    <rect x=\"195\" y=\"518\" width=\"70\" height=\"55\" rx=\"10\" fill=\"rgba(255,255,255,0.5)\" stroke=\"rgba(139,113,72,0.3)\" stroke-width=\"1\"\/>\n    <text class=\"boda-mins\"  x=\"230\" y=\"556\" font-family=\"Georgia,serif\" font-weight=\"700\" font-size=\"30\" fill=\"#8B7148\" text-anchor=\"middle\">\u2014<\/text>\n    <text x=\"230\" y=\"590\" font-family=\"Montserrat,sans-serif\" font-size=\"9\" fill=\"#8B7148\" text-anchor=\"middle\" letter-spacing=\"2\">MIN<\/text>\n  <\/g>\n  <g class=\"an-box4\">\n    <rect x=\"275\" y=\"518\" width=\"70\" height=\"55\" rx=\"10\" fill=\"rgba(255,255,255,0.5)\" stroke=\"rgba(139,113,72,0.3)\" stroke-width=\"1\"\/>\n    <text class=\"boda-secs\"  x=\"310\" y=\"556\" font-family=\"Georgia,serif\" font-weight=\"700\" font-size=\"30\" fill=\"#8B7148\" text-anchor=\"middle\">\u2014<\/text>\n    <text x=\"310\" y=\"590\" font-family=\"Montserrat,sans-serif\" font-size=\"9\" fill=\"#8B7148\" text-anchor=\"middle\" letter-spacing=\"2\">SEG<\/text>\n  <\/g>\n  <text class=\"an-scroll\" x=\"190\" y=\"648\" font-family=\"Montserrat,sans-serif\" font-size=\"10\" fill=\"#6B7A66\" text-anchor=\"middle\" letter-spacing=\"3\">Desliza \u2193<\/text>\n\n<\/svg>\n<\/div>\n\n<\/div>\n\n<script>\n(function(){\n  function setAll(cls,val){var els=document.querySelectorAll('.'+cls);for(var i=0;i<els.length;i++)els[i].textContent=val;}\n  function tick(){\n    var t=new Date('2026-09-25T00:00:00')-new Date();\n    var p=function(n){return String(Math.max(0,n)).padStart(2,'0');};\n    if(t<=0){t=0;}\n    setAll('boda-days', p(Math.floor(t\/86400000)));\n    setAll('boda-hours',p(Math.floor(t%86400000\/3600000)));\n    setAll('boda-mins', p(Math.floor(t%3600000\/60000)));\n    setAll('boda-secs', p(Math.floor(t%60000\/1000)));\n  }\n  tick();setInterval(tick,1000);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/section>\n<div class=\"elementor-element elementor-element-9095833 e-con e-atomic-element e-flexbox-base e-f430089 \" data-id=\"9095833\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9095833\" data-e-type=\"e-flexbox\" data-id=\"9095833\">\n    \t\t<div class=\"elementor-element elementor-element-4c62a6b elementor-widget elementor-widget-html\" data-id=\"4c62a6b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600&family=Lato:wght@400;700&family=La+Belle+Aurore&display=swap\" rel=\"stylesheet\">\n\n<div style=\"text-align:center;padding:60px 20px;max-width:740px;margin:0 auto;\">\n\n  <!-- Badge -->\n  <div style=\"display:inline-block;border:1.5px solid #B89968;border-radius:999px;padding:6px 22px;margin-bottom:28px;\">\n    <span style=\"font-family:Lato,sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;color:#B89968;\">PARA TI<\/span>\n  <\/div>\n\n  <!-- T\u00edtulo -->\n  <h2 style=\"font-family:'Playfair Display',serif;font-size:clamp(38px,5vw,42px);font-weight:800;color:#3D4F3D;line-height:1.15;margin:0 0 36px;letter-spacing:-0.8px;\">Si est\u00e1s leyendo esto\u2026<\/h2>\n\n  <!-- P\u00e1rrafo 1 -->\n  <p style=\"font-family:Lato,sans-serif;font-size:17px;font-weight:400;color:#3D4F3D;line-height:1.75;margin:0 0 28px;\">\n    Es porque eres de las personas que queremos tener a nuestro lado uno de los d\u00edas m\u00e1s importantes de nuestras vidas. No est\u00e1s aqu\u00ed por casualidad, est\u00e1s aqu\u00ed porque <strong style=\"font-weight:700;color:#3D4F3D;\">te queremos un mont\u00f3n<\/strong> y no nos imaginamos celebrarlo sin ti.\n  <\/p>\n\n  <!-- P\u00e1rrafo 2 -->\n  <p style=\"font-family:Lato,sans-serif;font-size:17px;font-weight:400;color:#6B7A66;line-height:1.75;margin:0 0 28px;\">\n    Gracias por estar, por querernos y venir a compartir risas, abrazos, unas cuantas croquetas y, probablemente, alguna l\u00e1grima. \u2764\ufe0f\n  <\/p>\n\n  <!-- Frase manuscrita -->\n  <p style=\"font-family:'La Belle Aurore',cursive;font-size:clamp(22px,3vw,34px);color:#3D4F3D;margin:0;\">Esto no ser\u00eda lo mismo sin vosotros.<\/p>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ab7afcd e-con e-atomic-element e-flexbox-base e-ab7afcd-0495b00 \" data-id=\"ab7afcd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ab7afcd\" data-e-type=\"e-flexbox\" data-id=\"ab7afcd\">\n    \t\t<div class=\"elementor-element elementor-element-bab5d4b elementor-widget elementor-widget-html\" data-id=\"bab5d4b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600&family=Lato:wght@400;700&family=La+Belle+Aurore&display=swap\" rel=\"stylesheet\">\n\n<div style=\"text-align:center;padding:50px 20px 70px;max-width:700px;margin:0 auto;\">\n\n  <!-- Logo -->\n  <img decoding=\"async\" src=\"https:\/\/ivanytania.com\/wp-content\/uploads\/2026\/06\/amovivo.png\" alt=\"Veni, Vidi, Amavi\"\n       style=\"width:150px;height:auto;display:block;margin:0 auto 2px;mix-blend-mode:multiply;\"\/>\n\n  <!-- Save the date label -->\n  <p style=\"font-family:Lato,sans-serif;font-size:13px;font-weight:700;letter-spacing:5px;color:#B89968;margin:0 0 16px;\">SAVE THE DATE<\/p>\n\n  <!-- Fecha -->\n  <h2 style=\"font-family:'Playfair Display',serif;font-size:clamp(30px,6vw,50px);font-weight:800;color:#3D4F3D;line-height:1.1;margin:0 0 24px;letter-spacing:-0.8px;\">25 de septiembre de 2026<\/h2>\n\n  <!-- Texto -->\n  <p style=\"font-family:Lato,sans-serif;font-size:17px;color:#6B7A66;line-height:1.75;margin:0 0 28px;\">\n    \u00a1Apuntadlo en rojo! \u00a1Marcad el calendario! Este d\u00eda nos encantar\u00eda que lo compart\u00e1is con nosotros\ufe0f\n  <\/p>\n\n  <!-- Botones -->\n  <div style=\"display:flex;flex-wrap:wrap;gap:16px;justify-content:center;\">\n    <a href=\"https:\/\/www.google.com\/calendar\/render?action=TEMPLATE&text=Boda+Iv%C3%A1n+y+Tania&dates=20260925T000000Z%2F20260925T235900Z&details=Boda+de+Iv%C3%A1n+y+Tania&location=Finca+La+Ca%C3%B1ada+de+M%C3%B3nico\" target=\"_blank\"\n       style=\"display:inline-flex;align-items:center;gap:9px;background:#3D4F3D;color:#fff;font-family:Lato,sans-serif;font-size:15px;font-weight:700;text-decoration:none;padding:14px 28px;border-radius:999px;\">\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\n      Google Calendar\n    <\/a>\n    <a href=\"#\" onclick=\"descargarICS();return false;\"\n       style=\"display:inline-flex;align-items:center;gap:9px;background:transparent;color:#B89968;font-family:Lato,sans-serif;font-size:15px;font-weight:700;text-decoration:none;padding:14px 28px;border-radius:999px;border:2px solid #B89968;\">\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>\n      Descargar .ics\n    <\/a>\n  <\/div>\n\n<\/div>\n\n<script>\nfunction descargarICS(){\n  var ics = [\n    'BEGIN:VCALENDAR',\n    'VERSION:2.0',\n    'PRODID:-\/\/Boda Ivan y Tania\/\/ES',\n    'BEGIN:VEVENT',\n    'DTSTART;VALUE=DATE:20260925',\n    'DTEND;VALUE=DATE:20260926',\n    'SUMMARY:Boda de Iv\u00e1n y Tania',\n    'LOCATION:Finca La Ca\u00f1ada de M\u00f3nico',\n    'DESCRIPTION:\u00a1Nos casamos! Acompa\u00f1adnos en este d\u00eda tan especial.',\n    'END:VEVENT',\n    'END:VCALENDAR'\n  ].join('\\r\\n');\n  var blob = new Blob([ics], {type:'text\/calendar;charset=utf-8'});\n  var a = document.createElement('a');\n  a.href = URL.createObjectURL(blob);\n  a.download = 'boda-ivan-tania.ics';\n  a.click();\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-eadb0a0 e-con-full e-flex e-con e-parent\" data-id=\"eadb0a0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dca276f elementor-widget elementor-widget-html\" data-id=\"dca276f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@1,500&family=Lato:wght@400;700&family=La+Belle+Aurore&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* \u2500\u2500 Contenedor principal \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#boda-amor-outer {\n  position: relative;\n  overflow: hidden;\n  background-color: #ffffff;\n}\n\n\/* \u2500\u2500 V\u00eddeo \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#boda-flor-vid {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  object-position: bottom right;\n  z-index: 1;\n  pointer-events: none;\n  mix-blend-mode: multiply;\n}\n\n\/* \u2500\u2500 V\u00eddeo en M\u00d3VIL: que llene y se vea seguro \u2500\u2500 *\/\n@media (max-width: 768px) {\n  #boda-flor-vid {\n    object-fit: contain;\n    object-position: bottom right;\n  }\n}\n\n\/* \u2500\u2500 Contenido por encima del v\u00eddeo \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.boda-amor-section {\n  position: relative;\n  z-index: 2;\n  text-align: center;\n  padding: 70px 20px;\n  max-width: 1100px;\n  margin: 0 auto;\n  color: rgb(0, 38, 12);\n}\n\n.boda-amor-section .top-image {\n  display: block;\n  margin: 0 auto 6px;\n  max-width: 140px;\n  width: auto;\n  height: auto;\n}\n.boda-amor-section .title-italic {\n  font-family: 'Cormorant Garamond', serif;\n  font-style: italic;\n  font-weight: 500;\n  font-size: clamp(34px, 4.5vw, 42px);\n  line-height: 1.2;\n  margin: 0 0 18px;\n  letter-spacing: -0.5px;\n}\n.boda-amor-section .title-handwritten {\n  font-family: 'La Belle Aurore', cursive;\n  font-size: clamp(26px, 5vw, 58px);\n  line-height: 1.2;\n  margin: 0 0 40px;\n}\n.boda-amor-section .body-text {\n  font-family: Lato, sans-serif;\n  font-size: 17px;\n  line-height: 1.85;\n  max-width: 720px;\n  margin: 0 auto;\n}\n.boda-amor-section .body-text strong { font-weight: 700; }\n\n\/* \u2500\u2500 Polaroid \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.boda-polaroid-wrap {\n  display: flex;\n  justify-content: center;\n  padding: 40px 10px;\n}\n.boda-polaroid {\n  position: relative;\n  width: 380px;\n  max-width: 90%;\n  transform: rotate(-3deg);\n}\n.boda-polaroid-frame {\n  background: #fff;\n  padding: 14px 14px 24px;\n  border-radius: 8px;\n  box-shadow: 0 10px 35px -6px rgba(0,0,0,0.3);\n  position: relative;\n}\n.boda-polaroid-imgwrap {\n  position: relative;\n  width: 100%;\n  padding-bottom: 100%;\n  overflow: hidden;\n}\n.boda-polaroid-img {\n  position: absolute !important;\n  top: 0; left: 0;\n  width: 100% !important;\n  height: 100% !important;\n  object-fit: cover;\n  object-position: center center;\n  display: block;\n  max-width: none !important;\n  filter: contrast(1.05) saturate(0.95);\n}\n.boda-polaroid-noise {\n  position: absolute; inset: 0; z-index: 2;\n  opacity: 0.18; mix-blend-mode: overlay; pointer-events: none;\n  background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='5' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\n}\n.boda-polaroid-gradient {\n  position: absolute; inset: 0; z-index: 2; pointer-events: none;\n  background: linear-gradient(rgba(220,200,140,0.08) 0%, transparent 50%, rgba(120,100,70,0.1) 100%);\n}\n.boda-polaroid-vignette {\n  position: absolute; inset: 0; z-index: 2; pointer-events: none;\n  box-shadow: inset 0 0 60px 15px rgba(0,0,0,0.22);\n}\n.boda-polaroid-caption {\n  font-family: 'La Belle Aurore', cursive;\n  font-size: 1.3rem;\n  color: rgb(58, 99, 58);\n  text-align: center;\n  margin: 18px 0 0;\n  line-height: 1;\n}\n<\/style>\n\n<div id=\"boda-amor-outer\">\n\n  <!-- V\u00eddeo: type corregido a video\/mp4 -->\n  <video id=\"boda-flor-vid\"\n         muted playsinline preload=\"auto\"\n         disablepictureinpicture>\n    <source src=\"https:\/\/ivanytania.com\/wp-content\/uploads\/2026\/06\/rosa3.mp4\" type=\"video\/mp4\">\n  <\/video>\n\n  <!-- Contenido -->\n  <div class=\"boda-amor-section\">\n    <img decoding=\"async\" class=\"top-image\"\n         src=\"https:\/\/ivanytania.com\/wp-content\/uploads\/2026\/06\/corazones3.png\"\n         alt=\"\">\n    <p class=\"title-italic\">El amor no es casualidad\u2026<\/p>\n    <p class=\"title-handwritten\">\u2026se construye d\u00eda a d\u00eda.<\/p>\n    <p class=\"body-text\">\n      Despu\u00e9s de <strong>18 a\u00f1os juntos<\/strong>, y con el mejor regalo que nos ha dado\n      la vida, queremos dar un paso m\u00e1s y formalizar nuestro amor, reafirmando la\n      elecci\u00f3n de compartir nuestro camino y elegirnos cada d\u00eda.\n    <\/p>\n    <div class=\"boda-polaroid-wrap\">\n      <div class=\"boda-polaroid\">\n        <div class=\"boda-polaroid-frame\">\n          <div class=\"boda-polaroid-imgwrap\">\n            <img decoding=\"async\" class=\"boda-polaroid-img\"\n                 src=\"https:\/\/ivanytania.com\/wp-content\/uploads\/2026\/06\/taniabebe.jpg\"\n                 alt=\"Iv\u00e1n y Tania\">\n            <div class=\"boda-polaroid-noise\"><\/div>\n            <div class=\"boda-polaroid-gradient\"><\/div>\n            <div class=\"boda-polaroid-vignette\"><\/div>\n          <\/div>\n          <p class=\"boda-polaroid-caption\">Iv\u00e1n &amp; Tania \ud83d\udc9b<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div><!-- \/#boda-amor-outer -->\n\n\n<script>\n(function () {\n  'use strict';\n\n  var vid     = document.getElementById('boda-flor-vid');\n  var section = document.getElementById('boda-amor-outer');\n  if (!vid || !section) return;\n\n  \/* \u00bfEs m\u00f3vil? Por ancho de pantalla o por dispositivo t\u00e1ctil *\/\n  var esMovil = window.matchMedia('(max-width: 768px)').matches\n             || ('ontouchstart' in window);\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     M\u00d3VIL \u2192 el v\u00eddeo se reproduce solo en bucle\n     (el control por scroll no funciona en iOS\/Android)\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  if (esMovil) {\n    vid.loop = true;\n    vid.muted = true;\n    vid.setAttribute('muted', '');\n    vid.setAttribute('autoplay', '');\n\n    function intentarPlay() {\n      var p = vid.play();\n      if (p && p.catch) p.catch(function(){});\n    }\n\n    vid.addEventListener('loadeddata', intentarPlay);\n    intentarPlay();\n\n    \/* Si el navegador bloquea el autoplay, arranca al primer toque *\/\n    document.addEventListener('touchstart', intentarPlay, { once: true, passive: true });\n\n    return;  \/* no a\u00f1adimos el control por scroll *\/\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     ESCRITORIO \u2192 control por scroll (avanza\/retrocede)\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  var raf   = null;\n  var ready = false;\n\n  function getProgress() {\n    var rect  = section.getBoundingClientRect();\n    var winH  = window.innerHeight;\n    var total = winH + section.offsetHeight;\n    var start = winH - rect.top;\n    return Math.max(0, Math.min(1, start \/ total));\n  }\n\n  function applyProgress() {\n    raf = null;\n    if (!ready || !vid.duration) return;\n    vid.currentTime = getProgress() * vid.duration;\n  }\n\n  function onScroll() {\n    if (!raf) raf = requestAnimationFrame(applyProgress);\n  }\n\n  function onMeta() {\n    ready = true;\n    applyProgress();\n  }\n\n  vid.addEventListener('loadedmetadata', onMeta);\n  vid.addEventListener('loadeddata',     onMeta);\n\n  window.addEventListener('scroll', onScroll, { passive: true });\n  window.addEventListener('resize', onScroll, { passive: true });\n\n  if (vid.readyState >= 1) onMeta();\n}());\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b852079 e-con e-atomic-element e-flexbox-base e-5af7118 \" data-id=\"b852079\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b852079\" data-e-type=\"e-flexbox\" data-id=\"b852079\">\n    \t\t<div class=\"elementor-element elementor-element-36bb06e elementor-widget elementor-widget-html\" data-id=\"36bb06e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,500;0,700&family=Lato:wght@400;700&family=La+Belle+Aurore&family=Playfair+Display:wght@700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n.boda-planning{\n \/* background:#6B7A66;*\/\n  color:#F7F4EC;\n  padding:90px 20px;\n  font-family:Lato,sans-serif;\n}\n\n.boda-planning-inner{\n  max-width:620px;\n  margin:0 auto;\n}\n\n.boda-planning-header{\n  text-align:center;\n  margin-bottom:70px;\n}\n\n.boda-planning-label{\n  font-size:13px;\n  font-weight:700;\n  letter-spacing:5px;\n  margin:0 0 18px;\n  color:#B89968;\n  opacity:1;\n}\n\n.boda-planning-title{\n  font-family:'Playfair Display',serif;\n  font-weight:800;\n  font-size:clamp(36px,6vw,42px);\n  margin:0 0 14px;\n  line-height:1.1;\n  color:#F7F4EC;\n  letter-spacing:-0.5px;\n}\n\n.boda-planning-subtitle{\n  font-family:'La Belle Aurore',cursive;\n  font-size:clamp(24px,3vw,32px);\n  margin:0 0 28px;\n  color:#B89968;\n}\n\n.boda-planning-intro{\n  font-size:17px;\n  line-height:1.7;\n  max-width:560px;\n  margin:0 auto;\n  color:#F7F4EC;\n  opacity:0.92;\n}\n\n\/* Timeline *\/\n.boda-timeline{\n  position:relative;\n  padding-left:90px;\n}\n\n.boda-timeline::before{\n  content:\"\";\n  position:absolute;\n  left:39px;\n  top:30px;\n  bottom:30px;\n  width:1.5px;\n  background:rgba(184,153,104,0.72);\n}\n\n.boda-event{\n  position:relative;\n  margin-bottom:38px;\n}\n\n.boda-event:last-child{\n  margin-bottom:0;\n}\n\n.boda-event-marker{\n  position:absolute;\n  left:-90px;\n  top:8px;\n  width:64px;\n  height:64px;\n  border-radius:50%;\n  border:1.5px solid rgba(184,153,104,0.9);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  background:#3D4F3D;\n  z-index:2;\n  box-shadow:0 8px 22px rgba(61,79,61,0.22);\n}\n\n.boda-event-marker svg{\n  width:28px;\n  height:28px;\n  stroke:#B89968;\n  fill:none;\n  stroke-width:1.6;\n  stroke-linecap:round;\n  stroke-linejoin:round;\n}\n\n.boda-event-card{\n  background:rgba(247,244,236,0.16);\n  border:1px solid rgba(184,153,104,0.48);\n  border-radius:16px;\n  padding:26px 30px;\n  backdrop-filter:blur(2px);\n}\n\n.boda-event-time{\n  font-family:'La Belle Aurore',cursive;\n  font-size:24px;\n  margin:0 0 8px;\n  color:#B89968;\n  line-height:1;\n}\n\n.boda-event-title{\n  font-family:'Cormorant Garamond',serif;\n  font-weight:700;\n  font-size:22px;\n  letter-spacing:3px;\n  margin:0 0 14px;\n  color:#F7F4EC;\n}\n\n.boda-event-desc{\n  font-size:16px;\n  line-height:1.65;\n  margin:0;\n  color:#F7F4EC;\n  opacity:0.9;\n}\n\n@media (max-width:640px){\n  .boda-planning{\n    padding:70px 18px;\n  }\n\n  .boda-timeline{\n    padding-left:64px;\n  }\n\n  .boda-timeline::before{\n    left:26px;\n  }\n\n  .boda-event-marker{\n    left:-64px;\n    width:52px;\n    height:52px;\n  }\n\n  .boda-event-marker svg{\n    width:22px;\n    height:22px;\n  }\n\n  .boda-event-card{\n    padding:20px 22px;\n    border-radius:14px;\n  }\n}\n<\/style>\n\n<div class=\"boda-planning\">\n  <div class=\"boda-planning-inner\">\n\n    <div class=\"boda-planning-header\">\n      <p class=\"boda-planning-label\">EL GRAN D\u00cdA<\/p>\n      <h2 class=\"boda-planning-title\">El \"Planning\"<\/h2>\n      <p class=\"boda-planning-subtitle\">(o algo parecido)<\/p>\n      <p class=\"boda-planning-intro\">Horarios aproximados (o eso esperamos). Ya sab\u00e9is que somos de dejarlo todo para el final. \u00a1Paciencia y a fluir!<\/p>\n    <\/div>\n\n    <div class=\"boda-timeline\">\n\n      <!-- 1. Autobuses -->\n      <div class=\"boda-event\">\n        <div class=\"boda-event-marker\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M8 6v6\"\/><path d=\"M16 6v6\"\/><path d=\"M2 12h20\"\/><path d=\"M18 18h2a1 1 0 0 0 1-1v-9a4 4 0 0 0-4-4H7a4 4 0 0 0-4 4v9a1 1 0 0 0 1 1h2\"\/><path d=\"M9 18h6\"\/><circle cx=\"7\" cy=\"18\" r=\"2\"\/><circle cx=\"17\" cy=\"18\" r=\"2\"\/><\/svg>\n        <\/div>\n        <div class=\"boda-event-card\">\n          <p class=\"boda-event-time\"><\/p>\n          <h3 class=\"boda-event-title\">AUTOBUSES<\/h3>\n          <p class=\"boda-event-desc\">El trayecto hasta la finca dura aproximadamente 50 minutos (si no hay atascos, claro \ud83d\ude09). Todo depender\u00e1 del tr\u00e1fico de ese d\u00eda y de otros muchos factores. Como decimos: \u00a1paciencia!<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- 2. Ceremonia -->\n      <div class=\"boda-event\">\n        <div class=\"boda-event-marker\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 21s-7-4.5-7-11a4 4 0 0 1 7-2.5A4 4 0 0 1 19 10c0 6.5-7 11-7 11z\"\/><\/svg>\n        <\/div>\n        <div class=\"boda-event-card\">\n          <p class=\"boda-event-time\">18:00\u201318:30 h<\/p>\n          <h3 class=\"boda-event-title\">LA CEREMONIA<\/h3>\n          <p class=\"boda-event-desc\">El momento de la verdad. Esperemos que Tania llegue puntual (aunque todos sabemos que una novia tiene licencia oficial para retrasarse unos minutos) y que Iv\u00e1n consiga no ponerse muy nervioso. Entre alguna l\u00e1grima furtiva, sonrisas nerviosas y miradas c\u00f3mplices, prometemos que ser\u00e1 uno de los momentos m\u00e1s bonitos del d\u00eda.<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- 3. C\u00f3ctel y cena -->\n      <div class=\"boda-event\">\n        <div class=\"boda-event-marker\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M8 22h8\"\/><path d=\"M12 11v11\"\/><path d=\"M5 2l2 9a5 5 0 0 0 10 0l2-9\"\/><path d=\"M5 2h14\"\/><\/svg>\n        <\/div>\n        <div class=\"boda-event-card\">\n          <p class=\"boda-event-time\">Tras la ceremonia (~45 min)<\/p>\n          <h3 class=\"boda-event-title\">C\u00d3CTEL Y CENA<\/h3>\n          <p class=\"boda-event-desc\">Despu\u00e9s de dar el \"s\u00ed, quiero\", llegar\u00e1 el momento de brindar, disfrutar y celebrar todos juntos.<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- 4. Fiesta -->\n      <div class=\"boda-event\">\n        <div class=\"boda-event-marker\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M9 18V5l12-2v13\"\/><circle cx=\"6\" cy=\"18\" r=\"3\"\/><circle cx=\"18\" cy=\"16\" r=\"3\"\/><\/svg>\n        <\/div>\n        <div class=\"boda-event-card\">\n          <p class=\"boda-event-time\">Despu\u00e9s de la cena<\/p>\n          <h3 class=\"boda-event-title\">FIESTA Y BARRA LIBRE<\/h3>\n          <p class=\"boda-event-desc\">Para que os pong\u00e1is hasta las cartolas. Hasta que nos echen, como siempre \ud83c\udf89\ud83c\udf78\ud83d\udc83\ud83d\udd7a<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n```\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-0fff0c4 e-con e-atomic-element e-flexbox-base e-565bc2c \" data-id=\"0fff0c4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0fff0c4\" data-e-type=\"e-flexbox\" data-id=\"0fff0c4\">\n    \t\t<div class=\"elementor-element elementor-element-689ab1a elementor-widget elementor-widget-html\" data-id=\"689ab1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@700&family=Lato:wght@400;700&family=La+Belle+Aurore&family=Playfair+Display:wght@700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n.boda-lugar{\n  background: repeating-linear-gradient(\n    90deg,\n    #fafaf6 0px,\n    #fafaf6 50px,\n    #f0efe8 50px,\n    #f0efe8 100px\n  );\n  padding: 90px 20px;\n  text-align: center;\n}\n\n.boda-lugar-card{\n  max-width: 760px;\n  margin: 0 auto;\n  background-color: rgba(247,244,236,0.96);\n  backdrop-filter: blur(4px);\n  -webkit-backdrop-filter: blur(4px);\n  border-radius: 18px;\n  padding: 70px 50px;\n  border: 1px solid rgba(184,153,104,0.45);\n  box-shadow: 0 20px 50px -10px rgba(61,79,61,0.24);\n}\n\n.boda-lugar-label{\n  font-family: Lato, sans-serif;\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 5px;\n  margin: 0 0 18px;\n  color: #B89968;\n}\n\n.boda-lugar-title{\n  font-family: 'Playfair Display', serif;\n  font-weight: 800;\n  font-size: clamp(36px,5vw,42px);\n  margin: 0 0 40px;\n  color: #3D4F3D;\n  line-height: 1.15;\n  letter-spacing: -0.5px;\n}\n\n.boda-lugar-img{\n  max-width: 480px;\n  width: 100%;\n  height: auto;\n  margin: 0 auto 28px;\n  display: block;\n  border-radius: 8px;\n  transform: rotate(-1deg);\n  box-shadow: 0 14px 35px -18px rgba(61,79,61,0.45);\n}\n\n.boda-lugar-address{\n  font-family: Lato, sans-serif;\n  font-size: 17px;\n  color: #3D4F3D;\n  margin: 0 0 36px;\n  line-height: 1.5;\n}\n\n.boda-lugar-address strong{\n  color: #3D4F3D;\n  font-weight: 700;\n}\n\n.boda-lugar-tagline{\n  font-family: 'La Belle Aurore', cursive;\n  font-size: clamp(22px,2.5vw,28px);\n  display: block;\n  margin-top: 10px;\n  color: #B89968;\n}\n\n.boda-lugar-btn{\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  background: #3D4F3D;\n  color: #F7F4EC;\n  font-family: Lato, sans-serif;\n  font-size: 14px;\n  font-weight: 700;\n  letter-spacing: 0.5px;\n  text-decoration: none;\n  padding: 16px 32px;\n  border-radius: 999px;\n  border: 1px solid rgba(184,153,104,0.65);\n  box-shadow: 0 8px 20px -4px rgba(61,79,61,0.35);\n  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;\n}\n\n.boda-lugar-btn:hover{\n  transform: translateY(-2px);\n  background: #6B7A66;\n  box-shadow: 0 12px 25px -4px rgba(61,79,61,0.38);\n}\n\n.boda-lugar-btn svg path,\n.boda-lugar-btn svg circle{\n  stroke: #B89968;\n}\n\n@media (max-width: 640px){\n  .boda-lugar{\n    padding: 60px 16px;\n  }\n\n  .boda-lugar-card{\n    padding: 50px 25px;\n  }\n}\n<\/style>\n\n<div class=\"boda-lugar\">\n  <div class=\"boda-lugar-card\">\n\n    <p class=\"boda-lugar-label\">EL LUGAR<\/p>\n    <h2 class=\"boda-lugar-title\">\u00bfD\u00f3nde es la fiesta?<\/h2>\n\n    <img decoding=\"async\" src=\"https:\/\/ivanytania.com\/wp-content\/uploads\/2026\/06\/GM-91-1024x684-1.jpg\" alt=\"Ilustraci\u00f3n La Ca\u00f1ada de M\u00f3nico\" class=\"boda-lugar-img\">\n\n    <p class=\"boda-lugar-address\">\n      <strong>La Ca\u00f1ada de M\u00f3nico<\/strong>\n      <span class=\"boda-lugar-tagline\">El lugar donde se celebra el amor<\/span>\n    <\/p>\n\n    <a href=\"https:\/\/maps.app.goo.gl\/Qf1VDj4sDY19Txff7\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"boda-lugar-btn\">\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 48 48\" fill=\"none\">\n        <path d=\"M24.2 43.5s-13.5-11.5-14-23.5c-.3-7.8 6-14.5 13.8-14.5s14.2 6.5 14 14.5c-.3 12-13.8 23.5-13.8 23.5z\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <circle cx=\"24\" cy=\"20\" r=\"5\" stroke-width=\"2\"\/>\n      <\/svg>\n      Abrir Google Maps\n    <\/a>\n\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-09c2ca9 e-flex e-con-boxed e-con e-parent\" data-id=\"09c2ca9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4701ba7 elementor-widget elementor-widget-html\" data-id=\"4701ba7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@700&family=Lato:wght@400;700&family=La+Belle+Aurore&family=Playfair+Display:wght@700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n.boda-faq{\n  padding:90px 20px;\n  text-align:center;\n}\n\n.boda-faq-inner{\n  max-width:820px;\n  margin:0 auto;\n}\n\n.boda-faq-label{\n  font-family:Lato,sans-serif;\n  font-size:13px;\n  font-weight:700;\n  letter-spacing:5px;\n  margin:0 0 18px;\n  color:#B89968;\n}\n\n.boda-faq-title{\n  font-family:'Playfair Display',serif;\n  font-weight:800;\n  font-size:clamp(34px,7vw,42px);\n  margin:0 0 60px;\n  color:#3D4F3D;\n  line-height:1;\n  letter-spacing:-0.8px;\n}\n\n.boda-faq-item{\n  background:rgba(107,122,102,0.12);\n  border:1px solid rgba(184,153,104,0.35);\n  border-radius:999px;\n  margin-bottom:16px;\n  text-align:left;\n  overflow:hidden;\n  transition:border-radius 0.3s ease, background 0.2s ease, border-color 0.2s ease;\n}\n\n.boda-faq-item[open]{\n  border-radius:24px;\n  background:rgba(107,122,102,0.18);\n  border-color:rgba(184,153,104,0.55);\n}\n\n.boda-faq-question{\n  display:flex;\n  align-items:center;\n  gap:14px;\n  padding:20px 28px;\n  cursor:pointer;\n  list-style:none;\n  font-family:Lato,sans-serif;\n  font-size:18px;\n  font-weight:700;\n  color:#3D4F3D;\n  user-select:none;\n}\n\n.boda-faq-question::-webkit-details-marker{\n  display:none;\n}\n\n.boda-faq-question::marker{\n  display:none;\n  content:\"\";\n}\n\n.boda-faq-icon{\n  flex-shrink:0;\n  width:22px;\n  height:22px;\n  stroke:#B89968;\n  fill:none;\n  stroke-width:2;\n  stroke-linecap:round;\n  stroke-linejoin:round;\n}\n\n.boda-faq-question span{\n  flex:1;\n}\n\n.boda-faq-chevron{\n  flex-shrink:0;\n  width:18px;\n  height:18px;\n  stroke:#8B7148;\n  fill:none;\n  stroke-width:2;\n  stroke-linecap:round;\n  stroke-linejoin:round;\n  transition:transform 0.3s ease;\n}\n\n.boda-faq-item[open] .boda-faq-chevron{\n  transform:rotate(180deg);\n}\n\n.boda-faq-answer{\n  padding:4px 28px 24px 64px;\n  font-family:Lato,sans-serif;\n  font-size:16px;\n  line-height:1.7;\n  color:#6B7A66;\n  opacity:0.95;\n}\n\n.boda-faq-answer strong{\n  color:#3D4F3D;\n  font-weight:700;\n}\n\n@media (max-width:640px){\n  .boda-faq{\n    padding:60px 16px;\n  }\n\n  .boda-faq-title{\n    margin-bottom:42px;\n  }\n\n  .boda-faq-question{\n    font-size:15px;\n    padding:18px 22px;\n    gap:10px;\n  }\n\n  .boda-faq-answer{\n    padding:4px 22px 20px 22px;\n    font-size:15px;\n  }\n}\n<\/style>\n\n<div class=\"boda-faq\">\n  <div class=\"boda-faq-inner\">\n\n    <p class=\"boda-faq-label\">PREGUNTAS FRECUENTES<\/p>\n    <h2 class=\"boda-faq-title\">FAQ<\/h2>\n\n    <!-- 1 -->\n    <details class=\"boda-faq-item\">\n      <summary class=\"boda-faq-question\">\n        <svg class=\"boda-faq-icon\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n        <span>\u00bfA qu\u00e9 hora tengo que estar?<\/span>\n        <svg class=\"boda-faq-chevron\" viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n      <\/summary>\n      <div class=\"boda-faq-answer\">\n        Todav\u00eda estamos terminando de cuadrar la hora \u2014 seguramente sea a las <strong>18:30 h<\/strong> la ceremonia. Como nos gusta fluir e improvisar, os confirmaremos la hora exacta m\u00e1s adelante. Eso s\u00ed, \u00a1iros dejando toda la tarde libre, porque lo vamos a preparar!\n      <\/div>\n    <\/details>\n\n    <!-- 2 -->\n    <details class=\"boda-faq-item\">\n      <summary class=\"boda-faq-question\">\n        <svg class=\"boda-faq-icon\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M8 14s1.5 2 4 2 4-2 4-2\"\/><line x1=\"9\" y1=\"9\" x2=\"9.01\" y2=\"9\"\/><line x1=\"15\" y1=\"9\" x2=\"15.01\" y2=\"9\"\/><\/svg>\n        <span>\u00bfPueden venir ni\u00f1os?<\/span>\n        <svg class=\"boda-faq-chevron\" viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n      <\/summary>\n      <div class=\"boda-faq-answer\">\n        \u00a1S\u00ed! Pero no habr\u00e1 animaci\u00f3n infantil. Opci\u00f3n A) vigilarlos vosotros, opci\u00f3n B) dejarlos con los abuelos y vivir la vida loca. Nosotros os recomendamos la B \ud83d\ude09\n      <\/div>\n    <\/details>\n\n    <!-- 3 -->\n    <details class=\"boda-faq-item\">\n      <summary class=\"boda-faq-question\">\n        <svg class=\"boda-faq-icon\" viewBox=\"0 0 24 24\"><path d=\"M8 6v6\"\/><path d=\"M16 6v6\"\/><path d=\"M2 12h20\"\/><path d=\"M18 18h2a1 1 0 0 0 1-1v-9a4 4 0 0 0-4-4H7a4 4 0 0 0-4 4v9a1 1 0 0 0 1 1h2\"\/><path d=\"M9 18h6\"\/><circle cx=\"7\" cy=\"18\" r=\"2\"\/><circle cx=\"17\" cy=\"18\" r=\"2\"\/><\/svg>\n        <span>\u00bfHay autob\u00fas?<\/span>\n        <svg class=\"boda-faq-chevron\" viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n      <\/summary>\n      <div class=\"boda-faq-answer\">\n        \u00a1Claro que s\u00ed! Queremos que lo deis TODO sin preocuparos por el coche y los puntos del carnet. Todav\u00eda no hemos decidido el punto exacto de salida (\u00a1todo ha ido muy r\u00e1pido!), pero no os preocup\u00e9is, os iremos informando de todo \ud83d\ude09\ud83d\ude8d\n      <\/div>\n    <\/details>\n\n    <!-- 4 -->\n    <details class=\"boda-faq-item\">\n      <summary class=\"boda-faq-question\">\n        <svg class=\"boda-faq-icon\" viewBox=\"0 0 24 24\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n        <span>\u00bfAlguna duda m\u00e1s?<\/span>\n        <svg class=\"boda-faq-chevron\" viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n      <\/summary>\n      <div class=\"boda-faq-answer\">\n        \u00a1Claro! Escribidnos por <strong>WhatsApp<\/strong> \u2014 \u00a1nos hace ilusi\u00f3n hablar de nuestra boda!\n      <\/div>\n    <\/details>\n\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-78419f6 e-con-full e-flex e-con e-parent\" data-id=\"78419f6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b865368 elementor-widget elementor-widget-html\" data-id=\"b865368\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@700&family=Lato:wght@400;700&family=La+Belle+Aurore&family=Playfair+Display:wght@700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n.boda-galeria{\n  background:#fbf8f1;\n  background-image: url('https:\/\/ivanytania.com\/wp-content\/uploads\/2026\/06\/motivo.png');\n  background-size: 50%;\n  background-repeat: no-repeat;\n  background-position: bottom right;\n  padding:80px 20px;\n  text-align:center;\n}\n\n.boda-galeria-inner{\n  max-width:1200px;\n  margin:0 auto;\n}\n\n.boda-galeria-title{\n  font-family:'Playfair Display',serif;\n  font-weight:800;\n  font-size:clamp(34px,5vw,42px);\n  margin:0 0 18px;\n  color:#3D4F3D;\n  line-height:1.15;\n  letter-spacing:-0.5px;\n}\n\n.boda-galeria-subtitle{\n  font-family:Lato,sans-serif;\n  font-size:17px;\n  color:#6B7A66;\n  margin:0 auto 40px;\n  max-width:720px;\n  line-height:1.5;\n}\n\n.boda-galeria-carousel{\n  position:relative;\n  padding:10px 60px;\n}\n\n.boda-galeria-track{\n  display:flex;\n  overflow-x:auto;\n  scroll-snap-type:x mandatory;\n  scroll-behavior:smooth;\n  gap:28px;\n  padding:30px 8px 40px;\n  scrollbar-width:none;\n  -ms-overflow-style:none;\n}\n\n.boda-galeria-track::-webkit-scrollbar{\n  display:none;\n}\n\n.boda-galeria-polaroid{\n  flex:0 0 auto;\n  width:calc((100% - 56px) \/ 3);\n  min-width:260px;\n  max-width:330px;\n  background:#fff;\n  padding:16px 16px 50px;\n  box-shadow:0 14px 35px -8px rgba(61,79,61,0.28);\n  scroll-snap-align:center;\n  border-radius:8px;\n  border:1px solid rgba(184,153,104,0.28);\n}\n\n.boda-galeria-polaroid:nth-child(3n+1){\n  transform:rotate(-1.8deg);\n}\n\n.boda-galeria-polaroid:nth-child(3n+2){\n  transform:rotate(1.2deg);\n}\n\n.boda-galeria-polaroid:nth-child(3n){\n  transform:rotate(-0.8deg);\n}\n\n.boda-galeria-imgwrap{\n  position:relative;\n  width:100%;\n  padding-bottom:110%;\n  overflow:hidden;\n  background:#F7F4EC;\n  border-radius:4px;\n}\n\n.boda-galeria-img{\n  position:absolute !important;\n  top:0;\n  left:0;\n  width:100% !important;\n  height:100% !important;\n  max-width:none !important;\n  object-fit:cover;\n  display:block;\n}\n\n.boda-galeria-btn{\n  position:absolute;\n  top:50%;\n  transform:translateY(-50%);\n  width:46px;\n  height:46px;\n  border-radius:50%;\n  background:#3D4F3D !important;\n  color:#B89968 !important;\n  border:1px solid rgba(184,153,104,0.65) !important;\n  cursor:pointer;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  box-shadow:0 8px 20px -4px rgba(61,79,61,0.28) !important;\n  z-index:5;\n  transition:background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, color 0.2s ease;\n  padding:0;\n  appearance:none;\n  -webkit-appearance:none;\n  outline:none !important;\n}\n\n.boda-galeria-btn:hover,\n.boda-galeria-btn:focus,\n.boda-galeria-btn:focus-visible{\n  background:#6B7A66 !important;\n  color:#F7F4EC !important;\n  border-color:#B89968 !important;\n  transform:translateY(-50%) scale(1.07);\n  box-shadow:0 12px 26px -4px rgba(61,79,61,0.38) !important;\n  outline:none !important;\n}\n\n.boda-galeria-btn:active{\n  background:#3D4F3D !important;\n  color:#B89968 !important;\n  transform:translateY(-50%) scale(0.96);\n  box-shadow:0 6px 16px -4px rgba(61,79,61,0.3) !important;\n  outline:none !important;\n}\n\n.boda-galeria-btn svg{\n  width:20px;\n  height:20px;\n  stroke:currentColor !important;\n  fill:none !important;\n  stroke-width:2;\n  stroke-linecap:round;\n  stroke-linejoin:round;\n  transition:stroke 0.2s ease;\n}\n\n.boda-galeria-btn.prev{\n  left:0;\n}\n\n.boda-galeria-btn.next{\n  right:0;\n}\n\n.boda-galeria-dots{\n  display:flex;\n  justify-content:center;\n  gap:10px;\n  margin-top:20px;\n}\n\n.boda-galeria-dot{\n  width:9px;\n  height:9px;\n  border-radius:50%;\n  background:rgba(107,122,102,0.3) !important;\n  border:none !important;\n  cursor:pointer;\n  padding:0;\n  transition:background 0.25s ease, transform 0.25s ease;\n  appearance:none;\n  -webkit-appearance:none;\n  outline:none !important;\n}\n\n.boda-galeria-dot:hover,\n.boda-galeria-dot:focus,\n.boda-galeria-dot:focus-visible{\n  background:#6B7A66 !important;\n  transform:scale(1.2);\n  outline:none !important;\n}\n\n.boda-galeria-dot.active{\n  background:#B89968 !important;\n  transform:scale(1.35);\n}\n\n@media (max-width:900px){\n  .boda-galeria-polaroid{\n    width:calc((100% - 28px) \/ 2);\n  }\n}\n\n@media (max-width:640px){\n  .boda-galeria{\n    padding:65px 16px;\n  }\n\n  .boda-galeria-carousel{\n    padding:10px 0;\n  }\n\n  .boda-galeria-polaroid{\n    width:80%;\n    max-width:320px;\n  }\n\n  .boda-galeria-btn{\n    width:38px;\n    height:38px;\n  }\n\n  .boda-galeria-btn.prev{\n    left:-6px;\n  }\n\n  .boda-galeria-btn.next{\n    right:-6px;\n  }\n}\n<\/style>\n\n<div class=\"boda-galeria\">\n  <div class=\"boda-galeria-inner\">\n    <h2 class=\"boda-galeria-title\">Nuestros mejores momentos juntos<\/h2>\n    \n    <p class=\"boda-galeria-subtitle\">Un peque\u00f1o repaso a los momentos que nos han ido trayendo hasta aqu\u00ed. \ud83d\udc9b<\/p>\n    \n\n    <div class=\"boda-galeria-carousel\">\n\n      <button class=\"boda-galeria-btn prev\" aria-label=\"Anterior\" type=\"button\">\n        <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\n      <\/button>\n\n      <div class=\"boda-galeria-track\" id=\"boda-galeria-track\">\n\n        <div class=\"boda-galeria-polaroid\">\n          <div class=\"boda-galeria-imgwrap\">\n            <img decoding=\"async\" class=\"boda-galeria-img\" src=\"https:\/\/ivanytania.com\/wp-content\/uploads\/2026\/06\/taniaivan2.jpg\" alt=\"\">\n          <\/div>\n        <\/div>\n\n        <div class=\"boda-galeria-polaroid\">\n          <div class=\"boda-galeria-imgwrap\">\n            <img decoding=\"async\" class=\"boda-galeria-img\" src=\"https:\/\/ivanytania.com\/wp-content\/uploads\/2026\/06\/ivantania.jpg\" alt=\"\">\n          <\/div>\n        <\/div>\n\n        <div class=\"boda-galeria-polaroid\">\n          <div class=\"boda-galeria-imgwrap\">\n            <img decoding=\"async\" class=\"boda-galeria-img\" src=\"https:\/\/ivanytania.com\/wp-content\/uploads\/2026\/06\/ivantania3.jpg\" alt=\"\">\n          <\/div>\n        <\/div>\n\n        <div class=\"boda-galeria-polaroid\">\n          <div class=\"boda-galeria-imgwrap\">\n            <img decoding=\"async\" class=\"boda-galeria-img\" src=\"https:\/\/ivanytania.com\/wp-content\/uploads\/2026\/06\/ivata.jpg\" alt=\"\">\n          <\/div>\n        <\/div>\n\n        <div class=\"boda-galeria-polaroid\">\n          <div class=\"boda-galeria-imgwrap\">\n            <img decoding=\"async\" class=\"boda-galeria-img\" src=\"https:\/\/ivanytania.com\/wp-content\/uploads\/2026\/06\/tania.jpg\" alt=\"\">\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <button class=\"boda-galeria-btn next\" aria-label=\"Siguiente\" type=\"button\">\n        <svg viewBox=\"0 0 24 24\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\n      <\/button>\n\n    <\/div>\n\n    <div class=\"boda-galeria-dots\" id=\"boda-galeria-dots\"><\/div>\n\n  <\/div>\n<\/div>\n\n\n<script>\n(function(){\n  var track = document.getElementById('boda-galeria-track');\n  if(!track) return;\n\n  var dotsContainer = document.getElementById('boda-galeria-dots');\n  var prevBtn = document.querySelector('.boda-galeria-btn.prev');\n  var nextBtn = document.querySelector('.boda-galeria-btn.next');\n  var polaroids = track.querySelectorAll('.boda-galeria-polaroid');\n\n  function irAFoto(idx){\n    if(!polaroids[idx]) return;\n\n    var p = polaroids[idx];\n    var target = p.offsetLeft - (track.clientWidth - p.offsetWidth) \/ 2;\n\n    track.scrollTo({\n      left: target,\n      behavior: 'smooth'\n    });\n  }\n\n  function fotoActual(){\n    var trackRect = track.getBoundingClientRect();\n    var centerX = trackRect.left + trackRect.width \/ 2;\n    var closest = 0;\n    var minDist = Infinity;\n\n    for(var i = 0; i < polaroids.length; i++){\n      var r = polaroids[i].getBoundingClientRect();\n      var d = Math.abs((r.left + r.width \/ 2) - centerX);\n\n      if(d < minDist){\n        minDist = d;\n        closest = i;\n      }\n    }\n\n    return closest;\n  }\n\n  for(var i = 0; i < polaroids.length; i++){\n    (function(idx){\n      var dot = document.createElement('button');\n      dot.className = 'boda-galeria-dot' + (idx === 0 ? ' active' : '');\n      dot.setAttribute('aria-label', 'Ir a foto ' + (idx + 1));\n      dot.setAttribute('type', 'button');\n\n      dot.addEventListener('click', function(){\n        irAFoto(idx);\n      });\n\n      dotsContainer.appendChild(dot);\n    })(i);\n  }\n\n  var dots = dotsContainer.querySelectorAll('.boda-galeria-dot');\n\n  function scrollOne(dir){\n    if(polaroids.length === 0) return;\n\n    var actual = fotoActual();\n    var siguiente = actual + dir;\n\n    if(siguiente >= polaroids.length){\n      siguiente = 0;\n    }\n\n    if(siguiente < 0){\n      siguiente = polaroids.length - 1;\n    }\n\n    irAFoto(siguiente);\n  }\n\n  prevBtn.addEventListener('click', function(){\n    scrollOne(-1);\n  });\n\n  nextBtn.addEventListener('click', function(){\n    scrollOne(1);\n  });\n\n  var ticking = false;\n\n  track.addEventListener('scroll', function(){\n    if(ticking) return;\n\n    ticking = true;\n\n    requestAnimationFrame(function(){\n      var closest = fotoActual();\n\n      for(var i = 0; i < dots.length; i++){\n        dots[i].classList.toggle('active', i === closest);\n      }\n\n      ticking = false;\n    });\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-90c5245 e-con-full e-flex e-con e-parent\" data-id=\"90c5245\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9233648 elementor-widget elementor-widget-html\" data-id=\"9233648\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@700&family=Lato:wght@400;500;700&family=Playfair+Display:wght@700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n.boda-rsvp{\n  background:repeating-linear-gradient(\n    90deg,\n    #6B7A66 0px, #6B7A66 50px,\n    #7C8A77 50px, #7C8A77 100px\n  );\n  padding:80px 20px;\n  font-family:Lato,sans-serif;\n}\n.boda-rsvp-inner{ max-width:720px; margin:0 auto; }\n.boda-rsvp-icon{\n  display:block; width:56px; height:56px; margin:0 auto 0px;\n  stroke:#B89968; fill:none; stroke-width:1.5;\n  stroke-linecap:round; stroke-linejoin:round;\n}\n.boda-rsvp-title{\n  font-family:'Playfair Display',serif !important;\n  font-weight:800; font-size:clamp(40px,5.5vw,42px);\n  text-align:center; color:#F7F4EC;\n  margin:0 0 18px; line-height:1.1; letter-spacing:-0.5px;\n}\n.boda-rsvp-subtitle{\n  text-align:center; color:#F7F4EC; font-size:17px; line-height:1.5;\n  margin:0 auto 40px; max-width:560px; opacity:0.9;\n}\n.boda-rsvp-card{\n  background:#fbf8f1; border:1px solid rgba(184,153,104,0.45);\n  border-radius:18px; padding:32px; margin-bottom:22px;\n  box-shadow:0 18px 45px -18px rgba(0,0,0,0.42);\n}\n.boda-rsvp-card-title{\n  font-family:'Cormorant Garamond',serif !important;\n  font-weight:700; font-size:24px; color:#3D4F3D; margin:0 0 26px;\n}\n.boda-rsvp-field{ margin-bottom:22px; }\n.boda-rsvp-field:last-child{ margin-bottom:0; }\n.boda-rsvp-label{\n  display:block; font-weight:700; font-size:14px;\n  color:#3D4F3D; margin-bottom:10px;\n}\n.boda-rsvp-label .req{ color:#8B7148; margin-left:4px; }\n\n.boda-rsvp .boda-rsvp-input,\n.boda-rsvp .boda-rsvp-textarea{\n  width:100% !important; padding:14px 22px !important;\n  border:1.5px solid rgba(107,122,102,0.3) !important;\n  border-radius:999px !important; background:#fff !important;\n  font-family:Lato,sans-serif !important; font-size:15px !important;\n  color:#3D4F3D !important; box-sizing:border-box !important;\n  box-shadow:none !important; outline:none !important;\n  transition:border-color 0.2s ease, box-shadow 0.2s ease;\n  -webkit-appearance:none; appearance:none;\n}\n.boda-rsvp .boda-rsvp-textarea{\n  border-radius:18px !important; min-height:100px; resize:vertical;\n}\n.boda-rsvp .boda-rsvp-input::placeholder,\n.boda-rsvp .boda-rsvp-textarea::placeholder{\n  color:rgba(61,79,61,0.42) !important;\n}\n.boda-rsvp .boda-rsvp-input:focus,\n.boda-rsvp .boda-rsvp-textarea:focus{\n  border-color:#B89968 !important;\n  box-shadow:0 0 0 3px rgba(184,153,104,0.16) !important;\n  outline:none !important;\n}\n\n.boda-rsvp-radios{ display:flex; flex-wrap:wrap; gap:12px; }\n.boda-rsvp .boda-rsvp-radio-input{\n  position:absolute !important; opacity:0 !important;\n  pointer-events:none !important; width:1px; height:1px;\n}\n.boda-rsvp .boda-rsvp-radio-label{\n  display:inline-flex !important; align-items:center !important;\n  padding:12px 24px !important;\n  border:1.5px solid rgba(107,122,102,0.45) !important;\n  border-radius:999px !important; background:transparent !important;\n  font-family:Lato,sans-serif !important; font-size:15px !important;\n  font-weight:500 !important; color:#3D4F3D !important;\n  cursor:pointer !important;\n  transition:background 0.2s ease,border-color 0.2s ease,color 0.2s ease !important;\n}\n.boda-rsvp .boda-rsvp-radio-label:hover{\n  border-color:#B89968 !important;\n  background:rgba(184,153,104,0.12) !important;\n}\n.boda-rsvp .boda-rsvp-radio-input:checked + .boda-rsvp-radio-label{\n  background:#3D4F3D !important; border-color:#3D4F3D !important;\n  color:#F7F4EC !important;\n}\n\n.boda-rsvp .boda-rsvp-submit{\n  display:block !important; width:100% !important;\n  background:#3D4F3D !important; color:#F7F4EC !important;\n  border:none !important; border-radius:999px !important;\n  padding:20px 32px !important; font-family:Lato,sans-serif !important;\n  font-size:15px !important; font-weight:700 !important;\n  letter-spacing:2px !important; text-transform:uppercase !important;\n  cursor:pointer !important; margin:28px 0 0 !important;\n  transition:background 0.25s ease,transform 0.2s ease !important;\n  box-shadow:0 8px 20px -4px rgba(61,79,61,0.35) !important;\n  -webkit-appearance:none; appearance:none; outline:none !important;\n}\n.boda-rsvp .boda-rsvp-submit:hover{\n  background:#6B7A66 !important; transform:translateY(-2px);\n}\n.boda-rsvp .boda-rsvp-submit:disabled{\n  opacity:0.6 !important; cursor:not-allowed !important; transform:none !important;\n}\n\n\/* \u2500\u2500 Mensajes de estado \u2500\u2500 *\/\n.boda-rsvp-status{\n  text-align:center; margin-top:22px; padding:14px 20px;\n  border-radius:12px; font-size:15px;\n  display:none;   \/* oculto por defecto *\/\n}\n.boda-rsvp-status.ok{\n  background:rgba(107,122,102,0.18); color:#3D4F3D; display:block;\n}\n.boda-rsvp-status.ko{\n  background:rgba(139,113,72,0.18); color:#8B7148; display:block;\n}\n\n@media(max-width:640px){\n  .boda-rsvp{ padding:60px 16px; }\n  .boda-rsvp-card{ padding:24px 22px; }\n}\n<\/style>\n\n<div class=\"boda-rsvp\">\n  <div class=\"boda-rsvp-inner\">\n\n    <svg class=\"boda-rsvp-icon\" viewBox=\"0 0 24 24\">\n      <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/>\n      <path d=\"M2 6l10 7 10-7\"\/>\n    <\/svg>\n\n    <h2 class=\"boda-rsvp-title\">\u00bfVienes o qu\u00e9?<\/h2>\n    <p class=\"boda-rsvp-subtitle\">Contadnos un poco sobre vosotros.<\/p>\n\n    <form id=\"boda-rsvp-form\">\n\n      <div class=\"boda-rsvp-card\">\n        <h3 class=\"boda-rsvp-card-title\">Identificaci\u00f3n<\/h3>\n        <div class=\"boda-rsvp-field\">\n          <label class=\"boda-rsvp-label\" for=\"rsvp-name\">\n            Nombre completo<span class=\"req\">*<\/span>\n          <\/label>\n          <input class=\"boda-rsvp-input\" type=\"text\" id=\"rsvp-name\"\n                 name=\"nombre\" placeholder=\"Tu nombre y apellidos\" required>\n        <\/div>\n        <div class=\"boda-rsvp-field\">\n          <label class=\"boda-rsvp-label\" for=\"rsvp-email\">\n            Email<span class=\"req\">*<\/span>\n          <\/label>\n          <input class=\"boda-rsvp-input\" type=\"email\" id=\"rsvp-email\"\n                 name=\"email\" placeholder=\"tu@email.com\" required>\n        <\/div>\n      <\/div>\n\n      <div class=\"boda-rsvp-card\">\n        <h3 class=\"boda-rsvp-card-title\">La Gran Decisi\u00f3n<\/h3>\n\n        <div class=\"boda-rsvp-field\">\n          <label class=\"boda-rsvp-label\">\n            \u00bfVas a asistir?<span class=\"req\">*<\/span>\n          <\/label>\n          <div class=\"boda-rsvp-radios\">\n            <input class=\"boda-rsvp-radio-input\" type=\"radio\" id=\"rsvp-yes\"\n                   name=\"asistencia\" value=\"\u00a1S\u00cd! Ni loco me lo pierdo \ud83e\udd73\" required>\n            <label class=\"boda-rsvp-radio-label\" for=\"rsvp-yes\">\n              \u00a1S\u00cd! Ni loco me lo pierdo \ud83e\udd73\n            <\/label>\n            <input class=\"boda-rsvp-radio-input\" type=\"radio\" id=\"rsvp-no\"\n                   name=\"asistencia\" value=\"Me es imposible \ud83d\ude22\">\n            <label class=\"boda-rsvp-radio-label\" for=\"rsvp-no\">\n              Me es imposible \ud83d\ude22\n            <\/label>\n          <\/div>\n        <\/div>\n\n        <div class=\"boda-rsvp-field\">\n          <label class=\"boda-rsvp-label\" for=\"rsvp-acompanantes\">\n            \u00bfCu\u00e1ntos ven\u00eds en total?\n          <\/label>\n          <input class=\"boda-rsvp-input\" type=\"number\" id=\"rsvp-acompanantes\"\n                 name=\"acompanantes\" min=\"1\" max=\"10\" placeholder=\"1\" value=\"1\">\n        <\/div>\n\n        <div class=\"boda-rsvp-field\">\n          <label class=\"boda-rsvp-label\">\u00bfVas a coger el autob\u00fas?<\/label>\n          <div class=\"boda-rsvp-radios\">\n            <input class=\"boda-rsvp-radio-input\" type=\"radio\" id=\"rsvp-bus-cp\"\n                   name=\"autobus\" value=\"S\u00ed, desde Ciempozuelos\">\n            <label class=\"boda-rsvp-radio-label\" for=\"rsvp-bus-cp\">\n              S\u00ed, desde Ciempozuelos \ud83d\ude8d\n            <\/label>\n            <input class=\"boda-rsvp-radio-input\" type=\"radio\" id=\"rsvp-bus-vm\"\n                   name=\"autobus\" value=\"S\u00ed, desde Valdemoro\">\n            <label class=\"boda-rsvp-radio-label\" for=\"rsvp-bus-vm\">\n              S\u00ed, desde Valdemoro \ud83d\ude8d\n            <\/label>\n            <input class=\"boda-rsvp-radio-input\" type=\"radio\" id=\"rsvp-bus-pt\"\n                   name=\"autobus\" value=\"S\u00ed, desde Pinto\">\n            <label class=\"boda-rsvp-radio-label\" for=\"rsvp-bus-pt\">\n              S\u00ed, desde Pinto \ud83d\ude8d\n            <\/label>\n            <input class=\"boda-rsvp-radio-input\" type=\"radio\" id=\"rsvp-bus-no\"\n                   name=\"autobus\" value=\"No, voy por mi cuenta\">\n            <label class=\"boda-rsvp-radio-label\" for=\"rsvp-bus-no\">\n              No, voy por mi cuenta \ud83d\ude97\n            <\/label>\n          <\/div>\n        <\/div>\n\n        <div class=\"boda-rsvp-field\">\n          <label class=\"boda-rsvp-label\" for=\"rsvp-mensaje\">\n            Mensaje para los novios (opcional)\n          <\/label>\n          <textarea class=\"boda-rsvp-input boda-rsvp-textarea\" id=\"rsvp-mensaje\"\n                    name=\"mensaje\"\n                    placeholder=\"Alergias, intolerancias, canci\u00f3n que no puede faltar...\"><\/textarea>\n        <\/div>\n      <\/div>\n\n      <button type=\"submit\" class=\"boda-rsvp-submit\">Enviar respuesta \ud83d\udc8c<\/button>\n      <div class=\"boda-rsvp-status\" id=\"boda-rsvp-status\"><\/div>\n    <\/form>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  var form   = document.getElementById('boda-rsvp-form');\n  var status = document.getElementById('boda-rsvp-status');\n  var submit = form ? form.querySelector('.boda-rsvp-submit') : null;\n  if (!form || !submit) return;\n\n  function mostrar(tipo, txt) {\n    status.textContent = txt;\n    status.className   = 'boda-rsvp-status ' + tipo;   \/* 'ok' o 'ko' *\/\n  }\n\n  form.addEventListener('submit', function(e){\n    e.preventDefault();\n\n    var originalText   = submit.textContent;\n    submit.disabled    = true;\n    submit.textContent = 'Enviando\u2026';\n    status.className   = 'boda-rsvp-status';   \/* ocultar sin inline style *\/\n\n    var data       = new FormData(form);\n    var asistencia = data.get('asistencia') || '';\n    var esNo       = asistencia.indexOf('imposible') !== -1;\n\n    \/* URL del endpoint WordPress \u2014 se usa la variable inyectada por wp_footer,\n       o \/wp-admin\/admin-ajax.php como fallback *\/\n    var ajaxUrl = (typeof bodaAjaxUrl !== 'undefined')\n                  ? bodaAjaxUrl\n                  : '\/wp-admin\/admin-ajax.php';\n\n    var body = new URLSearchParams();\n    body.append('action', 'boda_rsvp');\n    data.forEach(function(v, k){ body.append(k, v); });\n\n    fetch(ajaxUrl, {\n      method:  'POST',\n      headers: { 'Content-Type': 'application\/x-www-form-urlencoded' },\n      body:    body.toString()\n    })\n    .then(function(r){\n      if (!r.ok) throw new Error('HTTP ' + r.status);\n      return r.json();\n    })\n    .then(function(res){\n      if (res.success) {\n        mostrar('ok', esNo\n          ? '\u00a1Gracias por avisarnos! Sentimos que no pod\u00e1is venir, os echaremos de menos \ud83d\udc9b'\n          : '\u00a1Confirmaci\u00f3n recibida! Nos vemos en la boda \ud83c\udf89');\n        form.reset();\n      } else {\n        mostrar('ko', 'Algo ha ido mal: ' + (res.data || 'int\u00e9ntalo de nuevo'));\n      }\n    })\n    .catch(function(err){\n      mostrar('ko', 'Error de red (' + err.message + '). Escr\u00edbenos por WhatsApp.');\n    })\n    .finally(function(){\n      submit.disabled    = false;\n      submit.textContent = originalText;\n    });\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2557d48 e-con-full e-flex e-con e-parent\" data-id=\"2557d48\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-935af69 elementor-widget elementor-widget-html\" data-id=\"935af69\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@700&family=Lato:wght@400;700&family=La+Belle+Aurore&family=Playfair+Display:wght@700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n.boda-footer{\n  background:#3D4F3D;\n  color:#F7F4EC;\n  padding:100px 20px;\n  text-align:center;\n  font-family:Lato,sans-serif;\n}\n\n.boda-footer-title{\n  font-family:'Playfair Display',serif !important;\n  font-weight:800 !important;\n  font-size:clamp(38px,5vw,42px);\n  margin:0 0 24px;\n  color:#F7F4EC !important;\n  line-height:1.1;\n  letter-spacing:-0.5px;\n}\n\n.boda-footer-subtitle{\n  font-size:17px;\n  margin:0 0 44px;\n  color:#F7F4EC;\n  opacity:0.86;\n}\n\n.boda-footer-signoff{\n  font-size:16px;\n  margin:0 0 8px;\n  color:#B89968;\n  opacity:1;\n}\n\n.boda-footer-names{\n  font-family:'La Belle Aurore',cursive !important;\n  font-size:clamp(42px,5.5vw,62px);\n  margin:0 0 56px;\n  color:#B89968 !important;\n  line-height:1;\n}\n\n.boda-footer .boda-footer-btn{\n  display:inline-flex !important;\n  align-items:center !important;\n  gap:10px !important;\n  background:transparent !important;\n  color:#F7F4EC !important;\n  border:1.5px solid rgba(184,153,104,0.75) !important;\n  border-radius:999px !important;\n  padding:14px 32px !important;\n  font-family:Lato,sans-serif !important;\n  font-size:13px !important;\n  font-weight:700 !important;\n  letter-spacing:3px !important;\n  text-transform:uppercase !important;\n  text-decoration:none !important;\n  cursor:pointer !important;\n  transition:background 0.25s ease,border-color 0.25s ease,transform 0.2s ease,color 0.25s ease !important;\n  box-shadow:none !important;\n  -webkit-appearance:none;\n  appearance:none;\n  outline:none !important;\n}\n\n.boda-footer .boda-footer-btn:hover,\n.boda-footer .boda-footer-btn:focus,\n.boda-footer .boda-footer-btn:focus-visible{\n  background:#6B7A66 !important;\n  border-color:#B89968 !important;\n  color:#F7F4EC !important;\n  transform:translateY(-2px);\n  outline:none !important;\n}\n\n.boda-footer .boda-footer-btn:active{\n  background:#8B7148 !important;\n  border-color:#8B7148 !important;\n  color:#F7F4EC !important;\n  transform:translateY(0);\n}\n\n.boda-footer-btn svg{\n  width:15px;\n  height:15px;\n  stroke:currentColor;\n  fill:none;\n  stroke-width:2.2;\n  stroke-linecap:round;\n  stroke-linejoin:round;\n}\n\n@media (max-width:640px){\n  .boda-footer{\n    padding:70px 16px;\n  }\n}\n<\/style>\n\n<div class=\"boda-footer-stripe\"><\/div>\n<div class=\"boda-footer\">\n  <h2 class=\"boda-footer-title\">Nos vemos el 25 de septiembre<\/h2>\n  <p class=\"boda-footer-subtitle\">Gracias por ser parte de nuestra historia.<\/p>\n  <p class=\"boda-footer-signoff\">Con mucho amor,<\/p>\n  <p class=\"boda-footer-names\">Iv\u00e1n &amp; Tania<\/p>\n\n  <a href=\"#top\" class=\"boda-footer-btn\" onclick=\"window.scrollTo({top:0,behavior:'smooth'});return false;\">\n    <svg viewBox=\"0 0 24 24\">\n      <line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"5\"\/>\n      <polyline points=\"5 12 12 5 19 12\"\/>\n    <\/svg>\n    Volver arriba\n  <\/a>\n<\/div>\n\n<!--\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n  BOT\u00d3N DE M\u00daSICA FLOTANTE \u2014 para Elementor\n  \u25b6 Pon la URL de tu MP3 en el src del <audio> (busca: AQUI_TU_MP3.mp3)\n  \u25b6 Arranca SONANDO (o al primer toque si el navegador bloquea autoplay)\n  \u25b6 SONANDO  \u2192 se ve icono de NOTA MUSICAL\n  \u25b6 EN PAUSA \u2192 se ve icono de PAUSA\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n-->\n\n<audio id=\"boda-audio\" loop preload=\"auto\">\n  <source src=\"https:\/\/ivanytania.com\/wp-content\/uploads\/2026\/06\/0610.mp3\" type=\"audio\/mpeg\">\n<\/audio>\n\n<button id=\"boda-music-btn\" aria-label=\"Pausar m\u00fasica\" type=\"button\">\n  <!-- Icono NOTA MUSICAL (estado: SONANDO) -->\n  <svg class=\"bm-icon bm-note\" viewBox=\"0 0 24 24\" fill=\"none\"\n       xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n    <path d=\"M9 18V5l12-2v13\" stroke=\"#1f3d22\" stroke-width=\"2\"\n          stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n    <circle cx=\"6\" cy=\"18\" r=\"3\" stroke=\"#1f3d22\" stroke-width=\"2\"\/>\n    <circle cx=\"18\" cy=\"16\" r=\"3\" stroke=\"#1f3d22\" stroke-width=\"2\"\/>\n  <\/svg>\n\n  <!-- Icono PAUSA (estado: PARADO) -->\n  <svg class=\"bm-icon bm-pause\" viewBox=\"0 0 24 24\" fill=\"none\"\n       xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n    <rect x=\"7\"  y=\"5\" width=\"3.5\" height=\"14\" rx=\"1.4\" fill=\"#1f3d22\"\/>\n    <rect x=\"13.5\" y=\"5\" width=\"3.5\" height=\"14\" rx=\"1.4\" fill=\"#1f3d22\"\/>\n  <\/svg>\n<\/button>\n\n\n<style>\n#boda-music-btn {\n  position: fixed;\n  right: 26px;\n  bottom: 26px;\n  z-index: 99999;\n\n  width: 64px;\n  height: 64px;\n  border-radius: 50%;\n\n  background: #faf6ee;\n  border: 2px solid #a7b3a0;\n  cursor: pointer;\n  padding: 0;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  box-shadow: 0 6px 20px rgba(80, 95, 70, 0.18);\n  transition: transform 0.25s ease, box-shadow 0.25s ease;\n\n  animation: bmFloat 3.6s ease-in-out infinite;\n}\n\n#boda-music-btn:hover {\n  transform: scale(1.07);\n  box-shadow: 0 8px 26px rgba(80, 95, 70, 0.28);\n}\n#boda-music-btn:active { transform: scale(0.96); }\n\n@keyframes bmFloat {\n  0%, 100% { translate: 0 0; }\n  50%      { translate: 0 -8px; }\n}\n\n\/* Iconos *\/\n.bm-icon {\n  width: 28px;\n  height: 28px;\n  position: absolute;\n  transition: opacity 0.25s ease, transform 0.25s ease;\n}\n\n\/* Por defecto (SONANDO): se ve la nota, oculta la pausa *\/\n.bm-note  { opacity: 1; transform: scale(1); }\n.bm-pause { opacity: 0; transform: scale(0.7); }\n\n\/* Estado PARADO: se ve la pausa, oculta la nota *\/\n#boda-music-btn.is-paused .bm-note  { opacity: 0; transform: scale(0.7); }\n#boda-music-btn.is-paused .bm-pause { opacity: 1; transform: scale(1); }\n\n\/* Anillo que late mientras SUENA (no en pausa) *\/\n#boda-music-btn:not(.is-paused) {\n  animation: bmFloat 3.6s ease-in-out infinite, bmPulse 2s ease-in-out infinite;\n}\n@keyframes bmPulse {\n  0%, 100% { border-color: #a7b3a0; }\n  50%      { border-color: #7d8c74; }\n}\n\n@media (max-width: 600px) {\n  #boda-music-btn {\n    width: 56px;\n    height: 56px;\n    right: 18px;\n    bottom: 18px;\n  }\n  .bm-icon { width: 24px; height: 24px; }\n}\n<\/style>\n\n\n<script>\n(function () {\n  'use strict';\n\n  var btn   = document.getElementById('boda-music-btn');\n  var audio = document.getElementById('boda-audio');\n  if (!btn || !audio) return;\n\n  \/* Refleja en el bot\u00f3n si est\u00e1 sonando o en pausa *\/\n  function pintarEstado() {\n    if (audio.paused) {\n      btn.classList.add('is-paused');\n      btn.setAttribute('aria-label', 'Reproducir m\u00fasica');\n    } else {\n      btn.classList.remove('is-paused');\n      btn.setAttribute('aria-label', 'Pausar m\u00fasica');\n    }\n  }\n\n  \/* Intento de autoplay al cargar *\/\n  function intentarArrancar() {\n    var p = audio.play();\n    if (p && p.then) {\n      p.then(pintarEstado).catch(function () {\n        \/* Bloqueado: lo dejamos en pausa hasta que el usuario toque *\/\n        pintarEstado();\n      });\n    } else {\n      pintarEstado();\n    }\n  }\n  intentarArrancar();\n\n  \/* Si el navegador bloque\u00f3 el autoplay, arranca al primer toque\n     en cualquier parte de la p\u00e1gina (una sola vez) *\/\n  function arranqueGesto() {\n    if (audio.paused) {\n      audio.play().then(pintarEstado).catch(function(){});\n    }\n  }\n  document.addEventListener('click', arranqueGesto, { once: true });\n  document.addEventListener('touchstart', arranqueGesto, { once: true, passive: true });\n\n  \/* Click en el bot\u00f3n: alterna play\/pausa *\/\n  btn.addEventListener('click', function (e) {\n    e.stopPropagation();\n    if (audio.paused) {\n      audio.play().then(pintarEstado).catch(function(){});\n    } else {\n      audio.pause();\n      pintarEstado();\n    }\n  });\n\n  \/* Mantener el icono sincronizado ante cualquier cambio *\/\n  audio.addEventListener('play',  pintarEstado);\n  audio.addEventListener('pause', pintarEstado);\n  audio.addEventListener('ended', pintarEstado);\n}());\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>I + T CON MUCHO AMOR Y UN PEL\u00cdN DE NERVIOS\u2026 Te invitamos a abrir este sobre. Iv\u00e1n + Tania 25.09.2026 FINCA LA CA\u00d1ADA DE M\u00d3NICO \u2014 D\u00cdAS \u2014 HORAS \u2014 MIN \u2014 SEG Desliza \u2193 Iv\u00e1n + Tania 25.09.2026 FINCA LA CA\u00d1ADA DE M\u00d3NICO \u2014 D\u00cdAS \u2014 HORAS \u2014 MIN \u2014 SEG Desliza \u2193 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ivanytania.com\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ivanytania.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ivanytania.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ivanytania.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ivanytania.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":412,"href":"https:\/\/ivanytania.com\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":512,"href":"https:\/\/ivanytania.com\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/512"}],"wp:attachment":[{"href":"https:\/\/ivanytania.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}