{"id":15,"date":"2026-09-15T17:31:35","date_gmt":"2026-09-15T17:31:35","guid":{"rendered":"https:\/\/dulcescopihue.proyectosixtomendez.cl\/?page_id=15"},"modified":"2026-10-29T18:06:43","modified_gmt":"2026-10-29T18:06:43","slug":"contacto","status":"publish","type":"page","link":"https:\/\/dulcescopihue.proyectosixtomendez.cl\/?page_id=15","title":{"rendered":"Contacto"},"content":{"rendered":"\n<div class=\"confiteria-contacto\">\n  <div class=\"contacto-hero\">\n    <span class=\"contacto-etiqueta\">\ud83c\udf6cDULCES COPIHUE<\/span>\n    <h1>\u00a1Hablemos de algo dulce!<\/h1>\n    <p>\u00bfTienes alguna consulta, quieres realizar un pedido o cotizar dulces para un evento? Estamos aqu\u00ed para ayudarte.<\/p>\n    <div class=\"contacto-deco\">\ud83c\udf6d \ud83c\udf6a \ud83e\uddc1 \ud83c\udf6b<\/div>\n  <\/div>\n\n  <div class=\"contacto-contenido\">\n    <div class=\"contacto-info\">\n      <h2>Estamos para ayudarte<\/h2>\n      <p>Nos encanta compartir el sabor de los dulces chilenos y preparar algo especial para cada ocasi\u00f3n.<\/p>\n\n      <div class=\"contacto-item\">\n        <span>\ud83d\udce7<\/span>\n        <div>\n          <strong>Consultas y dudas<\/strong>\n          <p>Escr\u00edbenos y te ayudaremos con tus preguntas.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"contacto-item\">\n        <span>\ud83c\udf70<\/span>\n        <div>\n          <strong>Pedidos especiales<\/strong>\n          <p>Cu\u00e9ntanos qu\u00e9 productos necesitas.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"contacto-item\">\n        <span>\ud83c\udf89<\/span>\n        <div>\n          <strong>Eventos y celebraciones<\/strong>\n          <p>Consulta por dulces para ocasiones especiales.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"contacto-nota\">\n        Hecho con cari\u00f1o y un toque de dulzura. \u2661\n      <\/div>\n    <\/div>\n\n    <div class=\"contacto-formulario\">\n      <h2>Env\u00edanos un mensaje<\/h2>\n      <p class=\"contacto-subtitulo\">Completa tus datos y cu\u00e9ntanos qu\u00e9 necesitas.<\/p>\n\n      <form id=\"formularioConfiteria\">\n        <div class=\"campo\">\n          <label for=\"ct-nombre\">Nombre completo *<\/label>\n          <input id=\"ct-nombre\" type=\"text\" name=\"nombre\" placeholder=\"Ej. Rodrigo Soto\" required=\"\">\n        <\/div>\n\n        <div class=\"campo\">\n          <label for=\"ct-email\">Correo electr\u00f3nico *<\/label>\n          <input id=\"ct-email\" type=\"email\" name=\"email\" placeholder=\"tucorreo@ejemplo.com\" required=\"\">\n        <\/div>\n\n        <div class=\"campo\">\n          <label for=\"ct-telefono\">N\u00famero de tel\u00e9fono<\/label>\n          <input id=\"ct-telefono\" type=\"tel\" name=\"telefono\" placeholder=\"+56 9 1234 5678\">\n        <\/div>\n\n        <div class=\"campo\">\n          <label for=\"ct-asunto\">Motivo del mensaje *<\/label>\n          <select id=\"ct-asunto\" name=\"asunto\" required=\"\">\n            <option value=\"\">Selecciona una opci\u00f3n<\/option>\n            <option>Consulta sobre productos<\/option>\n            <option>Realizar un pedido<\/option>\n            <option>Cotizaci\u00f3n para eventos<\/option>\n            <option>Dulces personalizados<\/option>\n            <option>Reclamos o sugerencias<\/option>\n            <option>Otro motivo<\/option>\n          <\/select>\n        <\/div>\n\n        <div class=\"campo\">\n          <label for=\"ct-mensaje\">Tu mensaje *<\/label>\n          <textarea id=\"ct-mensaje\" name=\"mensaje\" rows=\"5\" placeholder=\"Escribe aqu\u00ed tu consulta...\" required=\"\"><\/textarea>\n        <\/div>\n\n        <label class=\"contacto-privacidad\">\n          <input type=\"checkbox\" id=\"ct-privacidad\" required=\"\">\n          <span>Acepto que mis datos sean utilizados para responder a mi consulta.<\/span>\n        <\/label>\n\n        <button type=\"submit\" class=\"contacto-boton\">\n          Enviar mensaje <span>\u279c<\/span>\n        <\/button>\n\n        <div id=\"ct-aviso\" class=\"contacto-aviso\" role=\"status\" aria-live=\"polite\" hidden=\"\">\n          <span class=\"aviso-icono\">\u2713<\/span>\n          <strong>\u00a1Mensaje enviado correctamente!<\/strong>\n          <p>Gracias por contactarnos. Hemos recibido tu consulta y esperamos ayudarte pronto. \ud83c\udf6c<\/p>\n        <\/div>\n\n        <p class=\"contacto-pie\">\u00a1Gracias por comunicarte con nosotros! \ud83c\udf6c<\/p>\n      <\/form>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n.confiteria-contacto {\n  --cafe: #704238;\n  --rosado: #d98791;\n  --crema: #fff8f0;\n  --texto: #59443d;\n  max-width: 1100px;\n  margin: 35px auto;\n  background: #fff;\n  border-radius: 22px;\n  overflow: hidden;\n  box-shadow: 0 12px 45px rgba(92,55,43,.10);\n  color: var(--texto);\n  font-family: Arial, sans-serif;\n}\n.confiteria-contacto * { box-sizing: border-box; }\n\n.confiteria-contacto .contacto-hero {\n  text-align: center;\n  padding: 55px 24px 42px;\n  background: linear-gradient(135deg,#fff0e8,#fbe0e5);\n}\n.confiteria-contacto .contacto-etiqueta {\n  display: inline-block;\n  padding: 9px 15px;\n  border-radius: 30px;\n  background: #fff;\n  color: var(--cafe);\n  font-size: 12px;\n  font-weight: bold;\n  letter-spacing: 1.5px;\n}\n.confiteria-contacto h1 {\n  color: var(--cafe);\n  font-size: clamp(30px,5vw,46px);\n  line-height: 1.15;\n  margin: 22px 0 14px;\n}\n.confiteria-contacto .contacto-hero > p {\n  max-width: 650px;\n  margin: 0 auto;\n  line-height: 1.8;\n  font-size: 16px;\n}\n.confiteria-contacto .contacto-deco {\n  margin-top: 24px;\n  font-size: 29px;\n  letter-spacing: 9px;\n}\n.confiteria-contacto .contacto-contenido {\n  display: grid;\n  grid-template-columns: .85fr 1.15fr;\n}\n.confiteria-contacto .contacto-info {\n  background: var(--crema);\n  padding: 42px 32px;\n}\n.confiteria-contacto h2 {\n  color: var(--cafe);\n  font-size: 25px;\n  margin: 0 0 13px;\n}\n.confiteria-contacto .contacto-info > p,\n.confiteria-contacto .contacto-subtitulo {\n  font-size: 14px;\n  line-height: 1.8;\n  margin: 0 0 27px;\n}\n.confiteria-contacto .contacto-item {\n  display: flex;\n  gap: 15px;\n  align-items: flex-start;\n  margin: 25px 0;\n}\n.confiteria-contacto .contacto-item > span {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 45px;\n  height: 45px;\n  border-radius: 13px;\n  background: #f8dfe0;\n  font-size: 22px;\n}\n.confiteria-contacto .contacto-item strong {\n  display: block;\n  color: var(--cafe);\n  margin-bottom: 6px;\n}\n.confiteria-contacto .contacto-item p {\n  margin: 0;\n  font-size: 13px;\n  line-height: 1.6;\n}\n.confiteria-contacto .contacto-nota {\n  margin-top: 35px;\n  padding-top: 20px;\n  border-top: 1px solid #ead8ce;\n  color: #9c6268;\n  font-style: italic;\n  font-size: 14px;\n}\n.confiteria-contacto .contacto-formulario {\n  padding: 42px 38px;\n}\n.confiteria-contacto .campo { margin-bottom: 19px; }\n.confiteria-contacto .campo label {\n  display: block;\n  margin-bottom: 8px;\n  color: var(--cafe);\n  font-size: 14px;\n  font-weight: 700;\n}\n.confiteria-contacto .campo input,\n.confiteria-contacto .campo select,\n.confiteria-contacto .campo textarea {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  min-height: 46px;\n  padding: 12px 14px;\n  border: 1px solid #eadbd4;\n  border-radius: 9px;\n  background: #fffdfb;\n  color: #49372f;\n  font-family: inherit;\n  font-size: 14px;\n  outline: none;\n}\n.confiteria-contacto .campo textarea {\n  resize: vertical;\n  min-height: 125px;\n}\n.confiteria-contacto .campo input:focus,\n.confiteria-contacto .campo select:focus,\n.confiteria-contacto .campo textarea:focus {\n  border-color: var(--rosado);\n  box-shadow: 0 0 0 3px rgba(217,135,145,.15);\n}\n.confiteria-contacto .contacto-privacidad {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  font-size: 12px;\n  line-height: 1.6;\n  margin: 5px 0 22px;\n  cursor: pointer;\n}\n.confiteria-contacto .contacto-privacidad input {\n  margin-top: 3px;\n  accent-color: var(--rosado);\n}\n.confiteria-contacto .contacto-boton {\n  width: 100%;\n  border: 0;\n  border-radius: 10px;\n  padding: 16px 20px;\n  background: var(--cafe);\n  color: #fff;\n  font-size: 15px;\n  font-weight: bold;\n  cursor: pointer;\n  transition: background .2s,transform .2s;\n}\n.confiteria-contacto .contacto-boton:hover {\n  background: #9b5d60;\n  transform: translateY(-2px);\n}\n.confiteria-contacto .contacto-boton span { margin-left: 8px; }\n.confiteria-contacto .contacto-pie {\n  text-align: center;\n  font-size: 12px;\n  color: #987b70;\n  margin: 18px 0 0;\n}\n.confiteria-contacto .contacto-aviso {\n  margin-top: 20px;\n  padding: 22px 16px;\n  border-radius: 12px;\n  text-align: center;\n  background: #e8f7e9;\n  color: #286b3a;\n  border: 1px solid #c5e8ca;\n  animation: aparecerAviso .35s ease-out;\n}\n.confiteria-contacto .aviso-icono {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 38px;\n  height: 38px;\n  margin: 0 auto 12px;\n  border-radius: 50%;\n  background: #c9ebcf;\n  font-size: 23px;\n  font-weight: bold;\n}\n.confiteria-contacto .contacto-aviso strong { font-size: 16px; }\n.confiteria-contacto .contacto-aviso p {\n  margin: 8px 0 0;\n  font-size: 13px;\n  line-height: 1.6;\n}\n.confiteria-contacto [hidden] { display: none !important; }\n\n@keyframes aparecerAviso {\n  from { opacity: 0; transform: translateY(8px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (max-width:700px) {\n  .confiteria-contacto {\n    margin: 15px auto;\n    border-radius: 14px;\n  }\n  .confiteria-contacto .contacto-contenido {\n    grid-template-columns: 1fr;\n  }\n  .confiteria-contacto .contacto-info,\n  .confiteria-contacto .contacto-formulario {\n    padding: 30px 22px;\n  }\n  .confiteria-contacto .contacto-hero {\n    padding: 40px 20px 32px;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const formulario = document.getElementById('formularioConfiteria');\n  const aviso = document.getElementById('ct-aviso');\n\n  if (!formulario || formulario.dataset.iniciado === 'si') return;\n  formulario.dataset.iniciado = 'si';\n\n  formulario.addEventListener('submit', function (evento) {\n    evento.preventDefault();\n\n    if (!formulario.checkValidity()) {\n      formulario.reportValidity();\n      return;\n    }\n\n    \/\/ Boceto visual: no env\u00eda correos ni guarda los datos.\n    aviso.hidden = false;\n\n    \/\/ Ocultar el formulario despu\u00e9s de confirmar el env\u00edo.\n    Array.from(formulario.children).forEach(function (elemento) {\n      if (elemento.id !== 'ct-aviso') {\n        elemento.hidden = true;\n      }\n    });\n\n    aviso.scrollIntoView({ behavior: 'smooth', block: 'center' });\n  });\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\ud83c\udf6cDULCES COPIHUE \u00a1Hablemos de algo dulce! \u00bfTienes alguna consulta, quieres realizar un pedido o cotizar [&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-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dulcescopihue.proyectosixtomendez.cl\/index.php?rest_route=\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dulcescopihue.proyectosixtomendez.cl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dulcescopihue.proyectosixtomendez.cl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dulcescopihue.proyectosixtomendez.cl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dulcescopihue.proyectosixtomendez.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":9,"href":"https:\/\/dulcescopihue.proyectosixtomendez.cl\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":321,"href":"https:\/\/dulcescopihue.proyectosixtomendez.cl\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/321"}],"wp:attachment":[{"href":"https:\/\/dulcescopihue.proyectosixtomendez.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}