{"id":664,"date":"2026-07-12T17:21:56","date_gmt":"2026-07-12T17:21:56","guid":{"rendered":"https:\/\/fontolanwp.com.br\/bg\/?page_id=664"},"modified":"2026-07-12T17:22:14","modified_gmt":"2026-07-12T17:22:14","slug":"solicitar-orcamento","status":"publish","type":"page","link":"https:\/\/fontolanwp.com.br\/bg\/solicitar-orcamento\/","title":{"rendered":"Solicitar Or\u00e7amento"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"664\" class=\"elementor elementor-664\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5cc8983 e-flex e-con-boxed e-con e-parent\" data-id=\"5cc8983\" 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-2b106f4 elementor-widget elementor-widget-html\" data-id=\"2b106f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"bg-orcamento\" id=\"orcamento-bg\">\r\n    <div class=\"bg-form-header\">\r\n        <span>OR\u00c7AMENTO PERSONALIZADO<\/span>\r\n        <h2>Conte-nos sobre o seu projeto<\/h2>\r\n        <p>Preencha as informa\u00e7\u00f5es abaixo e envie diretamente para nossa equipe pelo WhatsApp.<\/p>\r\n    <\/div>\r\n\r\n    <form id=\"bgOrcamentoForm\">\r\n        <div class=\"bg-grid\">\r\n            <div class=\"bg-campo\">\r\n                <label for=\"bgNome\">Nome completo *<\/label>\r\n                <input type=\"text\" id=\"bgNome\" placeholder=\"Digite seu nome\" required>\r\n            <\/div>\r\n\r\n            <div class=\"bg-campo\">\r\n                <label for=\"bgTelefone\">Telefone\/WhatsApp *<\/label>\r\n                <input\r\n                    type=\"tel\"\r\n                    id=\"bgTelefone\"\r\n                    placeholder=\"(19) 99999-9999\"\r\n                    maxlength=\"15\"\r\n                    required\r\n                >\r\n            <\/div>\r\n\r\n            <div class=\"bg-campo\">\r\n                <label for=\"bgCidade\">Cidade da obra *<\/label>\r\n                <input\r\n                    type=\"text\"\r\n                    id=\"bgCidade\"\r\n                    placeholder=\"Ex.: Campinas - SP\"\r\n                    required\r\n                >\r\n            <\/div>\r\n\r\n            <div class=\"bg-campo\">\r\n                <label for=\"bgLocal\">Local do projeto<\/label>\r\n                <select id=\"bgLocal\">\r\n                    <option value=\"\">Selecione<\/option>\r\n                    <option>Resid\u00eancia<\/option>\r\n                    <option>Condom\u00ednio<\/option>\r\n                    <option>Empresa ou com\u00e9rcio<\/option>\r\n                    <option>Ch\u00e1cara ou s\u00edtio<\/option>\r\n                    <option>Outro local<\/option>\r\n                <\/select>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bg-bloco\">\r\n            <label class=\"bg-titulo-campo\">Qual servi\u00e7o voc\u00ea precisa? *<\/label>\r\n\r\n            <div class=\"bg-servicos\">\r\n                <label class=\"bg-servico\">\r\n                    <input type=\"checkbox\" name=\"servico\" value=\"Pergolado\">\r\n                    <span>Pergolado<\/span>\r\n                <\/label>\r\n\r\n                <label class=\"bg-servico\">\r\n                    <input type=\"checkbox\" name=\"servico\" value=\"Deck\">\r\n                    <span>Deck<\/span>\r\n                <\/label>\r\n\r\n                <label class=\"bg-servico\">\r\n                    <input type=\"checkbox\" name=\"servico\" value=\"Forro de madeira\">\r\n                    <span>Forro<\/span>\r\n                <\/label>\r\n\r\n                <label class=\"bg-servico\">\r\n                    <input type=\"checkbox\" name=\"servico\" value=\"Brise de madeira\">\r\n                    <span>Brise<\/span>\r\n                <\/label>\r\n\r\n                <label class=\"bg-servico\">\r\n                    <input type=\"checkbox\" name=\"servico\" value=\"Escada de madeira\">\r\n                    <span>Escada<\/span>\r\n                <\/label>\r\n\r\n                <label class=\"bg-servico\">\r\n                    <input type=\"checkbox\" name=\"servico\" value=\"Revestimento de banheira ou spa\">\r\n                    <span>Banheira\/Spa<\/span>\r\n                <\/label>\r\n\r\n                <label class=\"bg-servico\">\r\n                    <input type=\"checkbox\" name=\"servico\" value=\"Cobertura de madeira\">\r\n                    <span>Cobertura<\/span>\r\n                <\/label>\r\n\r\n                <label class=\"bg-servico\">\r\n                    <input type=\"checkbox\" name=\"servico\" value=\"Reforma\">\r\n                    <span>Reforma<\/span>\r\n                <\/label>\r\n\r\n                <label class=\"bg-servico\">\r\n                    <input type=\"checkbox\" name=\"servico\" value=\"Outro projeto em madeira\">\r\n                    <span>Outro projeto<\/span>\r\n                <\/label>\r\n            <\/div>\r\n\r\n            <small id=\"bgErroServico\" class=\"bg-erro\">\r\n                Selecione pelo menos um servi\u00e7o.\r\n            <\/small>\r\n        <\/div>\r\n\r\n        <div class=\"bg-grid\">\r\n            <div class=\"bg-campo\">\r\n                <label for=\"bgMedidas\">Medidas aproximadas<\/label>\r\n                <input\r\n                    type=\"text\"\r\n                    id=\"bgMedidas\"\r\n                    placeholder=\"Ex.: 4 x 6 metros ou 24 m\u00b2\"\r\n                >\r\n            <\/div>\r\n\r\n            <div class=\"bg-campo\">\r\n                <label for=\"bgSituacao\">Situa\u00e7\u00e3o atual<\/label>\r\n                <select id=\"bgSituacao\">\r\n                    <option value=\"\">Selecione<\/option>\r\n                    <option>Projeto novo<\/option>\r\n                    <option>Substitui\u00e7\u00e3o de estrutura existente<\/option>\r\n                    <option>Reforma ou manuten\u00e7\u00e3o<\/option>\r\n                    <option>Ainda estou avaliando<\/option>\r\n                <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"bg-campo\">\r\n                <label for=\"bgMaterial\">Madeira ou acabamento desejado<\/label>\r\n                <input\r\n                    type=\"text\"\r\n                    id=\"bgMaterial\"\r\n                    placeholder=\"Ex.: madeira clara, escura ou n\u00e3o definido\"\r\n                >\r\n            <\/div>\r\n\r\n            <div class=\"bg-campo\">\r\n                <label for=\"bgPrazo\">Quando pretende realizar?<\/label>\r\n                <select id=\"bgPrazo\">\r\n                    <option value=\"\">Selecione<\/option>\r\n                    <option>O quanto antes<\/option>\r\n                    <option>Em at\u00e9 30 dias<\/option>\r\n                    <option>Entre 1 e 3 meses<\/option>\r\n                    <option>Entre 3 e 6 meses<\/option>\r\n                    <option>Apenas pesquisando valores<\/option>\r\n                <\/select>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bg-campo bg-campo-total\">\r\n            <label for=\"bgDescricao\">Descreva seu projeto *<\/label>\r\n            <textarea\r\n                id=\"bgDescricao\"\r\n                rows=\"5\"\r\n                placeholder=\"Conte como imagina o projeto, tamanho do espa\u00e7o, detalhes e outras informa\u00e7\u00f5es importantes.\"\r\n                required\r\n            ><\/textarea>\r\n        <\/div>\r\n\r\n        <div class=\"bg-campo bg-campo-total\">\r\n            <label for=\"bgReferencia\">Link de fotos ou refer\u00eancias<\/label>\r\n            <input\r\n                type=\"url\"\r\n                id=\"bgReferencia\"\r\n                placeholder=\"Cole aqui um link do Google Drive, Pinterest ou outra refer\u00eancia\"\r\n            >\r\n            <small>Voc\u00ea tamb\u00e9m poder\u00e1 enviar as fotos diretamente na conversa do WhatsApp.<\/small>\r\n        <\/div>\r\n\r\n        <label class=\"bg-consentimento\">\r\n            <input type=\"checkbox\" id=\"bgConsentimento\" required>\r\n            <span>\r\n                Autorizo o contato da BG Carpintaria Fina para atendimento deste or\u00e7amento.\r\n            <\/span>\r\n        <\/label>\r\n\r\n        <button type=\"submit\" class=\"bg-botao\">\r\n            <span class=\"bg-whatsapp\">\u25c9<\/span>\r\n            ENVIAR OR\u00c7AMENTO PELO WHATSAPP\r\n        <\/button>\r\n\r\n        <p class=\"bg-aviso\">\r\n            Ao clicar, sua solicita\u00e7\u00e3o ser\u00e1 enviada para o WhatsApp da BG Carpintaria Fina.\r\n        <\/p>\r\n    <\/form>\r\n<\/div>\r\n\r\n<style>\r\n.bg-orcamento,\r\n.bg-orcamento * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.bg-orcamento {\r\n    --bg-dourado: #d79536;\r\n    --bg-dourado-claro: #ebb35d;\r\n    --bg-preto: #0b0b0b;\r\n    --bg-texto: #28231d;\r\n    --bg-borda: #ded6ca;\r\n    --bg-fundo: #f6f2ec;\r\n\r\n    width: 100%;\r\n    max-width: 980px;\r\n    margin: 0 auto;\r\n    padding: 42px;\r\n    color: var(--bg-texto);\r\n    background: var(--bg-fundo);\r\n    border-top: 4px solid var(--bg-dourado);\r\n    box-shadow: 0 18px 55px rgba(0, 0, 0, 0.12);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.bg-form-header {\r\n    max-width: 700px;\r\n    margin: 0 auto 35px;\r\n    text-align: center;\r\n}\r\n\r\n.bg-form-header span {\r\n    display: block;\r\n    margin-bottom: 9px;\r\n    color: var(--bg-dourado);\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.8px;\r\n}\r\n\r\n.bg-form-header h2 {\r\n    margin: 0 0 12px;\r\n    color: var(--bg-preto);\r\n    font-size: clamp(27px, 4vw, 40px);\r\n    line-height: 1.15;\r\n}\r\n\r\n.bg-form-header p {\r\n    margin: 0;\r\n    color: #6c655c;\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n}\r\n\r\n.bg-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 20px;\r\n}\r\n\r\n.bg-campo {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.bg-campo-total {\r\n    width: 100%;\r\n}\r\n\r\n.bg-campo label,\r\n.bg-titulo-campo {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    color: var(--bg-preto);\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n}\r\n\r\n.bg-campo input,\r\n.bg-campo select,\r\n.bg-campo textarea {\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 14px 15px;\r\n    color: #25211c;\r\n    background: #fff;\r\n    border: 1px solid var(--bg-borda);\r\n    border-radius: 3px;\r\n    outline: none;\r\n    font-family: inherit;\r\n    font-size: 14px;\r\n    transition: 0.2s ease;\r\n}\r\n\r\n.bg-campo textarea {\r\n    min-height: 130px;\r\n    resize: vertical;\r\n}\r\n\r\n.bg-campo input:focus,\r\n.bg-campo select:focus,\r\n.bg-campo textarea:focus {\r\n    border-color: var(--bg-dourado);\r\n    box-shadow: 0 0 0 3px rgba(215, 149, 54, 0.15);\r\n}\r\n\r\n.bg-campo small {\r\n    display: block;\r\n    margin-top: 7px;\r\n    color: #787168;\r\n    font-size: 11px;\r\n    line-height: 1.4;\r\n}\r\n\r\n.bg-bloco {\r\n    margin: 4px 0 25px;\r\n}\r\n\r\n.bg-servicos {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 10px;\r\n}\r\n\r\n.bg-servico {\r\n    position: relative;\r\n    cursor: pointer;\r\n}\r\n\r\n.bg-servico input {\r\n    position: absolute;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n}\r\n\r\n.bg-servico span {\r\n    display: flex;\r\n    min-height: 52px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 10px;\r\n    color: #332d26;\r\n    background: #fff;\r\n    border: 1px solid var(--bg-borda);\r\n    border-radius: 3px;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    text-align: center;\r\n    transition: 0.2s ease;\r\n}\r\n\r\n.bg-servico span:hover {\r\n    border-color: var(--bg-dourado);\r\n}\r\n\r\n.bg-servico input:checked + span {\r\n    color: #fff;\r\n    background: var(--bg-preto);\r\n    border-color: var(--bg-dourado);\r\n    box-shadow: inset 0 -3px 0 var(--bg-dourado);\r\n}\r\n\r\n.bg-erro {\r\n    display: none;\r\n    margin-top: 8px;\r\n    color: #b3261e;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n}\r\n\r\n.bg-consentimento {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 9px;\r\n    margin: 2px 0 22px;\r\n    color: #5f584f;\r\n    cursor: pointer;\r\n    font-size: 12px;\r\n    line-height: 1.45;\r\n}\r\n\r\n.bg-consentimento input {\r\n    flex: 0 0 auto;\r\n    width: 16px;\r\n    height: 16px;\r\n    margin-top: 1px;\r\n    accent-color: var(--bg-dourado);\r\n}\r\n\r\n.bg-botao {\r\n    display: flex;\r\n    width: 100%;\r\n    min-height: 56px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 9px;\r\n    padding: 15px 20px;\r\n    color: #fff;\r\n    background: linear-gradient(135deg, #bc7724, var(--bg-dourado-claro));\r\n    border: 0;\r\n    border-radius: 3px;\r\n    box-shadow: 0 9px 24px rgba(188, 119, 36, 0.28);\r\n    cursor: pointer;\r\n    font-family: inherit;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.4px;\r\n    transition: 0.2s ease;\r\n}\r\n\r\n.bg-botao:hover {\r\n    transform: translateY(-2px);\r\n    filter: brightness(1.06);\r\n}\r\n\r\n.bg-whatsapp {\r\n    font-size: 19px;\r\n}\r\n\r\n.bg-aviso {\r\n    margin: 12px 0 0;\r\n    color: #797168;\r\n    font-size: 11px;\r\n    text-align: center;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .bg-orcamento {\r\n        padding: 28px 18px;\r\n    }\r\n\r\n    .bg-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 0;\r\n    }\r\n\r\n    .bg-servicos {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n    .bg-botao {\r\n        font-size: 12px;\r\n    }\r\n}\r\n\r\n@media (max-width: 420px) {\r\n    .bg-servicos {\r\n        grid-template-columns: 1fr;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n    const formulario = document.getElementById(\"bgOrcamentoForm\");\r\n    const telefone = document.getElementById(\"bgTelefone\");\r\n    const erroServico = document.getElementById(\"bgErroServico\");\r\n\r\n    telefone.addEventListener(\"input\", function () {\r\n        let numero = this.value.replace(\/\\D\/g, \"\").slice(0, 11);\r\n\r\n        if (numero.length > 10) {\r\n            numero = numero.replace(\r\n                \/^(\\d{2})(\\d{5})(\\d{0,4})$\/,\r\n                \"($1) $2-$3\"\r\n            );\r\n        } else if (numero.length > 6) {\r\n            numero = numero.replace(\r\n                \/^(\\d{2})(\\d{4})(\\d{0,4})$\/,\r\n                \"($1) $2-$3\"\r\n            );\r\n        } else if (numero.length > 2) {\r\n            numero = numero.replace(\/^(\\d{2})(\\d+)\/, \"($1) $2\");\r\n        }\r\n\r\n        this.value = numero;\r\n    });\r\n\r\n    formulario.addEventListener(\"submit\", function (evento) {\r\n        evento.preventDefault();\r\n\r\n        const servicos = Array.from(\r\n            document.querySelectorAll('input[name=\"servico\"]:checked')\r\n        ).map(function (item) {\r\n            return item.value;\r\n        });\r\n\r\n        if (servicos.length === 0) {\r\n            erroServico.style.display = \"block\";\r\n            document.querySelector(\".bg-servicos\").scrollIntoView({\r\n                behavior: \"smooth\",\r\n                block: \"center\"\r\n            });\r\n            return;\r\n        }\r\n\r\n        erroServico.style.display = \"none\";\r\n\r\n        const valor = function (id) {\r\n            return document.getElementById(id).value.trim() || \"N\u00e3o informado\";\r\n        };\r\n\r\n        const mensagem =\r\n`Ol\u00e1, BG Carpintaria Fina! Gostaria de solicitar um or\u00e7amento.\r\n\r\n*DADOS DO CLIENTE*\r\nNome: ${valor(\"bgNome\")}\r\nTelefone: ${valor(\"bgTelefone\")}\r\nCidade da obra: ${valor(\"bgCidade\")}\r\nLocal do projeto: ${valor(\"bgLocal\")}\r\n\r\n*DETALHES DO PROJETO*\r\nServi\u00e7o(s): ${servicos.join(\", \")}\r\nMedidas aproximadas: ${valor(\"bgMedidas\")}\r\nSitua\u00e7\u00e3o atual: ${valor(\"bgSituacao\")}\r\nMadeira\/acabamento: ${valor(\"bgMaterial\")}\r\nPrazo desejado: ${valor(\"bgPrazo\")}\r\n\r\n*DESCRI\u00c7\u00c3O*\r\n${valor(\"bgDescricao\")}\r\n\r\nFotos ou refer\u00eancias: ${valor(\"bgReferencia\")}\r\n\r\nMensagem enviada pelo formul\u00e1rio de or\u00e7amento do site.`;\r\n\r\n        const numeroWhatsApp = \"5519996749609\";\r\n        const url = \"https:\/\/wa.me\/\" + numeroWhatsApp +\r\n            \"?text=\" + encodeURIComponent(mensagem);\r\n\r\n        window.open(url, \"_blank\", \"noopener,noreferrer\");\r\n    });\r\n});\r\n<\/script>\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>OR\u00c7AMENTO PERSONALIZADO Conte-nos sobre o seu projeto Preencha as informa\u00e7\u00f5es abaixo e envie diretamente para nossa equipe pelo WhatsApp. Nome completo * Telefone\/WhatsApp * Cidade da obra * Local do projeto SelecioneResid\u00eanciaCondom\u00ednioEmpresa ou com\u00e9rcioCh\u00e1cara ou s\u00edtioOutro local Qual servi\u00e7o voc\u00ea precisa? * Pergolado Deck Forro Brise Escada Banheira\/Spa Cobertura Reforma Outro projeto Selecione pelo menos [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-664","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fontolanwp.com.br\/bg\/wp-json\/wp\/v2\/pages\/664","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fontolanwp.com.br\/bg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fontolanwp.com.br\/bg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fontolanwp.com.br\/bg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fontolanwp.com.br\/bg\/wp-json\/wp\/v2\/comments?post=664"}],"version-history":[{"count":7,"href":"https:\/\/fontolanwp.com.br\/bg\/wp-json\/wp\/v2\/pages\/664\/revisions"}],"predecessor-version":[{"id":671,"href":"https:\/\/fontolanwp.com.br\/bg\/wp-json\/wp\/v2\/pages\/664\/revisions\/671"}],"wp:attachment":[{"href":"https:\/\/fontolanwp.com.br\/bg\/wp-json\/wp\/v2\/media?parent=664"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}