{"id":24,"date":"2026-01-22T12:12:12","date_gmt":"2026-01-22T15:12:12","guid":{"rendered":"https:\/\/wp.ufpel.edu.br\/salaverde\/?page_id=24"},"modified":"2026-08-09T08:14:46","modified_gmt":"2026-08-09T11:14:46","slug":"contato","status":"publish","type":"page","link":"https:\/\/wp.ufpel.edu.br\/salaverde\/contato\/","title":{"rendered":"Contato"},"content":{"rendered":"<p><!-- ============================================================\n  SALA VERDE MAR DE DENTRO \u2014 p\u00e1gina CONTATO\n  Cole este bloco inteiro num bloco \"HTML Personalizado\" do editor\n  do WordPress, na p\u00e1gina de Contato.\n\n  COMO FUNCIONA O FORMUL\u00c1RIO:\n  Como a p\u00e1gina \u00e9 um HTML est\u00e1tico dentro do WordPress (sem um\n  servidor de formul\u00e1rio por tr\u00e1s), o bot\u00e3o \"Enviar mensagem\" abre\n  o programa de e-mail da pessoa (Gmail, Outlook etc.) j\u00e1 com o\n  destinat\u00e1rio, assunto e mensagem preenchidos, prontos para enviar\n  a extensaoea2026@gmail.com.\n  Se preferir um envio 100% silencioso (sem abrir o e-mail do\n  visitante), me avise \u2014 d\u00e1 para trocar por um plugin como Contact\n  Form 7 ou WPForms mantendo exatamente esse visual.\n============================================================= --><\/p>\n<div id=\"svmdd-root-contato\" class=\"svmdd-site svmdd-contato\">\n<style>#svmdd-root-contato{\n  --ink:#22302A; --ink-soft:#4A5850;\n  --paper:#FBF8EF; --paper-dim:#F0E9D6;\n  --teal:#0E4B45; --teal-dark:#0A332F; --teal-tint:#E4EEEA;\n  --green:#6FA84B;\n  --line: rgba(34,48,42,.14);\n  --font-display:'Baloo 2', system-ui, sans-serif;\n  --font-body:'Montserrat', system-ui, sans-serif;\n  font-family:var(--font-body);\n  color:var(--ink) !important;\n  background:var(--paper) !important;\n  line-height:1.65;\n  -webkit-font-smoothing:antialiased;\n}#svmdd-root-contato .svmdd-site *{ box-sizing:border-box; }#svmdd-root-contato .svmdd-site h1, #svmdd-root-contato .svmdd-site h2, #svmdd-root-contato .svmdd-site h3{\n  font-family:var(--font-display) !important;\n  font-weight:700 !important;\n  line-height:1.15 !important;\n  margin:0 0 .5em 0 !important;\n  color:var(--teal-dark) !important;\n  letter-spacing:-.01em;\n}#svmdd-root-contato .svmdd-site p{ margin:0 0 1.05em 0 !important; }#svmdd-root-contato .svmdd-site a{ color:var(--teal) !important; }#svmdd-root-contato .svmdd-eyebrow{\n  display:inline-flex; align-items:center; gap:.5em;\n  font-weight:700; font-size:.72rem; letter-spacing:.16em; text-transform:uppercase;\n  color:var(--green) !important; margin-bottom:1em;\n}#svmdd-root-contato .svmdd-eyebrow::before{ content:\"\"; width:22px; height:2px; background:var(--green) !important; display:inline-block; }#svmdd-root-contato .svmdd-page-head{ background:var(--teal) !important; color:#fff !important; text-align:center; padding:5rem 1.5rem 3.5rem; }#svmdd-root-contato .svmdd-page-head .svmdd-eyebrow{ color:#B9E3C3 !important; justify-content:center; }#svmdd-root-contato .svmdd-page-head .svmdd-eyebrow::before{ background:#B9E3C3 !important; }#svmdd-root-contato .svmdd-page-head h1{ color:#fff !important; font-size:clamp(2rem,3.4vw+1rem,3rem) !important; }#svmdd-root-contato .svmdd-page-head p{ color:#DCEFE0 !important; max-width:560px; margin:0 auto !important; font-size:1.05rem; }#svmdd-root-contato .svmdd-contact-wrap{\n  max-width:1000px; margin:0 auto; padding:4.5rem 1.5rem;\n  display:grid; grid-template-columns:1fr 1.3fr; gap:3rem; align-items:start;\n}#svmdd-root-contato .svmdd-contact-info h2{ font-size:1.5rem !important; }#svmdd-root-contato .svmdd-contact-info p{ color:var(--ink-soft) !important; }#svmdd-root-contato .svmdd-contact-email{\n  display:inline-flex; align-items:center; gap:.6rem;\n  background:var(--teal-tint) !important; color:var(--teal-dark) !important;\n  padding:.8em 1.1em; border-radius:12px; font-weight:600; font-size:.95rem;\n  text-decoration:none; margin-top:.5rem;\n}#svmdd-root-contato .svmdd-contact-email svg{ width:18px; height:18px; stroke:var(--teal-dark); flex:none; }#svmdd-root-contato .svmdd-form{\n  background:#fff !important; border:1px solid var(--line) !important; border-radius:18px;\n  padding:2rem; box-shadow:0 20px 40px rgba(14,75,69,.08);\n}#svmdd-root-contato .svmdd-field{ margin-bottom:1.2rem; }#svmdd-root-contato .svmdd-field label{\n  display:block; font-size:.82rem; font-weight:700; margin-bottom:.4em; color:var(--ink) !important;\n}#svmdd-root-contato .svmdd-field input, #svmdd-root-contato .svmdd-field textarea{\n  width:100%; font-family:var(--font-body); font-size:.98rem; color:var(--ink) !important;\n  border:1.5px solid var(--line) !important; border-radius:10px; padding:.75em .9em;\n  background:var(--paper) !important; outline:none; transition:border-color .15s ease;\n}#svmdd-root-contato .svmdd-field input:focus, #svmdd-root-contato .svmdd-field textarea:focus{ border-color:var(--teal) !important; }#svmdd-root-contato .svmdd-field textarea{ min-height:130px; resize:vertical; }#svmdd-root-contato .svmdd-submit{\n  width:100%; border:0 !important; cursor:pointer;\n  background:var(--teal) !important; color:#fff !important; font-family:var(--font-body);\n  font-weight:700; font-size:1rem; padding:.9em 1.5em; border-radius:100px;\n  transition:transform .15s ease;\n}#svmdd-root-contato .svmdd-submit:hover{ transform:translateY(-2px); background:var(--teal-dark) !important; }#svmdd-root-contato .svmdd-form-note{ font-size:.8rem; color:var(--ink-soft) !important; margin-top:.9rem !important; text-align:center; }<\/p>\n<p>@media (max-width:760px){#svmdd-root-contato .svmdd-contact-wrap{ grid-template-columns:1fr; padding:3rem 1.2rem; }#svmdd-root-contato .svmdd-page-head{ padding:3.5rem 1.2rem 2.5rem; }}<\/style>\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Baloo+2:wght@600;700;800&#038;family=Montserrat:wght@400;500;600;700&#038;display=swap\">\n<section class=\"svmdd-page-head\">\n  <span class=\"svmdd-eyebrow\">Fale com a gente<\/span><\/p>\n<h1>Contato<\/h1>\n<p>D\u00favidas sobre os cursos, parcerias ou propostas de a\u00e7\u00e3o com a Sala Verde Mar de Dentro \u2014 escreva para n\u00f3s.<\/p>\n<\/section>\n<div class=\"svmdd-contact-wrap\">\n<div class=\"svmdd-contact-info\">\n<h2>Vamos conversar<\/h2>\n<p>Preencha o formul\u00e1rio ao lado que abriremos seu e-mail com a mensagem pronta para envio, ou escreva diretamente para o endere\u00e7o abaixo.<\/p>\n<p>    <a class=\"svmdd-contact-email\" href=\"mailto:extensaoea2026@gmail.com\"><br \/>\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"m3 7 9 6 9-6\"\/><\/svg><br \/>\n      extensaoea2026@gmail.com<br \/>\n    <\/a>\n  <\/div>\n<form class=\"svmdd-form\" action=\"mailto:extensaoea2026@gmail.com\" method=\"post\" enctype=\"text\/plain\">\n<div class=\"svmdd-field\">\n      <label for=\"svmdd-nome\">Nome<\/label><br \/>\n      <input type=\"text\" id=\"svmdd-nome\" name=\"Nome\" required>\n    <\/div>\n<div class=\"svmdd-field\">\n      <label for=\"svmdd-email\">E-mail<\/label><br \/>\n      <input type=\"email\" id=\"svmdd-email\" name=\"E-mail\" required>\n    <\/div>\n<div class=\"svmdd-field\">\n      <label for=\"svmdd-assunto\">Assunto<\/label><br \/>\n      <input type=\"text\" id=\"svmdd-assunto\" name=\"Assunto\" required>\n    <\/div>\n<div class=\"svmdd-field\">\n      <label for=\"svmdd-mensagem\">Mensagem<\/label><br \/>\n      <textarea id=\"svmdd-mensagem\" name=\"Mensagem\" required><\/textarea>\n    <\/div>\n<p>    <button type=\"submit\" class=\"svmdd-submit\">Enviar mensagem<\/button><\/p>\n<p class=\"svmdd-form-note\">Ao clicar em enviar, seu programa de e-mail padr\u00e3o ser\u00e1 aberto com os dados preenchidos, prontos para envio a extensaoea2026@gmail.com.<\/p>\n<\/p><\/form>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Fale com a gente Contato D\u00favidas sobre os cursos, parcerias ou propostas de a\u00e7\u00e3o com a Sala Verde Mar de Dentro \u2014 escreva para n\u00f3s. Vamos conversar Preencha o formul\u00e1rio ao lado que abriremos seu e-mail com a mensagem pronta para envio, ou escreva diretamente para o endere\u00e7o abaixo. extensaoea2026@gmail.com Nome E-mail Assunto Mensagem Enviar [&hellip;]<\/p>\n","protected":false},"author":426,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-24","page","type-page","status-publish","hentry","post"],"_links":{"self":[{"href":"https:\/\/wp.ufpel.edu.br\/salaverde\/wp-json\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.ufpel.edu.br\/salaverde\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp.ufpel.edu.br\/salaverde\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp.ufpel.edu.br\/salaverde\/wp-json\/wp\/v2\/users\/426"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.ufpel.edu.br\/salaverde\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":3,"href":"https:\/\/wp.ufpel.edu.br\/salaverde\/wp-json\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":91,"href":"https:\/\/wp.ufpel.edu.br\/salaverde\/wp-json\/wp\/v2\/pages\/24\/revisions\/91"}],"wp:attachment":[{"href":"https:\/\/wp.ufpel.edu.br\/salaverde\/wp-json\/wp\/v2\/media?parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}