{"id":1500,"date":"2025-12-08T02:35:39","date_gmt":"2025-12-08T08:35:39","guid":{"rendered":"https:\/\/byhands.directorio-comercial.com\/?page_id=1500"},"modified":"2025-12-08T02:35:39","modified_gmt":"2025-12-08T08:35:39","slug":"contactanos","status":"publish","type":"page","link":"https:\/\/byhands.directorio-comercial.com\/?page_id=1500","title":{"rendered":"Contactanos"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-text-align-center\" style=\"font-size:41px\">\u00bfQuieres alguna cotizaci\u00f3n?<\/h2>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\" style=\"font-size:34px\">Cont\u00e1ctanos<\/h2>\n\n\n\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-23441af8 wp-block-group-is-layout-flex\">\n<style>\n\/* ==== ESTILOS DEL FORMULARIO ==== *\/\n.modern-form {\n    max-width: 420px;\n    margin: auto;\n    padding: 25px;\n    background: #ffffff;\n    border-radius: 15px;\n    box-shadow: 0 8px 25px rgba(0,0,0,0.08);\n    font-family: \"Segoe UI\", sans-serif;\n}\n\n.modern-form label {\n    font-weight: 600;\n    color: #333;\n    margin-bottom: 6px;\n    display: block;\n}\n\n.modern-form input,\n.modern-form select {\n    width: 100%;\n    padding: 12px;\n    margin-bottom: 16px;\n    border-radius: 10px;\n    border: 1px solid #ccc;\n    background: #f7f7f7;\n    transition: all 0.25s ease;\n    font-size: 15px;\n}\n\n.modern-form input:focus,\n.modern-form select:focus {\n    border-color: #7b4bff;\n    background: #ffffff;\n    box-shadow: 0 0 8px rgba(123, 75, 255, 0.25);\n    outline: none;\n}\n\n.modern-form button {\n    width: 100%;\n    padding: 14px;\n    background: #25D366;\n    color: white;\n    font-size: 17px;\n    font-weight: 600;\n    border: none;\n    border-radius: 12px;\n    cursor: pointer;\n    transition: 0.25s ease;\n}\n\n.modern-form button:hover {\n    background: #1ebe5d;\n    box-shadow: 0 6px 20px rgba(37,211,102,0.25);\n}\n\n#otrosCampo {\n    display: none;\n}\n<\/style>\n\n<div class=\"modern-form\">\n<form id=\"whatsappForm\">\n\n    <label>Nombre<\/label>\n    <input type=\"text\" id=\"nombre\" placeholder=\"Escribe tu nombre\" required>\n\n    <label>Producto que desea cotizar<\/label>\n    <select id=\"producto\" required>\n        <option value=\"\">&#8212; Selecciona una opci\u00f3n &#8212;<\/option>\n        <option value=\"Accesorio\">Accesorios<\/option>\n        <option value=\"Banco\">Bancos<\/option>\n        <option value=\"Bufetero\">Bufeteros<\/option>\n        <option value=\"Bur\u00f3\">Buros<\/option>\n        <option value=\"Cama\">Camas<\/option>\n        <option value=\"Cocina\">Cocinas<\/option>\n        <option value=\"Mesa\">Mesas<\/option>\n        <option value=\"Juego de mesas\">Juegos de mesas<\/option>\n        <option value=\"Sala\">Salas<\/option>\n        <option value=\"Silla\">Sillas<\/option>\n        <option value=\"Sill\u00f3n ocasional\">Sillones Ocasionales<\/option>\n        <option value=\"Otros\">Otros<\/option>\n    <\/select>\n\n    <div id=\"otrosCampo\">\n        <label>Especifica el producto<\/label>\n        <input type=\"text\" id=\"producto_otro\" placeholder=\"Escribe aqu\u00ed\u2026\">\n    <\/div>\n\n    <button type=\"submit\">Enviar a WhatsApp<\/button>\n<\/form>\n<\/div>\n\n<script>\ndocument.getElementById(\"producto\").addEventListener(\"change\", function () {\n    const otrosCampo = document.getElementById(\"otrosCampo\");\n    otrosCampo.style.display = this.value === \"Otros\" ? \"block\" : \"none\";\n});\n\ndocument.getElementById(\"whatsappForm\").addEventListener(\"submit\", function(e){\n    e.preventDefault();\n\n    const nombre = document.getElementById(\"nombre\").value.trim();\n    let producto   = document.getElementById(\"producto\").value;\n\n    if (producto === \"Otros\") {\n        const otro = document.getElementById(\"producto_otro\").value.trim();\n        producto = otro !== \"\" ? otro : \"producto no especificado\";\n    }\n\n    const mensaje = `Hola, soy ${nombre} y me gustar\u00eda cotizaci\u00f3n de un\/a ${producto}`;\n    const numero = \"524494934765\";\n    const url = `https:\/\/wa.me\/${numero}?text=${encodeURIComponent(mensaje)}`;\n\n    window.open(url, \"_blank\");\n});\n<\/script>\n\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfQuieres alguna cotizaci\u00f3n? Cont\u00e1ctanos Nombre Producto que desea cotizar &#8212; Selecciona una opci\u00f3n &#8212;AccesoriosBancosBufeterosBurosCamasCocinasMesasJuegos de mesasSalasSillasSillones OcasionalesOtros Especifica el producto Enviar a WhatsApp<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full-width","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1500","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/byhands.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/pages\/1500","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/byhands.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/byhands.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/byhands.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/byhands.directorio-comercial.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1500"}],"version-history":[{"count":1,"href":"https:\/\/byhands.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/pages\/1500\/revisions"}],"predecessor-version":[{"id":1501,"href":"https:\/\/byhands.directorio-comercial.com\/index.php?rest_route=\/wp\/v2\/pages\/1500\/revisions\/1501"}],"wp:attachment":[{"href":"https:\/\/byhands.directorio-comercial.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1500"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}