{"id":158,"date":"2026-10-05T20:52:07","date_gmt":"2026-10-05T20:52:07","guid":{"rendered":"https:\/\/novo.mosal.com.br\/?page_id=158"},"modified":"2026-10-05T20:52:07","modified_gmt":"2026-10-05T20:52:07","slug":"contato","status":"publish","type":"page","link":"https:\/\/novo.mosal.com.br\/?page_id=158","title":{"rendered":"Contato"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"158\" class=\"elementor elementor-158 elementor-bc-flex-widget\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a49bf3 e-con-full e-flex e-con e-parent\" data-id=\"5a49bf3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7df474d elementor-widget elementor-widget-html\" data-id=\"7df474d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     P\u00c1GINA DE CONTATO | MOSAL\n     Cole o c\u00f3digo inteiro em um widget HTML do Elementor.\n     O formul\u00e1rio monta a mensagem e abre o WhatsApp da Mosal.\n     Para trocar telefone ou e-mail, altere a se\u00e7\u00e3o\n     \"DADOS DE CONTATO\" no script, no fim do arquivo.\n     ========================================================= -->\n\n<style>\n  \/* =========================================================\n     1. CORES GERAIS\n     ========================================================= *\/\n  .mosal-contato,\n  .mosal-contato * {\n    box-sizing: border-box;\n  }\n\n  .mosal-contato {\n    --mosal-azul: #0878f9;\n    --mosal-azul-hover: #0069e0;\n    --mosal-azul-claro: #9acbff;\n    --mosal-marinho: #01172c;\n    --mosal-marinho-claro: #043b6e;\n    --mosal-branco: #ffffff;\n    --mosal-texto: #d2deea;\n    --mosal-cinza: #5d7085;\n    --mosal-borda: #d9e3ee;\n    width: 100%;\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  \/* =========================================================\n     2. HERO COM FORMUL\u00c1RIO\n     ========================================================= *\/\n  .mosal-contato__hero {\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n    width: 100%;\n    color: var(--mosal-branco);\n    background:\n      radial-gradient(circle at 72% 46%, #0864b9 0%, #043b6e 26%, #021f3b 58%, #01172c 100%);\n  }\n\n  \/* Grade t\u00e9cnica do fundo *\/\n  .mosal-contato__hero::before {\n    content: \"\";\n    position: absolute;\n    z-index: -3;\n    inset: 0;\n    pointer-events: none;\n    opacity: .38;\n    background-image:\n      linear-gradient(rgba(121, 185, 239, .13) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(121, 185, 239, .11) 1px, transparent 1px);\n    background-size: 70px 70px;\n    mask-image: linear-gradient(100deg, transparent 4%, #000 43%, #000 100%);\n  }\n\n  \/* S\u00edmbolo da marca Mosal como marca-d'\u00e1gua *\/\n  .mosal-contato__m {\n    position: absolute;\n    z-index: -2;\n    right: -4%;\n    top: 50%;\n    width: clamp(460px, 52vw, 900px);\n    opacity: .13;\n    transform: translateY(-50%);\n    pointer-events: none;\n    user-select: none;\n  }\n\n  .mosal-contato__m svg {\n    display: block;\n    width: 100%;\n    height: auto;\n  }\n\n  .mosal-contato__hero-conteudo {\n    width: min(1440px, 100%);\n    margin: 0 auto;\n    padding: clamp(90px, 9vw, 130px) clamp(24px, 6vw, 96px) clamp(80px, 8vw, 110px);\n    display: grid;\n    grid-template-columns: minmax(0, .95fr) minmax(400px, 1.05fr);\n    gap: clamp(44px, 6vw, 100px);\n    align-items: center;\n  }\n\n  .mosal-contato__etiqueta {\n    margin: 0 0 22px;\n    color: var(--mosal-azul-claro);\n    font-size: .72rem;\n    font-weight: 800;\n    line-height: 1.4;\n    letter-spacing: .30em;\n    text-transform: uppercase;\n  }\n\n  .mosal-contato__titulo {\n    max-width: 640px;\n    margin: 0;\n    font-size: clamp(46px, 5vw, 80px);\n    font-weight: 850;\n    line-height: .88;\n    letter-spacing: -.065em;\n    text-wrap: balance;\n  }\n\n  .mosal-contato__texto {\n    max-width: 540px;\n    margin: 30px 0 42px;\n    color: var(--mosal-texto);\n    font-size: 1.04rem;\n    line-height: 1.65;\n  }\n\n  \/* Canais de atendimento *\/\n  .mosal-contato__canais {\n    display: grid;\n    gap: 14px;\n    max-width: 520px;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .mosal-contato__canal {\n    display: flex;\n    align-items: center;\n    gap: 18px;\n    padding: 18px 20px;\n    border: 1px solid rgba(154, 203, 255, .22);\n    border-radius: 18px;\n    background: rgba(1, 23, 44, .42);\n    color: var(--mosal-branco);\n    text-decoration: none;\n    backdrop-filter: blur(4px);\n    transition: border-color .2s ease, transform .2s ease, background-color .2s ease;\n  }\n\n  .mosal-contato__canal:hover {\n    transform: translateY(-2px);\n    border-color: rgba(154, 203, 255, .6);\n    background: rgba(8, 120, 249, .16);\n  }\n\n  .mosal-contato__canal-icone {\n    flex: 0 0 auto;\n    width: 46px;\n    height: 46px;\n    display: grid;\n    place-items: center;\n    border: 1px solid rgba(154, 203, 255, .45);\n    border-radius: 50%;\n    color: var(--mosal-azul-claro);\n  }\n\n  .mosal-contato__canal-icone svg {\n    width: 20px;\n    height: 20px;\n  }\n\n  .mosal-contato__canal-rotulo {\n    display: block;\n    margin-bottom: 4px;\n    color: var(--mosal-azul-claro);\n    font-size: .66rem;\n    font-weight: 800;\n    letter-spacing: .22em;\n    text-transform: uppercase;\n  }\n\n  .mosal-contato__canal-valor {\n    display: block;\n    font-size: 1.05rem;\n    font-weight: 800;\n    letter-spacing: -.01em;\n  }\n\n  .mosal-contato__canal-seta {\n    margin-left: auto;\n    color: var(--mosal-azul-claro);\n    font-size: 1.1rem;\n  }\n\n  \/* =========================================================\n     3. CART\u00c3O DO FORMUL\u00c1RIO\n     ========================================================= *\/\n  .mosal-contato__cartao {\n    position: relative;\n    padding: clamp(28px, 3.4vw, 46px);\n    border-radius: 28px;\n    background: var(--mosal-branco);\n    box-shadow: 0 34px 80px rgba(0, 12, 28, .45);\n    color: var(--mosal-marinho);\n  }\n\n  .mosal-contato__cartao-etiqueta {\n    margin: 0 0 12px;\n    color: var(--mosal-azul);\n    font-size: .68rem;\n    font-weight: 800;\n    letter-spacing: .26em;\n    text-transform: uppercase;\n  }\n\n  .mosal-contato__cartao-titulo {\n    margin: 0 0 28px;\n    color: var(--mosal-marinho);\n    font-size: clamp(1.6rem, 2.2vw, 2.15rem);\n    font-weight: 850;\n    line-height: 1;\n    letter-spacing: -.045em;\n  }\n\n  .mosal-contato__form {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 16px 18px;\n    margin: 0;\n  }\n\n  .mosal-contato__campo {\n    display: grid;\n    gap: 8px;\n    margin: 0;\n  }\n\n  .mosal-contato__campo--inteiro {\n    grid-column: 1 \/ -1;\n  }\n\n  .mosal-contato__campo label {\n    color: var(--mosal-marinho);\n    font-size: .74rem;\n    font-weight: 800;\n    letter-spacing: .04em;\n  }\n\n  .mosal-contato__campo label span {\n    color: var(--mosal-azul);\n  }\n\n  .mosal-contato .mosal-contato__campo input,\n  .mosal-contato .mosal-contato__campo select,\n  .mosal-contato .mosal-contato__campo textarea {\n    width: 100%;\n    margin: 0;\n    padding: 14px 16px;\n    border: 1px solid var(--mosal-borda);\n    border-radius: 14px;\n    background: #f5f8fc;\n    color: var(--mosal-marinho);\n    font-family: inherit;\n    font-size: .95rem;\n    line-height: 1.4;\n    outline: none;\n    box-shadow: none;\n    transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;\n  }\n\n  .mosal-contato .mosal-contato__campo textarea {\n    min-height: 120px;\n    resize: vertical;\n  }\n\n  .mosal-contato .mosal-contato__campo input:focus,\n  .mosal-contato .mosal-contato__campo select:focus,\n  .mosal-contato .mosal-contato__campo textarea:focus {\n    border-color: var(--mosal-azul);\n    background: var(--mosal-branco);\n    box-shadow: 0 0 0 4px rgba(8, 120, 249, .14);\n  }\n\n  .mosal-contato__acoes {\n    grid-column: 1 \/ -1;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 14px 22px;\n    margin-top: 8px;\n  }\n\n  .mosal-contato .mosal-contato__botao {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 14px;\n    padding: 17px 26px;\n    border: 0;\n    border-radius: 999px;\n    background: var(--mosal-azul);\n    box-shadow: 0 14px 34px rgba(0, 53, 119, .32);\n    color: var(--mosal-branco);\n    font-family: inherit;\n    font-size: .8rem;\n    font-weight: 800;\n    line-height: 1;\n    cursor: pointer;\n    transition: transform .2s ease, background-color .2s ease;\n  }\n\n  .mosal-contato .mosal-contato__botao:hover,\n  .mosal-contato .mosal-contato__botao:focus-visible {\n    transform: translateY(-2px);\n    background: var(--mosal-azul-hover);\n  }\n\n  .mosal-contato__botao svg {\n    width: 18px;\n    height: 18px;\n  }\n\n  .mosal-contato__email-link {\n    color: var(--mosal-cinza);\n    font-size: .8rem;\n    font-weight: 700;\n    text-decoration: underline;\n    text-underline-offset: 3px;\n  }\n\n  .mosal-contato__email-link:hover {\n    color: var(--mosal-azul);\n  }\n\n  .mosal-contato__aviso {\n    grid-column: 1 \/ -1;\n    margin: 0;\n    color: var(--mosal-cinza);\n    font-size: .74rem;\n    line-height: 1.5;\n  }\n\n  .mosal-contato__erro {\n    grid-column: 1 \/ -1;\n    display: none;\n    margin: 0;\n    color: #c62828;\n    font-size: .8rem;\n    font-weight: 700;\n  }\n\n  .mosal-contato__erro.is-visivel {\n    display: block;\n  }\n\n  \/* =========================================================\n     4. COMO FUNCIONA O ATENDIMENTO\n     ========================================================= *\/\n  .mosal-contato__etapas {\n    width: 100%;\n    padding: clamp(76px, 8vw, 118px) clamp(24px, 6vw, 96px);\n    background: #f3f7fb;\n    color: var(--mosal-marinho);\n  }\n\n  .mosal-contato__etapas-conteudo {\n    width: min(1440px, 100%);\n    margin: 0 auto;\n  }\n\n  .mosal-contato__etapas-topo {\n    display: grid;\n    grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);\n    gap: clamp(30px, 6vw, 110px);\n    align-items: end;\n    margin-bottom: clamp(42px, 5vw, 64px);\n  }\n\n  .mosal-contato__etapas .mosal-contato__etiqueta {\n    color: var(--mosal-azul);\n  }\n\n  .mosal-contato__etapas-titulo {\n    margin: 0;\n    font-size: clamp(2.3rem, 3.5vw, 4.3rem);\n    font-weight: 850;\n    line-height: .91;\n    letter-spacing: -.06em;\n    text-wrap: balance;\n  }\n\n  .mosal-contato__etapas-texto {\n    margin: 0;\n    color: var(--mosal-cinza);\n    font-size: 1rem;\n    line-height: 1.65;\n  }\n\n  .mosal-contato__lista-etapas {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 22px;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .mosal-contato__etapa {\n    padding: 34px 30px 36px;\n    border: 1px solid var(--mosal-borda);\n    border-radius: 24px;\n    background: var(--mosal-branco);\n  }\n\n  .mosal-contato__etapa-numero {\n    width: 46px;\n    height: 46px;\n    display: grid;\n    place-items: center;\n    margin-bottom: 26px;\n    border: 1px solid var(--mosal-azul);\n    border-radius: 50%;\n    color: var(--mosal-azul);\n    font-size: .74rem;\n    font-weight: 800;\n  }\n\n  .mosal-contato__etapa-titulo {\n    margin: 0 0 12px;\n    color: var(--mosal-marinho);\n    font-size: 1.25rem;\n    font-weight: 850;\n    letter-spacing: -.03em;\n  }\n\n  .mosal-contato__etapa-texto {\n    margin: 0;\n    color: var(--mosal-cinza);\n    font-size: .95rem;\n    line-height: 1.6;\n  }\n\n  \/* =========================================================\n     5. RESPONSIVO\n     ========================================================= *\/\n  @media (max-width: 1024px) {\n    .mosal-contato__hero-conteudo {\n      grid-template-columns: 1fr;\n    }\n\n    .mosal-contato__m {\n      right: 50%;\n      top: auto;\n      bottom: 40px;\n      width: 120%;\n      transform: translateX(50%);\n      opacity: .09;\n    }\n  }\n\n  @media (max-width: 760px) {\n    .mosal-contato__hero-conteudo {\n      padding: 72px 22px 64px;\n    }\n\n    .mosal-contato__titulo {\n      font-size: clamp(40px, 11vw, 58px);\n    }\n\n    .mosal-contato__form {\n      grid-template-columns: 1fr;\n    }\n\n    .mosal-contato__cartao {\n      border-radius: 22px;\n    }\n\n    .mosal-contato .mosal-contato__botao {\n      width: 100%;\n    }\n\n    .mosal-contato__etapas {\n      padding: 64px 22px;\n    }\n\n    .mosal-contato__etapas-topo,\n    .mosal-contato__lista-etapas {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .mosal-contato__canal,\n    .mosal-contato .mosal-contato__botao {\n      transition: none;\n    }\n  }\n<\/style>\n\n<div class=\"mosal-contato\">\n\n  <!-- ===== HERO COM FORMUL\u00c1RIO ===== -->\n  <section class=\"mosal-contato__hero\" aria-labelledby=\"mosal-contato-titulo\">\n\n    <!-- MARCA-D'\u00c1GUA: s\u00edmbolo da marca Mosal em vetor -->\n    <div class=\"mosal-contato__m\" aria-hidden=\"true\">\n      <svg viewBox=\"140 42 913 526\" preserveAspectRatio=\"xMidYMid meet\" focusable=\"false\">\n          <defs>\n            <linearGradient id=\"mosal-marca-grad-contato\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n              <stop offset=\"0\" stop-color=\"#3a8bff\"\/>\n              <stop offset=\"1\" stop-color=\"#1c4fb0\"\/>\n            <\/linearGradient>\n          <\/defs>\n          <!-- faixas -->\n          <g fill=\"#aab7c4\">\n            <polygon points=\"255,357 413,357 413,410 225,410\"\/>\n            <polygon points=\"215,437 413,437 413,490 183,490\"\/>\n            <polygon points=\"175,516 413,516 413,568 140,568\"\/>\n          <\/g>\n          <!-- M azul -->\n          <polygon fill=\"url(#mosal-marca-grad-contato)\" points=\"437,42 750,268 1053,42 1053,130 740,415 560,270 560,568 437,568\"\/>\n          <!-- V e perna direita em cinza -->\n          <polygon fill=\"#aab7c4\" points=\"580,315 745,440 1053,162 1053,568 928,568 928,362 745,550 580,385\"\/>\n        <\/svg>\n    <\/div>\n\n    <div class=\"mosal-contato__hero-conteudo\">\n\n      <!-- COLUNA ESQUERDA \u2014 TEXTOS E CANAIS -->\n      <div>\n        <p class=\"mosal-contato__etiqueta\">Fale com a Mosal<\/p>\n\n        <h1 class=\"mosal-contato__titulo\" id=\"mosal-contato-titulo\">\n          Vamos conversar sobre o seu projeto.\n        <\/h1>\n\n        <p class=\"mosal-contato__texto\">\n          Conte o que voc\u00ea precisa e nossa equipe ajuda a escolher a pe\u00e7a e a medida certas\n          para ventila\u00e7\u00e3o, exaust\u00e3o e instala\u00e7\u00f5es em alum\u00ednio.\n        <\/p>\n\n        <ul class=\"mosal-contato__canais\">\n          <li>\n            <a class=\"mosal-contato__canal\" data-mosal-link=\"whatsapp\" href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\">\n              <span class=\"mosal-contato__canal-icone\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 32 32\"><path fill=\"currentColor\" d=\"M16 3C8.8 3 3 8.7 3 15.8c0 2.5.7 4.9 2 6.9L3 29l6.5-2c1.9 1.1 4.1 1.6 6.5 1.6 7.2 0 13-5.7 13-12.8S23.2 3 16 3zm0 23.3c-2.1 0-4.1-.6-5.8-1.7l-.4-.3-3.9 1.2 1.3-3.7-.3-.4c-1.2-1.7-1.8-3.7-1.8-5.7C5.1 9.9 10 5.1 16 5.1s10.9 4.8 10.9 10.7S22 26.3 16 26.3zm6-8c-.3-.2-1.9-.9-2.2-1s-.5-.2-.7.2-.8 1-1 1.2-.4.2-.7.1c-.3-.2-1.4-.5-2.6-1.6-1-.8-1.6-1.9-1.8-2.2s0-.5.1-.6l.5-.6c.2-.2.2-.3.3-.6.1-.2 0-.4 0-.6l-1-2.4c-.3-.6-.5-.5-.7-.5h-.6c-.2 0-.6.1-.9.4s-1.2 1.1-1.2 2.7 1.2 3.1 1.4 3.4c.2.2 2.4 3.6 5.8 5 .8.3 1.4.5 1.9.7.8.3 1.5.2 2.1.1.6-.1 1.9-.8 2.2-1.5.3-.8.3-1.4.2-1.5-.1-.2-.3-.3-.6-.4z\"\/><\/svg>\n              <\/span>\n              <span>\n                <span class=\"mosal-contato__canal-rotulo\">WhatsApp<\/span>\n                <span class=\"mosal-contato__canal-valor\" data-mosal-texto=\"telefone\"><\/span>\n              <\/span>\n              <span class=\"mosal-contato__canal-seta\" aria-hidden=\"true\">\u2192<\/span>\n            <\/a>\n          <\/li>\n          <li>\n            <a class=\"mosal-contato__canal\" data-mosal-link=\"telefone\" href=\"#\">\n              <span class=\"mosal-contato__canal-icone\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z\"\/><\/svg>\n              <\/span>\n              <span>\n                <span class=\"mosal-contato__canal-rotulo\">Telefone<\/span>\n                <span class=\"mosal-contato__canal-valor\" data-mosal-texto=\"telefone\"><\/span>\n              <\/span>\n              <span class=\"mosal-contato__canal-seta\" aria-hidden=\"true\">\u2192<\/span>\n            <\/a>\n          <\/li>\n          <li>\n            <a class=\"mosal-contato__canal\" data-mosal-link=\"email\" href=\"#\">\n              <span class=\"mosal-contato__canal-icone\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"m22 6-10 7L2 6\"\/><\/svg>\n              <\/span>\n              <span>\n                <span class=\"mosal-contato__canal-rotulo\">E-mail<\/span>\n                <span class=\"mosal-contato__canal-valor\" data-mosal-texto=\"email\"><\/span>\n              <\/span>\n              <span class=\"mosal-contato__canal-seta\" aria-hidden=\"true\">\u2192<\/span>\n            <\/a>\n          <\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- COLUNA DIREITA \u2014 FORMUL\u00c1RIO -->\n      <div class=\"mosal-contato__cartao\">\n        <p class=\"mosal-contato__cartao-etiqueta\">Solicite atendimento<\/p>\n        <h2 class=\"mosal-contato__cartao-titulo\">Envie sua mensagem<\/h2>\n\n        <form class=\"mosal-contato__form\" id=\"mosal-contato-form\" novalidate>\n          <p class=\"mosal-contato__campo\">\n            <label for=\"mosal-contato-nome\">Nome <span>*<\/span><\/label>\n            <input id=\"mosal-contato-nome\" name=\"nome\" type=\"text\" autocomplete=\"name\" required>\n          <\/p>\n\n          <p class=\"mosal-contato__campo\">\n            <label for=\"mosal-contato-empresa\">Empresa<\/label>\n            <input id=\"mosal-contato-empresa\" name=\"empresa\" type=\"text\" autocomplete=\"organization\">\n          <\/p>\n\n          <p class=\"mosal-contato__campo\">\n            <label for=\"mosal-contato-telefone\">Telefone \/ WhatsApp <span>*<\/span><\/label>\n            <input id=\"mosal-contato-telefone\" name=\"telefone\" type=\"tel\" autocomplete=\"tel\" required>\n          <\/p>\n\n          <p class=\"mosal-contato__campo\">\n            <label for=\"mosal-contato-email\">E-mail<\/label>\n            <input id=\"mosal-contato-email\" name=\"email\" type=\"email\" autocomplete=\"email\">\n          <\/p>\n\n          <p class=\"mosal-contato__campo mosal-contato__campo--inteiro\">\n            <label for=\"mosal-contato-produto\">Produto de interesse<\/label>\n            <select id=\"mosal-contato-produto\" name=\"produto\">\n              <option value=\"\">Selecione (opcional)<\/option>\n              <option>Kit de Instala\u00e7\u00e3o<\/option>\n              <option>T\u00ea Ventilante<\/option>\n              <option>T\u00ea Ventilante com Pintura Eletrost\u00e1tica<\/option>\n              <option>Chap\u00e9u Chin\u00eas<\/option>\n              <option>Tubo Corrugado Compact F+<\/option>\n              <option>Adaptador<\/option>\n              <option>Aro de Arremate<\/option>\n              <option>Abra\u00e7adeira<\/option>\n              <option>Luva de Emenda<\/option>\n              <option>Grade de Ventila\u00e7\u00e3o<\/option>\n              <option>Grade de Ventila\u00e7\u00e3o de Superf\u00edcie<\/option>\n              <option>Grade de Ventila\u00e7\u00e3o Redonda<\/option>\n              <option>Outro \/ v\u00e1rios produtos<\/option>\n            <\/select>\n          <\/p>\n\n          <p class=\"mosal-contato__campo mosal-contato__campo--inteiro\">\n            <label for=\"mosal-contato-mensagem\">Mensagem <span>*<\/span><\/label>\n            <textarea id=\"mosal-contato-mensagem\" name=\"mensagem\" placeholder=\"Medidas, quantidades, tipo de obra...\" required><\/textarea>\n          <\/p>\n\n          <p class=\"mosal-contato__erro\" id=\"mosal-contato-erro\" role=\"alert\">\n            Preencha nome, telefone e mensagem para continuar.\n          <\/p>\n\n          <div class=\"mosal-contato__acoes\">\n            <button class=\"mosal-contato__botao\" type=\"submit\">\n              <svg viewBox=\"0 0 32 32\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M16 3C8.8 3 3 8.7 3 15.8c0 2.5.7 4.9 2 6.9L3 29l6.5-2c1.9 1.1 4.1 1.6 6.5 1.6 7.2 0 13-5.7 13-12.8S23.2 3 16 3zm0 23.3c-2.1 0-4.1-.6-5.8-1.7l-.4-.3-3.9 1.2 1.3-3.7-.3-.4c-1.2-1.7-1.8-3.7-1.8-5.7C5.1 9.9 10 5.1 16 5.1s10.9 4.8 10.9 10.7S22 26.3 16 26.3zm6-8c-.3-.2-1.9-.9-2.2-1s-.5-.2-.7.2-.8 1-1 1.2-.4.2-.7.1c-.3-.2-1.4-.5-2.6-1.6-1-.8-1.6-1.9-1.8-2.2s0-.5.1-.6l.5-.6c.2-.2.2-.3.3-.6.1-.2 0-.4 0-.6l-1-2.4c-.3-.6-.5-.5-.7-.5h-.6c-.2 0-.6.1-.9.4s-1.2 1.1-1.2 2.7 1.2 3.1 1.4 3.4c.2.2 2.4 3.6 5.8 5 .8.3 1.4.5 1.9.7.8.3 1.5.2 2.1.1.6-.1 1.9-.8 2.2-1.5.3-.8.3-1.4.2-1.5-.1-.2-.3-.3-.6-.4z\"\/><\/svg>\n              Enviar pelo WhatsApp\n            <\/button>\n            <a class=\"mosal-contato__email-link\" id=\"mosal-contato-enviar-email\" href=\"#\">Prefiro enviar por e-mail<\/a>\n          <\/div>\n\n          <p class=\"mosal-contato__aviso\">\n            Ao enviar, o WhatsApp (ou o seu programa de e-mail) abre com a mensagem j\u00e1 preenchida.\n            \u00c9 s\u00f3 confirmar o envio.\n          <\/p>\n        <\/form>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- ===== COMO FUNCIONA O ATENDIMENTO ===== -->\n  <section class=\"mosal-contato__etapas\" aria-labelledby=\"mosal-contato-etapas-titulo\">\n    <div class=\"mosal-contato__etapas-conteudo\">\n\n      <div class=\"mosal-contato__etapas-topo\">\n        <div>\n          <p class=\"mosal-contato__etiqueta\">Como funciona<\/p>\n          <h2 class=\"mosal-contato__etapas-titulo\" id=\"mosal-contato-etapas-titulo\">\n            Do primeiro contato \u00e0 pe\u00e7a certa.\n          <\/h2>\n        <\/div>\n        <p class=\"mosal-contato__etapas-texto\">\n          Atendemos construtoras, revendas e instaladores com orienta\u00e7\u00e3o t\u00e9cnica\n          para cada etapa da obra.\n        <\/p>\n      <\/div>\n\n      <ol class=\"mosal-contato__lista-etapas\">\n        <li class=\"mosal-contato__etapa\">\n          <span class=\"mosal-contato__etapa-numero\">01<\/span>\n          <h3 class=\"mosal-contato__etapa-titulo\">Envie sua demanda<\/h3>\n          <p class=\"mosal-contato__etapa-texto\">Conte quais produtos, medidas e quantidades voc\u00ea precisa.<\/p>\n        <\/li>\n        <li class=\"mosal-contato__etapa\">\n          <span class=\"mosal-contato__etapa-numero\">02<\/span>\n          <h3 class=\"mosal-contato__etapa-titulo\">Receba orienta\u00e7\u00e3o<\/h3>\n          <p class=\"mosal-contato__etapa-texto\">Nossa equipe confirma as especifica\u00e7\u00f5es t\u00e9cnicas com voc\u00ea.<\/p>\n        <\/li>\n        <li class=\"mosal-contato__etapa\">\n          <span class=\"mosal-contato__etapa-numero\">03<\/span>\n          <h3 class=\"mosal-contato__etapa-titulo\">Feche o pedido<\/h3>\n          <p class=\"mosal-contato__etapa-texto\">Voc\u00ea recebe o or\u00e7amento e combina o atendimento direto com a Mosal.<\/p>\n        <\/li>\n      <\/ol>\n\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<script>\n  (function () {\n    \/* ===== DADOS DE CONTATO ===== *\/\n    var WHATSAPP = '5521978446494';           \/\/ s\u00f3 n\u00fameros, com 55 + DDD\n    var TELEFONE = '(21) 97844-6494';         \/\/ como aparece na p\u00e1gina\n    var EMAIL = 'contato@mosal.com.br';\n\n    var raiz = document.currentScript ? document.currentScript.previousElementSibling : null;\n    if (!raiz || !raiz.classList.contains('mosal-contato')) {\n      raiz = document.querySelector('.mosal-contato');\n    }\n    if (!raiz) return;\n\n    raiz.querySelectorAll('[data-mosal-texto=\"telefone\"]').forEach(function (el) { el.textContent = TELEFONE; });\n    raiz.querySelectorAll('[data-mosal-texto=\"email\"]').forEach(function (el) { el.textContent = EMAIL; });\n    raiz.querySelector('[data-mosal-link=\"whatsapp\"]').href =\n      'https:\/\/wa.me\/' + WHATSAPP + '?text=' + encodeURIComponent('Ol\u00e1! Gostaria de falar com a Mosal.');\n    raiz.querySelector('[data-mosal-link=\"telefone\"]').href = 'tel:+' + WHATSAPP;\n    raiz.querySelector('[data-mosal-link=\"email\"]').href = 'mailto:' + EMAIL;\n\n    var form = raiz.querySelector('#mosal-contato-form');\n    var erro = raiz.querySelector('#mosal-contato-erro');\n\n    function montarMensagem() {\n      var v = function (nome) { return (form.elements[nome].value || '').trim(); };\n      if (!v('nome') || !v('telefone') || !v('mensagem')) {\n        erro.classList.add('is-visivel');\n        return null;\n      }\n      erro.classList.remove('is-visivel');\n      var linhas = ['Ol\u00e1! Vim pelo site da Mosal.', '', 'Nome: ' + v('nome')];\n      if (v('empresa')) linhas.push('Empresa: ' + v('empresa'));\n      linhas.push('Telefone: ' + v('telefone'));\n      if (v('email')) linhas.push('E-mail: ' + v('email'));\n      if (v('produto')) linhas.push('Produto de interesse: ' + v('produto'));\n      linhas.push('', v('mensagem'));\n      return linhas.join('\\n');\n    }\n\n    form.addEventListener('submit', function (e) {\n      e.preventDefault();\n      var msg = montarMensagem();\n      if (msg) window.open('https:\/\/wa.me\/' + WHATSAPP + '?text=' + encodeURIComponent(msg), '_blank', 'noopener');\n    });\n\n    raiz.querySelector('#mosal-contato-enviar-email').addEventListener('click', function (e) {\n      e.preventDefault();\n      var msg = montarMensagem();\n      if (msg) {\n        window.location.href = 'mailto:' + EMAIL +\n          '?subject=' + encodeURIComponent('Contato pelo site - ' + form.elements.nome.value.trim()) +\n          '&body=' + encodeURIComponent(msg);\n      }\n    });\n  })();\n<\/script>\n<!-- FIM DA P\u00c1GINA DE CONTATO -->\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-158","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/novo.mosal.com.br\/index.php?rest_route=\/wp\/v2\/pages\/158","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/novo.mosal.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/novo.mosal.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/novo.mosal.com.br\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/novo.mosal.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=158"}],"version-history":[{"count":0,"href":"https:\/\/novo.mosal.com.br\/index.php?rest_route=\/wp\/v2\/pages\/158\/revisions"}],"wp:attachment":[{"href":"https:\/\/novo.mosal.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=158"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}