{"id":8869,"date":"2025-08-19T11:37:22","date_gmt":"2025-08-19T14:37:22","guid":{"rendered":"https:\/\/saravida.org.br\/?page_id=8869"},"modified":"2025-08-19T11:37:22","modified_gmt":"2025-08-19T14:37:22","slug":"junte-se-a-nos","status":"publish","type":"page","link":"http:\/\/5.189.177.133\/index.php\/junte-se-a-nos\/","title":{"rendered":"Junte-se a n\u00f3s"},"content":{"rendered":"

<\/path><\/svg>
\n\t\t\t\t\t\t\t<\/path><\/svg>
\n\t\t\t\t\t
\n
\n
\n
\n
\n Seja Volunt\u00e1rio – Saravida<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n\/* Reset e configura\u00e7\u00f5es b\u00e1sicas *\/\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\nbody {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.6;\n color: #333333;\n background-color: #ffffff;\n}\n\/* Container principal *\/\n.container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n}\n\/* Se\u00e7\u00e3o principal *\/\n.volunteer-section {\n padding: 80px 0;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n}\n\/* Hero Section *\/\n.hero-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: center;\n margin-bottom: 80px;\n}\n.hero-text {\n padding-right: 20px;\n}\n.main-title {\n font-size: 3.5rem;\n font-weight: 700;\n color: #333333;\n margin-bottom: 24px;\n line-height: 1.2;\n}\n.main-title::after {\n content: '';\n display: block;\n width: 80px;\n height: 4px;\n background: linear-gradient(90deg, rgb(254, 71, 40), rgb(220, 60, 30));\n margin-top: 16px;\n border-radius: 2px;\n}\n.hero-description {\n font-size: 1.2rem;\n color: #51555d;\n line-height: 1.8;\n margin-bottom: 32px;\n}\n.hero-image {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.volunteer-card {\n background: linear-gradient(135deg, rgb(254, 71, 40), rgb(220, 60, 30));\n padding: 40px 30px;\n border-radius: 20px;\n text-align: center;\n color: white;\n box-shadow: 0 20px 40px rgba(254, 71, 40, 0.3);\n transform: translateY(-10px);\n transition: transform 0.3s ease;\n}\n.volunteer-card:hover {\n transform: translateY(-15px);\n}\n.card-icon {\n color: white;\n margin-bottom: 20px;\n}\n.volunteer-card h3 {\n font-size: 1.5rem;\n font-weight: 600;\n margin-bottom: 12px;\n}\n.volunteer-card p {\n font-size: 1rem;\n opacity: 0.9;\n}\n\/* Op\u00e7\u00f5es de voluntariado *\/\n.volunteer-options {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n margin-bottom: 80px;\n}\n.option-card {\n background: white;\n padding: 40px 30px;\n border-radius: 16px;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);\n border: 1px solid #f0f0f0;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n.option-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, rgb(254, 71, 40), rgb(220, 60, 30));\n transform: scaleX(0);\n transition: transform 0.3s ease;\n}\n.option-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 16px 48px rgba(0, 0, 0, 0.12);\n}\n.option-card:hover::before {\n transform: scaleX(1);\n}\n.card-header {\n display: flex;\n align-items: center;\n margin-bottom: 20px;\n}\n.card-icon-small {\n color: rgb(254, 71, 40);\n margin-right: 16px;\n flex-shrink: 0;\n}\n.option-card h3 {\n font-size: 1.4rem;\n font-weight: 600;\n color: #333333;\n margin: 0;\n}\n.option-card p {\n color: #51555d;\n margin-bottom: 24px;\n line-height: 1.7;\n}\n.benefits-list {\n list-style: none;\n}\n.benefits-list li {\n color: #696e79;\n margin-bottom: 8px;\n padding-left: 20px;\n position: relative;\n}\n.benefits-list li::before {\n content: '\u2713';\n position: absolute;\n left: 0;\n color: rgb(254, 71, 40);\n font-weight: bold;\n}\n\/* Call to Action *\/\n.cta-section {\n background: linear-gradient(135deg, #452d3b 0%, #573f4b 100%);\n padding: 60px 40px;\n border-radius: 20px;\n color: white;\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n.cta-section::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(254, 71, 40, 0.1) 0%, transparent 70%);\n animation: pulse 4s ease-in-out infinite;\n}\n@keyframes pulse {\n 0%, 100% { transform: scale(1); opacity: 0.5; }\n 50% { transform: scale(1.1); opacity: 0.8; }\n}\n.cta-content {\n position: relative;\n z-index: 2;\n margin-bottom: 40px;\n}\n.cta-section h2 {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 20px;\n color: white;\n}\n.cta-section p {\n font-size: 1.1rem;\n opacity: 0.9;\n margin-bottom: 32px;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n.cta-buttons {\n display: flex;\n gap: 20px;\n justify-content: center;\n flex-wrap: wrap;\n}\n.btn-primary, .btn-secondary {\n padding: 16px 32px;\n border: none;\n border-radius: 50px;\n font-size: 1.1rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n text-decoration: none;\n display: inline-block;\n min-width: 200px;\n}\n.btn-primary {\n background: linear-gradient(135deg, rgb(254, 71, 40), rgb(220, 60, 30));\n color: white;\n box-shadow: 0 8px 24px rgba(254, 71, 40, 0.4);\n}\n.btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 12px 32px rgba(254, 71, 40, 0.5);\n}\n.btn-secondary {\n background: transparent;\n color: white;\n border: 2px solid rgba(255, 255, 255, 0.3);\n}\n.btn-secondary:hover {\n background: rgba(255, 255, 255, 0.1);\n border-color: rgba(255, 255, 255, 0.5);\n transform: translateY(-2px);\n}\n\/* Estat\u00edsticas *\/\n.stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 30px;\n position: relative;\n z-index: 2;\n}\n.stat-item {\n text-align: center;\n}\n.stat-number {\n display: block;\n font-size: 2.5rem;\n font-weight: 700;\n color: rgb(254, 71, 40);\n margin-bottom: 8px;\n}\n.stat-label {\n font-size: 0.9rem;\n opacity: 0.8;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\/* Responsividade *\/\n@media (max-width: 768px) {\n .hero-content {\n grid-template-columns: 1fr;\n gap: 40px;\n text-align: center;\n }\n .hero-text {\n padding-right: 0;\n }\n .main-title {\n font-size: 2.5rem;\n }\n .volunteer-options {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n .option-card {\n padding: 30px 20px;\n }\n .card-header {\n flex-direction: column;\n text-align: center;\n }\n .card-icon-small {\n margin-right: 0;\n margin-bottom: 12px;\n }\n .cta-section {\n padding: 40px 20px;\n }\n .cta-section h2 {\n font-size: 2rem;\n }\n .cta-buttons {\n flex-direction: column;\n align-items: center;\n }\n .stats {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n .stat-number {\n font-size: 2rem;\n }\n}\n@media (max-width: 480px) {\n .container {\n padding: 0 15px;\n }\n .volunteer-section {\n padding: 40px 0;\n }\n .main-title {\n font-size: 2rem;\n }\n .hero-description {\n font-size: 1rem;\n }\n .volunteer-card {\n padding: 30px 20px;\n }\n .option-card {\n padding: 25px 15px;\n }\n .cta-section {\n padding: 30px 15px;\n }\n .btn-primary, .btn-secondary {\n min-width: 180px;\n padding: 14px 24px;\n font-size: 1rem;\n }\n}\n <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<section>\n <!-- Hero Section --><\/p>\n<h1>Por que ser volunt\u00e1rio?<\/h1>\n<p>\n Acreditamos que o papel de transformar vidas \u00e9 poss\u00edvel atrav\u00e9s de uma constru\u00e7\u00e3o coletiva,<br \/>\n onde muitas m\u00e3os unidas em um esfor\u00e7o comum podem mudar hist\u00f3rias e transformar realidades.<br \/>\n Junte-se a n\u00f3s nessa miss\u00e3o de acolher vidas com amor.\n <\/p>\n<p> <svg width=\"60\" height=\"60\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\" fill=\"currentColor\"\/>\n <\/svg><\/p>\n<h3>Transforme Vidas<\/h3>\n<p>Seja parte da mudan\u00e7a que voc\u00ea quer ver no mundo<\/p>\n<p> <!-- Volunteer Options --><br \/>\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <circle cx=\"9\" cy=\"7\" r=\"4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"m22 21-3-3m1-4a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg><\/p>\n<h3>Volunt\u00e1rio de Acolhimento<\/h3>\n<p>\n Ajude diretamente pessoas em processo de recupera\u00e7\u00e3o, oferecendo apoio emocional,<br \/>\n atividades terap\u00eauticas e acompanhamento nas comunidades terap\u00eauticas.\n <\/p>\n<ul>\n<li>Apoio direto aos acolhidos<\/li>\n<li>Atividades recreativas e educativas<\/li>\n<li>Acompanhamento em consultas<\/li>\n<li>Suporte emocional \u00e0s fam\u00edlias<\/li>\n<\/ul>\n<p> <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"m2 17 10 5 10-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"m2 12 10 5 10-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg><\/p>\n<h3>Volunt\u00e1rio de Preven\u00e7\u00e3o<\/h3>\n<p>\n Participe de a\u00e7\u00f5es educativas em escolas e comunidades, conscientizando jovens e<br \/>\n fam\u00edlias sobre os riscos e consequ\u00eancias do uso de drogas.\n <\/p>\n<ul>\n<li>Palestras em escolas<\/li>\n<li>Workshops para fam\u00edlias<\/li>\n<li>Campanhas de conscientiza\u00e7\u00e3o<\/li>\n<li>A\u00e7\u00f5es comunit\u00e1rias<\/li>\n<\/ul>\n<p> <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg><\/p>\n<h3>Volunt\u00e1rio Administrativo<\/h3>\n<p>\n Contribua com suas habilidades profissionais em \u00e1reas como comunica\u00e7\u00e3o, design,<br \/>\n contabilidade, jur\u00eddico e gest\u00e3o de projetos.\n <\/p>\n<ul>\n<li>Gest\u00e3o de redes sociais<\/li>\n<li>Design gr\u00e1fico<\/li>\n<li>Apoio jur\u00eddico<\/li>\n<li>Organiza\u00e7\u00e3o de eventos<\/li>\n<\/ul>\n<p> <!-- Call to Action --><\/p>\n<h2>Pronto para fazer a diferen\u00e7a?<\/h2>\n<p>\n Cada pessoa que voc\u00ea ajuda, cada vida que voc\u00ea toca, cada fam\u00edlia que voc\u00ea apoia<br \/>\n \u00e9 uma prova de que estamos na dire\u00e7\u00e3o certa. Junte-se a n\u00f3s nessa miss\u00e3o.\n <\/p>\n<p> <button onclick=\"openVolunteerForm()\"><br \/>\n Quero ser volunt\u00e1rio<br \/>\n <\/button><br \/>\n <button onclick=\"learnMore()\"><br \/>\n Saiba mais<br \/>\n <\/button><br \/>\n 1151<br \/>\n Atendimentos por m\u00eas<br \/>\n 9583<br \/>\n Acolhidos nas comunidades<br \/>\n 5930<br \/>\n Fam\u00edlias atendidas<br \/>\n <\/section>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Seja Volunt\u00e1rio – Saravida Por que ser volunt\u00e1rio? Acreditamos que o papel de transformar vidas \u00e9 poss\u00edvel atrav\u00e9s de uma constru\u00e7\u00e3o coletiva, onde muitas m\u00e3os unidas em um esfor\u00e7o comum podem mudar hist\u00f3rias e transformar realidades. Junte-se a n\u00f3s nessa miss\u00e3o de acolher vidas com amor. Transforme Vidas Seja parte da mudan\u00e7a que voc\u00ea quer<a href=\"http:\/\/5.189.177.133\/index.php\/junte-se-a-nos\/\" class=\"read-more\">Read More …<\/a><\/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":{"_kadence_starter_templates_imported_post":false,"footnotes":""},"class_list":["post-8869","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/5.189.177.133\/index.php\/wp-json\/wp\/v2\/pages\/8869","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/5.189.177.133\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/5.189.177.133\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/5.189.177.133\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/5.189.177.133\/index.php\/wp-json\/wp\/v2\/comments?post=8869"}],"version-history":[{"count":0,"href":"http:\/\/5.189.177.133\/index.php\/wp-json\/wp\/v2\/pages\/8869\/revisions"}],"wp:attachment":[{"href":"http:\/\/5.189.177.133\/index.php\/wp-json\/wp\/v2\/media?parent=8869"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}