{"id":33,"date":"2026-08-02T21:14:19","date_gmt":"2026-08-02T21:14:19","guid":{"rendered":"https:\/\/www.andreyvargas.com.br\/?page_id=33"},"modified":"2026-08-02T22:07:02","modified_gmt":"2026-08-02T22:07:02","slug":"contato","status":"publish","type":"page","link":"https:\/\/www.andreyvargas.com.br\/?page_id=33","title":{"rendered":"Contato"},"content":{"rendered":"\n<style>\n.av-contact-page {\n  --azul: #075ea8;\n  --azul-escuro: #12233d;\n  --verde: #49a942;\n  --verde-escuro: #378b32;\n  --texto: #5b6674;\n  --fundo: #f4f7fa;\n  --borda: #dde5ed;\n\n  width: 100%;\n  padding: 70px 20px;\n  background: var(--fundo);\n  font-family: Arial, Helvetica, sans-serif;\n  color: var(--texto);\n}\n\n.av-contact-page,\n.av-contact-page * {\n  box-sizing: border-box;\n}\n\n.av-contact-container {\n  width: 100%;\n  max-width: 1180px;\n  margin: 0 auto;\n}\n\n.av-contact-header {\n  max-width: 760px;\n  margin: 0 auto 45px;\n  text-align: center;\n}\n\n.av-contact-label {\n  display: inline-block;\n  margin-bottom: 12px;\n  color: var(--verde);\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n}\n\n.av-contact-header h1 {\n  margin: 0 0 16px;\n  color: var(--azul-escuro);\n  font-size: clamp(36px, 5vw, 56px);\n  line-height: 1.1;\n}\n\n.av-contact-header p {\n  max-width: 680px;\n  margin: 0 auto;\n  font-size: 18px;\n  line-height: 1.7;\n}\n\n.av-contact-cards {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 20px;\n  margin-bottom: 30px;\n}\n\n.av-contact-card {\n  padding: 28px 24px;\n  background: #fff;\n  border: 1px solid var(--borda);\n  border-radius: 18px;\n  box-shadow: 0 12px 35px rgba(18, 35, 61, 0.06);\n  transition: transform .25s ease, box-shadow .25s ease;\n}\n\n.av-contact-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 18px 45px rgba(18, 35, 61, 0.11);\n}\n\n.av-contact-card-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 54px;\n  height: 54px;\n  margin-bottom: 20px;\n  color: var(--verde);\n  background: #eef8ed;\n  border-radius: 15px;\n  font-size: 26px;\n}\n\n.av-contact-card h3 {\n  margin: 0 0 9px;\n  color: var(--azul-escuro);\n  font-size: 19px;\n}\n\n.av-contact-card p {\n  margin: 0;\n  font-size: 15px;\n  line-height: 1.65;\n}\n\n.av-contact-main {\n  display: grid;\n  grid-template-columns: .85fr 1.35fr;\n  gap: 28px;\n}\n\n.av-contact-info,\n.av-contact-form-box {\n  padding: 42px;\n  background: #fff;\n  border: 1px solid var(--borda);\n  border-radius: 20px;\n  box-shadow: 0 15px 45px rgba(18, 35, 61, 0.07);\n}\n\n.av-contact-info h2,\n.av-contact-form-box h2 {\n  margin: 8px 0 14px;\n  color: var(--azul-escuro);\n  font-size: 30px;\n  line-height: 1.25;\n}\n\n.av-contact-info > p,\n.av-contact-form-box > p {\n  margin: 0 0 26px;\n  line-height: 1.7;\n}\n\n.av-contact-info-item {\n  display: flex;\n  align-items: center;\n  gap: 15px;\n  padding: 18px 0;\n  border-bottom: 1px solid #e9eef3;\n}\n\n.av-contact-info-icon {\n  display: flex;\n  flex: 0 0 46px;\n  align-items: center;\n  justify-content: center;\n  width: 46px;\n  height: 46px;\n  color: #fff;\n  background: var(--azul);\n  border-radius: 13px;\n  font-size: 20px;\n}\n\n.av-contact-info-text strong,\n.av-contact-info-text span {\n  display: block;\n}\n\n.av-contact-info-text strong {\n  margin-bottom: 4px;\n  color: var(--azul-escuro);\n  font-size: 15px;\n}\n\n.av-contact-info-text span {\n  font-size: 14px;\n  line-height: 1.5;\n  overflow-wrap: anywhere;\n}\n\n.av-contact-warning {\n  margin-top: 25px;\n  padding: 17px 18px;\n  color: #6a5520;\n  background: #fff8e5;\n  border-left: 4px solid #e4aa24;\n  border-radius: 9px;\n  font-size: 14px;\n  line-height: 1.6;\n}\n\n.av-contact-form {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 18px;\n  margin-top: 25px;\n}\n\n.av-field {\n  display: flex;\n  flex-direction: column;\n}\n\n.av-field-full {\n  grid-column: 1 \/ -1;\n}\n\n.av-field label {\n  margin-bottom: 8px;\n  color: var(--azul-escuro);\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.av-field input,\n.av-field select,\n.av-field textarea {\n  width: 100%;\n  padding: 14px 15px;\n  color: #263547;\n  background: #fff;\n  border: 1px solid var(--borda);\n  border-radius: 10px;\n  outline: none;\n  font-family: inherit;\n  font-size: 15px;\n  transition: border-color .2s ease, box-shadow .2s ease;\n}\n\n.av-field input,\n.av-field select {\n  min-height: 52px;\n}\n\n.av-field textarea {\n  min-height: 165px;\n  resize: vertical;\n}\n\n.av-field input:focus,\n.av-field select:focus,\n.av-field textarea:focus {\n  border-color: var(--verde);\n  box-shadow: 0 0 0 3px rgba(73, 169, 66, 0.13);\n}\n\n.av-contact-consent {\n  display: flex;\n  grid-column: 1 \/ -1;\n  align-items: flex-start;\n  gap: 10px;\n  padding: 4px 0;\n  font-size: 13px;\n  line-height: 1.55;\n}\n\n.av-contact-consent input {\n  margin-top: 3px;\n}\n\n.av-contact-consent a {\n  color: var(--azul);\n  font-weight: 700;\n  text-decoration: none;\n}\n\n.av-contact-button {\n  grid-column: 1 \/ -1;\n  min-height: 54px;\n  padding: 14px 25px;\n  color: #fff;\n  background: var(--verde);\n  border: 0;\n  border-radius: 10px;\n  box-shadow: 0 9px 22px rgba(73, 169, 66, .24);\n  font-size: 16px;\n  font-weight: 800;\n  cursor: pointer;\n  transition: background .2s ease, transform .2s ease;\n}\n\n.av-contact-button:hover {\n  background: var(--verde-escuro);\n  transform: translateY(-2px);\n}\n\n.av-contact-success {\n  display: none;\n  grid-column: 1 \/ -1;\n  padding: 14px 16px;\n  color: #26672a;\n  background: #eef8ed;\n  border: 1px solid #bfe0bc;\n  border-radius: 10px;\n  font-size: 14px;\n  line-height: 1.5;\n}\n\n@media (max-width: 900px) {\n  .av-contact-cards {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .av-contact-main {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (max-width: 600px) {\n  .av-contact-page {\n    padding: 45px 15px;\n  }\n\n  .av-contact-cards {\n    grid-template-columns: 1fr;\n  }\n\n  .av-contact-info,\n  .av-contact-form-box {\n    padding: 28px 22px;\n  }\n\n  .av-contact-form {\n    grid-template-columns: 1fr;\n  }\n\n  .av-field-full,\n  .av-contact-consent,\n  .av-contact-button,\n  .av-contact-success {\n    grid-column: 1;\n  }\n\n  .av-contact-header p {\n    font-size: 16px;\n  }\n}\n<\/style>\n\n<section class=\"av-contact-page\">\n  <div class=\"av-contact-container\">\n\n    <header class=\"av-contact-header\">\n      <span class=\"av-contact-label\">Fale conosco<\/span>\n      <h1>Entre em contato<\/h1>\n      <p>\n        Tem alguma d\u00favida, sugest\u00e3o, corre\u00e7\u00e3o ou proposta comercial?\n        Envie sua mensagem para o Andrey Vargas Casa Pr\u00e1tica.\n      <\/p>\n    <\/header>\n\n    <div class=\"av-contact-cards\">\n\n      <article class=\"av-contact-card\">\n        <div class=\"av-contact-card-icon\">\ud83d\udcac<\/div>\n        <h3>D\u00favidas<\/h3>\n        <p>Envie perguntas relacionadas ao site e aos conte\u00fados publicados.<\/p>\n      <\/article>\n\n      <article class=\"av-contact-card\">\n        <div class=\"av-contact-card-icon\">\ud83d\udca1<\/div>\n        <h3>Sugest\u00f5es<\/h3>\n        <p>Indique temas e solu\u00e7\u00f5es para casa que gostaria de encontrar por aqui.<\/p>\n      <\/article>\n\n      <article class=\"av-contact-card\">\n        <div class=\"av-contact-card-icon\">\u2713<\/div>\n        <h3>Corre\u00e7\u00f5es<\/h3>\n        <p>Encontrou uma informa\u00e7\u00e3o incompleta ou desatualizada? Avise-nos.<\/p>\n      <\/article>\n\n      <article class=\"av-contact-card\">\n        <div class=\"av-contact-card-icon\">\ud83e\udd1d<\/div>\n        <h3>Parcerias<\/h3>\n        <p>Entre em contato para publicidade, colabora\u00e7\u00f5es e propostas comerciais.<\/p>\n      <\/article>\n\n    <\/div>\n\n    <div class=\"av-contact-main\">\n\n      <aside class=\"av-contact-info\">\n        <span class=\"av-contact-label\">Atendimento<\/span>\n        <h2>Ser\u00e1 um prazer receber sua mensagem<\/h2>\n\n        <p>\n          Utilize o formul\u00e1rio para enviar sua d\u00favida, sugest\u00e3o, corre\u00e7\u00e3o ou proposta.\n        <\/p>\n\n        <div class=\"av-contact-info-item\">\n          <div class=\"av-contact-info-icon\">\u2709<\/div>\n          <div class=\"av-contact-info-text\">\n            <strong>E-mail<\/strong>\n            <span>contato@andreyvargas.com.br<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"av-contact-info-item\">\n          <div class=\"av-contact-info-icon\">\u23f1<\/div>\n          <div class=\"av-contact-info-text\">\n            <strong>Prazo de resposta<\/strong>\n            <span>Normalmente, em at\u00e9 dois dias \u00fateis.<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"av-contact-info-item\">\n          <div class=\"av-contact-info-icon\">\ud83d\udd12<\/div>\n          <div class=\"av-contact-info-text\">\n            <strong>Privacidade<\/strong>\n            <span>Seus dados ser\u00e3o usados apenas para responder \u00e0 mensagem.<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"av-contact-warning\">\n          <strong>Importante:<\/strong> n\u00e3o envie senhas, documentos, dados banc\u00e1rios\n          ou outras informa\u00e7\u00f5es confidenciais.\n        <\/div>\n      <\/aside>\n\n      <div class=\"av-contact-form-box\">\n        <span class=\"av-contact-label\">Envie sua mensagem<\/span>\n        <h2>Fale conosco<\/h2>\n\n        <p>\n          Preencha os campos abaixo. Ao clicar no bot\u00e3o, seu aplicativo de e-mail\n          ser\u00e1 aberto com a mensagem preparada.\n        <\/p>\n\n        <form class=\"av-contact-form\" id=\"avContactForm\">\n\n          <div class=\"av-field\">\n            <label for=\"avNome\">Nome *<\/label>\n            <input type=\"text\" id=\"avNome\" required placeholder=\"Digite seu nome\">\n          <\/div>\n\n          <div class=\"av-field\">\n            <label for=\"avEmail\">E-mail *<\/label>\n            <input type=\"email\" id=\"avEmail\" required placeholder=\"Digite seu e-mail\">\n          <\/div>\n\n          <div class=\"av-field av-field-full\">\n            <label for=\"avAssunto\">Assunto *<\/label>\n            <select id=\"avAssunto\" required>\n              <option value=\"\">Selecione uma op\u00e7\u00e3o<\/option>\n              <option value=\"D\u00favida\">D\u00favida<\/option>\n              <option value=\"Sugest\u00e3o de conte\u00fado\">Sugest\u00e3o de conte\u00fado<\/option>\n              <option value=\"Corre\u00e7\u00e3o de artigo\">Corre\u00e7\u00e3o de artigo<\/option>\n              <option value=\"Parceria comercial\">Parceria comercial<\/option>\n              <option value=\"Publicidade\">Publicidade<\/option>\n              <option value=\"Outro assunto\">Outro assunto<\/option>\n            <\/select>\n          <\/div>\n\n          <div class=\"av-field av-field-full\">\n            <label for=\"avMensagem\">Mensagem *<\/label>\n            <textarea id=\"avMensagem\" required placeholder=\"Escreva sua mensagem\"><\/textarea>\n          <\/div>\n\n          <label class=\"av-contact-consent\">\n            <input type=\"checkbox\" id=\"avConsentimento\" required>\n            <span>\n              Li e concordo com a\n              <a href=\"\/politica-de-privacidade\/\" target=\"_blank\">\n                Pol\u00edtica de Privacidade\n              <\/a>.\n            <\/span>\n          <\/label>\n\n          <div class=\"av-contact-success\" id=\"avContactSuccess\">\n            Seu aplicativo de e-mail ser\u00e1 aberto para concluir o envio.\n          <\/div>\n\n          <button class=\"av-contact-button\" type=\"submit\">\n            Enviar mensagem\n          <\/button>\n\n        <\/form>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.getElementById(\"avContactForm\").addEventListener(\"submit\", function(event) {\n  event.preventDefault();\n\n  const nome = document.getElementById(\"avNome\").value.trim();\n  const email = document.getElementById(\"avEmail\").value.trim();\n  const assunto = document.getElementById(\"avAssunto\").value;\n  const mensagem = document.getElementById(\"avMensagem\").value.trim();\n  const consentimento = document.getElementById(\"avConsentimento\").checked;\n\n  if (!nome || !email || !assunto || !mensagem || !consentimento) {\n    alert(\"Preencha todos os campos obrigat\u00f3rios.\");\n    return;\n  }\n\n  const destinatario = \"contato@andreyvargas.com.br\";\n\n  const corpo =\n    \"Nome: \" + nome + \"\\n\" +\n    \"E-mail: \" + email + \"\\n\" +\n    \"Assunto: \" + assunto + \"\\n\\n\" +\n    \"Mensagem:\\n\" + mensagem;\n\n  document.getElementById(\"avContactSuccess\").style.display = \"block\";\n\n  window.location.href =\n    \"mailto:\" + destinatario +\n    \"?subject=\" + encodeURIComponent(\"[Contato do site] \" + assunto) +\n    \"&body=\" + encodeURIComponent(corpo);\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Fale conosco Entre em contato Tem alguma d\u00favida, sugest\u00e3o, corre\u00e7\u00e3o ou proposta comercial? Envie sua mensagem para o Andrey Vargas Casa Pr\u00e1tica. \ud83d\udcac D\u00favidas Envie perguntas relacionadas ao site e aos conte\u00fados publicados. \ud83d\udca1 Sugest\u00f5es Indique temas e solu\u00e7\u00f5es para casa que gostaria de encontrar por aqui. \u2713 Corre\u00e7\u00f5es Encontrou uma informa\u00e7\u00e3o incompleta ou desatualizada?&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-33","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.andreyvargas.com.br\/index.php?rest_route=\/wp\/v2\/pages\/33","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.andreyvargas.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.andreyvargas.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.andreyvargas.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.andreyvargas.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=33"}],"version-history":[{"count":3,"href":"https:\/\/www.andreyvargas.com.br\/index.php?rest_route=\/wp\/v2\/pages\/33\/revisions"}],"predecessor-version":[{"id":45,"href":"https:\/\/www.andreyvargas.com.br\/index.php?rest_route=\/wp\/v2\/pages\/33\/revisions\/45"}],"wp:attachment":[{"href":"https:\/\/www.andreyvargas.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}