{"id":253,"date":"2024-11-06T22:30:15","date_gmt":"2024-11-06T22:30:15","guid":{"rendered":"https:\/\/coecocreative.com\/?page_id=253"},"modified":"2025-03-06T18:26:02","modified_gmt":"2025-03-06T18:26:02","slug":"presupuesto","status":"publish","type":"page","link":"https:\/\/coecocreative.com\/?page_id=253","title":{"rendered":"Presupuesto"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"253\" class=\"elementor elementor-253\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53730ee e-flex e-con-boxed e-con e-parent\" data-id=\"53730ee\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4eba5e2 elementor-widget elementor-widget-html\" data-id=\"4eba5e2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.entry-title{\r\n    display:none !important;\r\n}\r\n\r\n#presupuesto_title {\r\n    font-family: \"Open Sans\";\r\n    text-align: center;\r\n    color: #42230F;\r\n    font-weight: 400;\r\n    font-size: 94px;\r\n    margin: 0;\r\n    line-height: 0.9; \r\n    border-bottom: 1px solid #42230F;\r\n}\r\n@media (max-width: 768px) {\r\n    #presupuesto_title {\r\n        font-size: 64px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    #presupuesto_title {\r\n        font-size: 44px;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n<h2 id=\"presupuesto_title\">\r\n    PRESUPUESTO\r\n<\/h2>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3bde4db e-flex e-con-boxed e-con e-parent\" data-id=\"3bde4db\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e642916 elementor-widget elementor-widget-image\" data-id=\"e642916\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"203\" src=\"https:\/\/coecocreative.com\/wp-content\/uploads\/2024\/11\/rellenaForm-300x203.webp\" class=\"attachment-medium size-medium wp-image-509\" alt=\"\" srcset=\"https:\/\/coecocreative.com\/wp-content\/uploads\/2024\/11\/rellenaForm-300x203.webp 300w, https:\/\/coecocreative.com\/wp-content\/uploads\/2024\/11\/rellenaForm-1024x693.webp 1024w, https:\/\/coecocreative.com\/wp-content\/uploads\/2024\/11\/rellenaForm-768x520.webp 768w, https:\/\/coecocreative.com\/wp-content\/uploads\/2024\/11\/rellenaForm-1536x1040.webp 1536w, https:\/\/coecocreative.com\/wp-content\/uploads\/2024\/11\/rellenaForm.webp 1920w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9f37d08 e-flex e-con-boxed e-con e-parent\" data-id=\"9f37d08\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cabff18 elementor-widget elementor-widget-html\" data-id=\"cabff18\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <style>\r\n        \/* Estilos del formulario *\/\r\n        form {\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n            padding: 20px;\r\n            border-radius: 10px;\r\n            color: #42230F;\r\n        }\r\n        label {\r\n            display: block;\r\n            margin: 10px 0 5px;\r\n            font-weight: bold;\r\n        }\r\n        input, select, textarea, button {\r\n            width: 100%;\r\n            padding: 10px;\r\n            margin-bottom: 15px;\r\n            border: 1px solid #42230F;\r\n            border-radius: 5px;\r\n            box-sizing: border-box;\r\n        }\r\n        button {\r\n            background-color: #42230F !important;\r\n            color: #fffbf5 !important;\r\n            border: none !important;\r\n            cursor: pointer;\r\n        }\r\n        button:hover {\r\n            background-color: #5F3920 !important;\r\n        }\r\n        .hidden {\r\n            display: none;\r\n        }\r\n        .checkbox-group {\r\n            margin: 10px 0;\r\n        }\r\n        .checkbox-group input[type=\"checkbox\"] {\r\n            margin-right: 10px;\r\n            width: 20px;\r\n            height: 20px;\r\n        }\r\n        .checkbox-group label {\r\n            display: inline-block;\r\n            font-size: 16px;\r\n        }\r\n        .checkbox-group div {\r\n            margin-bottom: 15px;\r\n        }\r\n        .checkbox-group input[type=\"checkbox\"] {\r\n            margin-bottom: 5px;\r\n        }\r\n#spinner {\r\n    display: inline-block;\r\n    width: 20px;\r\n    height: 20px;\r\n    border: 3px solid transparent;\r\n    border-top: 3px solid #42230F; \/* Color marr\u00f3n *\/\r\n    border-radius: 50%;\r\n    animation: spin 1s linear infinite;\r\n    visibility: hidden;\r\n}\r\n\r\n\r\n.hidden {\r\n    visibility: hidden;\r\n}\r\n\r\n\r\n@keyframes spin {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n}\r\n\r\n    <\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c416df3 e-flex e-con-boxed e-con e-parent\" data-id=\"c416df3\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9bac0df elementor-widget elementor-widget-shortcode\" data-id=\"9bac0df\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n\n    <form id=\"customForm\">\n        <label for=\"name\"><span style=\"color:red\">*<\/span> Nombre y apellidos:<\/label>\n        <input type=\"text\" id=\"name\" name=\"name\" required>\n\n        <label for=\"phone\"><span style=\"color:red\">*<\/span> Tel\u00e9fono:<\/label>\n        <input type=\"tel\" id=\"phone\" name=\"phone\" required>\n\n        <label for=\"email\"><span style=\"color:red\">*<\/span> Correo electr\u00f3nico:<\/label>\n        <input type=\"email\" id=\"email\" name=\"email\" required>\n\n        <label for=\"article\"><span style=\"color:red\">*<\/span> Art\u00edculo:<\/label>\n        <select id=\"article\" name=\"article\" required onchange=\"updateOptions()\">\n            <option value=\"\">Seleccione un art\u00edculo<\/option>\n            <option value=\"camiseta\">Camisetas<\/option>\n            <option value=\"tote\">Tote bag<\/option>\n            <option value=\"sudadera\">Sudaderas<\/option>\n            <option value=\"gorra\">Gorras<\/option>\n\t\t\t <option value=\"polo\">Polo<\/option>\n        <\/select>\n\n        <div id=\"typeOptions\" class=\"hidden\">\n            <label for=\"type\"><span style=\"color:red\">*<\/span> Tipo de prenda:<\/label>\n            <select id=\"type\" name=\"type\"><\/select>\n        <\/div>\n\n        <label for=\"quantity\"><span style=\"color:red\">*<\/span> Cantidad de prendas:<\/label>\n        <input type=\"number\" id=\"quantity\" name=\"quantity\" min=\"1\" required>\n\n        <label for=\"quality\"><span style=\"color:red\">*<\/span> Calidad:<\/label>\n        <select id=\"quality\" name=\"quality\" required>\n            <option value=\"econ\u00f3mico\">Econ\u00f3mico\/promocional<\/option>\n            <option value=\"calidad-precio\">Calidad\/precio<\/option>\n            <option value=\"media\">Media<\/option>\n            <option value=\"premium\">Premium<\/option>\n        <\/select>\n\n        <fieldset class=\"checkbox-group\">\n            <legend><span style=\"color:red\">*<\/span> Impresi\u00f3n:<\/legend>\n            <div>\n                <label>\n                    <input type=\"checkbox\" name=\"impression[]\" value=\"frontal\" id=\"frontal\"> Frontal\n                <\/label>\n                <div id=\"frontalOptions\" class=\"hidden\">\n                    <label for=\"frontalSize\">Tama\u00f1o:<\/label>\n                    <select id=\"frontalSize\" name=\"frontalSize\">\n                        <option value=\"20x20\">20x20cm<\/option>\n                        <option value=\"30x40\">30x40cm<\/option>\n                    <\/select>\n                    <label for=\"frontalColors\">N\u00famero de colores:<\/label>\n                    <input type=\"number\" id=\"frontalColors\" name=\"frontalColors\" min=\"1\">\n                <\/div>\n            <\/div>\n\n            <div>\n                <label>\n                    <input type=\"checkbox\" name=\"impression[]\" value=\"trasera\" id=\"trasera\"> Trasera\n                <\/label>\n                <div id=\"traseraOptions\" class=\"hidden\">\n                    <label for=\"traseraSize\">Tama\u00f1o:<\/label>\n                    <select id=\"traseraSize\" name=\"traseraSize\">\n                        <option value=\"20x20\">20x20cm<\/option>\n                        <option value=\"30x40\">30x40cm<\/option>\n                    <\/select>\n                    <label for=\"traseraColors\">N\u00famero de colores:<\/label>\n                    <input type=\"number\" id=\"traseraColors\" name=\"traseraColors\" min=\"1\">\n                <\/div>\n            <\/div>\n\n            <div>\n                <label>\n                    <input type=\"checkbox\" name=\"impression[]\" value=\"manga_derecha\" id=\"manga_derecha\"> Manga derecha\n                <\/label>\n                <div id=\"manga_derechaOptions\" class=\"hidden\">\n                    <label for=\"mangaDerechaColors\">N\u00famero de colores:<\/label>\n                    <input type=\"number\" id=\"manga_derechaColors\" name=\"mangaDerechaColors\" min=\"1\">\n                <\/div>\n            <\/div>\n\n            <div>\n                <label>\n                    <input type=\"checkbox\" name=\"impression[]\" value=\"manga_izquierda\" id=\"manga_izquierda\"> Manga izquierda\n                <\/label>\n                <div id=\"manga_izquierdaOptions\" class=\"hidden\">\n                    <label for=\"manga_izquierdaColors\">N\u00famero de colores:<\/label>\n                  \n<input type=\"number\" id=\"mangaIzquierdaColors\" name=\"mangaIzquierdaColors\" min=\"1\">\n\n                <\/div>\n            <\/div>\n        <\/fieldset>\n\n        <label for=\"files\"><span style=\"color:red\">*<\/span> Seleccione los archivos necesarios: <span style=\"text-size:8pt;\">(solamente im\u00e1genes o pdfs)<\/span><\/label>\n        <input required type=\"file\" id=\"files\" name=\"files[]\" accept=\"image\/*,.pdf\" multiple>\n\n        <label for=\"usage\"><span style=\"color:red\">*<\/span> \u00bfPara qu\u00e9 se utilizar\u00e1?<\/label>\n        <textarea id=\"usage\" name=\"usage\" rows=\"3\" required ><\/textarea>\n\n        <label for=\"observations\">Observaciones:<\/label>\n        <textarea id=\"observations\" name=\"observations\" rows=\"3\"><\/textarea>\n\n     <button type=\"submit\">\n    Enviar\n<\/button>\n\t\t   <span id=\"spinner\" aria-hidden=\"true\"><\/span>\n\t\t<span>Todos los campos con (<span style=\"color:red\">*<\/span>) son obligatorios y nos ayudar\u00e1 a ofrecerte un mejor presupuesto.<\/span> \n\n        <p id=\"formMessage\" class=\"hidden\">Formulario enviado correctamente.<\/p>\n    <\/form>\n\n    <script>\n        function updateOptions() {\n            const article = document.getElementById('article').value;\n            const typeOptions = document.getElementById('typeOptions');\n            const typeSelect = document.getElementById('type');\n            typeOptions.classList.remove('hidden');\n            typeSelect.innerHTML = \"\"; \n\n            if (article === \"camiseta\") {\n                typeSelect.innerHTML = `\n                    <option value=\"mujer\">Mujer<\/option>\n                    <option value=\"estandar\">Est\u00e1ndar<\/option>\n                    <option value=\"oversized\">Oversized<\/option>\n                    <option value=\"cuello_v\">Cuello V<\/option>\n                    <option value=\"t\u00e9cnica\">T\u00e9cnica<\/option>`;\n            } else if (article === \"tote\") {\n                typeSelect.innerHTML = `\n                    <option value=\"asa\">Asa<\/option>\n                    <option value=\"combinada\">Combinada<\/option>\n                    <option value=\"natural\">Natural<\/option>\n                    <option value=\"color\">Color<\/option>`;\n            } else if (article === \"sudadera\") {\n                typeSelect.innerHTML = `\n                    <option value=\"con_capucha\">Con capucha<\/option>\n                    <option value=\"cuello_redondo\">Cuello redondo sin capucha<\/option>\n                    <option value=\"con_cremallera\">Con cremallera<\/option>`;\n            } else if (article === \"gorra\") {\n                typeSelect.innerHTML = `\n                    <option value=\"estandar_curva\">Est\u00e1ndar curva<\/option>\n                    <option value=\"trucker_curva\">Trucker curva<\/option>\n                    <option value=\"estandar_plana\">Est\u00e1ndar plana<\/option>\n                    <option value=\"trucker_plana\">Trucker plana<\/option>`;\n            } else {\n                typeOptions.classList.add('hidden');\n            }\n        }\n\n      document.querySelectorAll('input[type=\"checkbox\"]').forEach(checkbox => {\n    checkbox.addEventListener('change', function() {\n        const optionDiv = document.getElementById(checkbox.id + 'Options');\n        if (this.checked) {\n            optionDiv.classList.remove('hidden');\n        } else {\n            optionDiv.classList.add('hidden');\n        }\n    });\n});\n\n\n\n  document.getElementById('customForm').addEventListener('submit', function(e) {\n    e.preventDefault(); \n\n    const submitButton = document.querySelector('button[type=\"submit\"]');\n    const spinner = document.getElementById('spinner');\n    \n \n    spinner.style.visibility = 'visible'; \n\n    const formData = new FormData(this);\n    fetch('https:\/\/coecocreative.com\/wp-admin\/admin-post.php?action=send_form_data', {\n        method: 'POST',\n        body: formData,\n    })\n    .then(response => response.text())\n    .then(text => {\n        \/\/ Ocultar el spinner despu\u00e9s de recibir la respuesta del servidor\n        spinner.style.visibility = 'hidden';  \/\/ Ocultar el spinner\n\n        if (text === 'success') {\n            document.getElementById('formMessage').classList.remove('hidden');\n            this.reset(); \/\/ Restablece el formulario despu\u00e9s del env\u00edo exitoso\n        } else {\n            alert('Hubo un problema al enviar el formulario.');\n        }\n    })\n    .catch(error => {\n        \/\/ Ocultar el spinner en caso de error\n        spinner.style.visibility = 'hidden';  \/\/ Ocultar el spinner\n        alert('Error inesperado.');\n    });\n});\n\n\n\n\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PRESUPUESTO<\/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-253","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/coecocreative.com\/index.php?rest_route=\/wp\/v2\/pages\/253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coecocreative.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/coecocreative.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/coecocreative.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/coecocreative.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=253"}],"version-history":[{"count":166,"href":"https:\/\/coecocreative.com\/index.php?rest_route=\/wp\/v2\/pages\/253\/revisions"}],"predecessor-version":[{"id":1913,"href":"https:\/\/coecocreative.com\/index.php?rest_route=\/wp\/v2\/pages\/253\/revisions\/1913"}],"wp:attachment":[{"href":"https:\/\/coecocreative.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}