{"id":412,"date":"2025-11-05T10:57:48","date_gmt":"2025-11-05T15:57:48","guid":{"rendered":"https:\/\/tuwebdeboda.space\/?page_id=412"},"modified":"2025-11-06T20:16:37","modified_gmt":"2025-11-07T01:16:37","slug":"contacto","status":"publish","type":"page","link":"https:\/\/tuwebdeboda.space\/?page_id=412","title":{"rendered":"Contacto"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"412\" class=\"elementor elementor-412\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28f6a77 e-flex e-con-boxed e-con e-parent\" data-id=\"28f6a77\" 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-ea54b04 elementor-widget elementor-widget-html\" data-id=\"ea54b04\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \ud83d\udcac BLOQUE DE FORMULARIO CONECTADO A WHATSAPP -->\r\n<section id=\"contacto\" style=\"padding: 60px 20px; background-color: #FFF9F8; font-family: 'Lato', sans-serif; color: #333;\">\r\n  <div style=\"max-width: 700px; margin: auto; text-align: center;\">\r\n    <h2 style=\"font-family: 'Playfair Display', serif; font-size: 2.2rem; margin-bottom: 10px;\">\ud83d\udc8c \u00a1Hablemos de tu boda!<\/h2>\r\n    <p style=\"font-size: 1.1rem; margin-bottom: 40px;\">\r\n      Completa este breve formulario y en menos de 24 horas te enviaremos una propuesta personalizada con ideas, precios y estilos.\r\n    <\/p>\r\n\r\n    <form id=\"formBoda\" class=\"form-boda\">\r\n      <div class=\"form-group\">\r\n        <label for=\"nombre\">Nombre de los novios \u2728<\/label>\r\n        <input type=\"text\" id=\"nombre\" name=\"nombre\" required placeholder=\"Ejemplo: Ana & Carlos\">\r\n      <\/div>\r\n\r\n      <div class=\"form-group\">\r\n        <label for=\"fecha\">Fecha de la boda \ud83d\udcc5<\/label>\r\n        <input type=\"date\" id=\"fecha\" name=\"fecha\" required>\r\n      <\/div>\r\n\r\n      <div class=\"form-group\">\r\n        <label for=\"estilo\">Estilo preferido<\/label>\r\n        <select id=\"estilo\" name=\"estilo\" required>\r\n          <option value=\"\">Selecciona una opci\u00f3n<\/option>\r\n          <option>Rom\u00e1ntico<\/option>\r\n          <option>Moderno<\/option>\r\n          <option>Minimalista<\/option>\r\n          <option>Boho<\/option>\r\n        <\/select>\r\n      <\/div>\r\n\r\n      <div class=\"form-group\">\r\n        <label for=\"pais\">Pa\u00eds o ciudad \ud83c\udf0e<\/label>\r\n        <input type=\"text\" id=\"pais\" name=\"pais\" placeholder=\"Ejemplo: Ciudad de M\u00e9xico \/ Miami\">\r\n      <\/div>\r\n\r\n      <div class=\"form-group\">\r\n        <label for=\"contacto\">WhatsApp o correo electr\u00f3nico \ud83d\udcf1\u2709\ufe0f<\/label>\r\n        <input type=\"text\" id=\"contacto\" name=\"contacto\" required placeholder=\"Ejemplo: +52 55 1234 5678 \/ hola@email.com\">\r\n      <\/div>\r\n\r\n      <div class=\"form-group\">\r\n        <label for=\"mensaje\">Mensaje opcional<\/label>\r\n        <textarea id=\"mensaje\" name=\"mensaje\" rows=\"4\" placeholder=\"Cu\u00e9ntanos un poco m\u00e1s sobre tu evento...\"><\/textarea>\r\n      <\/div>\r\n\r\n      <button type=\"submit\" class=\"btn-enviar\">\ud83d\udc8c Enviar mi solicitud<\/button>\r\n    <\/form>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \ud83c\udfa8 ESTILOS -->\r\n<style>\r\n  .form-boda {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n    background: #FFFFFF;\r\n    border-radius: 20px;\r\n    box-shadow: 0 5px 20px rgba(0,0,0,0.08);\r\n    padding: 30px;\r\n  }\r\n\r\n  .form-group {\r\n    text-align: left;\r\n  }\r\n\r\n  .form-group label {\r\n    display: block;\r\n    font-weight: 600;\r\n    margin-bottom: 8px;\r\n    color: #444;\r\n  }\r\n\r\n  .form-group input,\r\n  .form-group select,\r\n  .form-group textarea {\r\n    width: 100%;\r\n    padding: 12px 14px;\r\n    border: 1px solid #E8B56B;\r\n    border-radius: 10px;\r\n    font-size: 1rem;\r\n    transition: border-color 0.3s ease, box-shadow 0.3s ease;\r\n  }\r\n\r\n  .form-group input:focus,\r\n  .form-group select:focus,\r\n  .form-group textarea:focus {\r\n    border-color: #D79A4A;\r\n    box-shadow: 0 0 5px rgba(232,181,107,0.5);\r\n    outline: none;\r\n  }\r\n\r\n  .btn-enviar {\r\n    background-color: #E8B56B;\r\n    color: #fff;\r\n    font-size: 1.1rem;\r\n    font-weight: bold;\r\n    border: none;\r\n    border-radius: 12px;\r\n    padding: 14px 0;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .btn-enviar:hover {\r\n    background-color: #D79A4A;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 5px 10px rgba(0,0,0,0.1);\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .form-boda {\r\n      padding: 20px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- \ud83d\udcac SCRIPT PARA ENV\u00cdO A WHATSAPP -->\r\n<script>\r\n  document.getElementById('formBoda').addEventListener('submit', function(e) {\r\n    e.preventDefault();\r\n\r\n    \/\/ \u2699\ufe0f Reemplaza con tu n\u00famero de WhatsApp (sin + ni espacios)\r\n    const phone = \"13322410396\"; \r\n\r\n    \/\/ Captura los valores\r\n    const nombre = document.getElementById('nombre').value;\r\n    const fecha = document.getElementById('fecha').value;\r\n    const estilo = document.getElementById('estilo').value;\r\n    const pais = document.getElementById('pais').value;\r\n    const contacto = document.getElementById('contacto').value;\r\n    const mensaje = document.getElementById('mensaje').value;\r\n\r\n    \/\/ Construye el mensaje\r\n    const text = `\u00a1Hola! \ud83d\udc4b%0AEstoy interesado en crear una Web de Boda.%0A%0A` +\r\n                 `\ud83d\udc69\u200d\u2764\ufe0f\u200d\ud83d\udc68 *Nombre de los novios:* ${nombre}%0A` +\r\n                 `\ud83d\udcc5 *Fecha de la boda:* ${fecha}%0A` +\r\n                 `\ud83d\udc8d *Estilo preferido:* ${estilo}%0A` +\r\n                 `\ud83c\udf0e *Pa\u00eds o ciudad:* ${pais}%0A` +\r\n                 `\ud83d\udcf1 *Contacto:* ${contacto}%0A` +\r\n                 (mensaje ? `%0A\ud83d\udcac *Mensaje:* ${mensaje}%0A` : \"\") +\r\n                 `%0A\u2728 Env\u00edo mi solicitud desde la p\u00e1gina web.`;\r\n\r\n    \/\/ Abre WhatsApp\r\n    const url = `https:\/\/wa.me\/${phone}?text=${text}`;\r\n    window.open(url, '_blank');\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83d\udc8c \u00a1Hablemos de tu boda! Completa este breve formulario y en menos de 24 horas te enviaremos una propuesta personalizada [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-412","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/tuwebdeboda.space\/index.php?rest_route=\/wp\/v2\/pages\/412","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tuwebdeboda.space\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tuwebdeboda.space\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tuwebdeboda.space\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tuwebdeboda.space\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=412"}],"version-history":[{"count":9,"href":"https:\/\/tuwebdeboda.space\/index.php?rest_route=\/wp\/v2\/pages\/412\/revisions"}],"predecessor-version":[{"id":487,"href":"https:\/\/tuwebdeboda.space\/index.php?rest_route=\/wp\/v2\/pages\/412\/revisions\/487"}],"wp:attachment":[{"href":"https:\/\/tuwebdeboda.space\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=412"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}