{"id":113,"date":"2026-05-06T20:37:05","date_gmt":"2026-05-06T20:37:05","guid":{"rendered":"https:\/\/sitexis.com.br\/carenations\/?page_id=113"},"modified":"2026-05-06T20:53:42","modified_gmt":"2026-05-06T20:53:42","slug":"contact","status":"publish","type":"page","link":"https:\/\/sitexis.com.br\/carenations\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Contact \u2014 Care Nations International<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n \/* \u2500\u2500 Reset & Base \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n html { scroll-behavior: smooth; }\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background: #ece8df;\r\n color: #2a2420;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n \/* \u2500\u2500 CSS Variables \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n :root {\r\n --cream: #ece8df;\r\n --cream-dark: #e2ddd4;\r\n --cream-card: #f5f2ed;\r\n --rust: #b94030;\r\n --rust-light: #d4522a;\r\n --rust-dark: #8a2e20;\r\n --charcoal: #1a1714;\r\n --dark-nav: #18160f;\r\n --text: #2a2420;\r\n --muted: #6b6760;\r\n --border: #d0cab8;\r\n --white: #ffffff;\r\n --input-bg: #f8f5f0;\r\n }\r\n\r\n\r\n\r\n \/* \u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .hero {\r\n position: relative;\r\n overflow: hidden;\r\n padding: 100px 60px 110px;\r\n background-image: url('https:\/\/sitexis.com.br\/carenations\/wp-content\/uploads\/2026\/05\/cta.jpg');\r\n background-size: cover;\r\n background-position: center 30%;\r\n }\r\n\r\n \/* Overlay escuro com gradiente lateral *\/\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n linear-gradient(\r\n to right,\r\n rgba(20,16,12,0.92) 0%,\r\n rgba(20,16,12,0.75) 55%,\r\n rgba(20,16,12,0.30) 100%\r\n );\r\n z-index: 1;\r\n }\r\n\r\n \/* Faixa de cor terracota sutil na base *\/\r\n .hero::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0; left: 0; right: 0;\r\n height: 3px;\r\n background: var(--rust);\r\n z-index: 2;\r\n }\r\n\r\n .hero-noise {\r\n position: absolute;\r\n inset: 0;\r\n opacity: 0.03;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'\/%3E%3C\/svg%3E\");\r\n background-size: 200px;\r\n z-index: 1;\r\n }\r\n\r\n .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 900px;\r\n }\r\n\r\n .hero-label {\r\n font-size: 11px;\r\n font-weight: 600;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n color: var(--rust-light);\r\n margin-bottom: 22px;\r\n display: block;\r\n }\r\n\r\n .hero-title {\r\n font-family: Georgia, 'Times New Roman', serif;\r\n font-size: clamp(38px, 5vw, 58px);\r\n font-weight: normal;\r\n color: #fff;\r\n line-height: 1.15;\r\n margin-bottom: 22px;\r\n }\r\n\r\n .hero-title em {\r\n font-style: italic;\r\n color: var(--rust-light);\r\n }\r\n\r\n .hero-sub {\r\n font-size: 15px;\r\n font-weight: 300;\r\n color: rgba(255,255,255,0.62);\r\n line-height: 1.7;\r\n max-width: 520px;\r\n }\r\n\r\n \/* \u2500\u2500 MAIN LAYOUT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .contact-main {\r\n max-width: 1160px;\r\n margin: 0 auto;\r\n padding: 80px 40px 100px;\r\n display: grid;\r\n grid-template-columns: 1fr 1.65fr;\r\n gap: 72px;\r\n align-items: start;\r\n }\r\n\r\n \/* \u2500\u2500 LEFT COLUMN \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .contact-info-label {\r\n font-size: 11px;\r\n font-weight: 600;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n color: var(--rust);\r\n margin-bottom: 18px;\r\n display: block;\r\n }\r\n\r\n .contact-info-title {\r\n font-family: Georgia, 'Times New Roman', serif;\r\n font-size: 36px;\r\n font-weight: normal;\r\n line-height: 1.25;\r\n color: var(--text);\r\n margin-bottom: 20px;\r\n }\r\n\r\n .contact-info-title em {\r\n font-style: italic;\r\n color: var(--rust);\r\n }\r\n\r\n .contact-info-desc {\r\n font-size: 14px;\r\n font-weight: 400;\r\n color: var(--muted);\r\n line-height: 1.75;\r\n margin-bottom: 44px;\r\n }\r\n\r\n \/* Info items *\/\r\n .info-items {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n border-top: 1px solid var(--border);\r\n }\r\n\r\n .info-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 16px;\r\n padding: 24px 0;\r\n border-bottom: 1px solid var(--border);\r\n }\r\n\r\n .info-icon {\r\n width: 40px;\r\n height: 40px;\r\n background: var(--cream-card);\r\n border: 1px solid var(--border);\r\n border-radius: 4px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n .info-icon svg {\r\n width: 17px;\r\n height: 17px;\r\n stroke: var(--rust);\r\n fill: none;\r\n stroke-width: 1.7;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .info-item-body {}\r\n\r\n .info-item-label {\r\n font-size: 10px;\r\n font-weight: 600;\r\n letter-spacing: 0.14em;\r\n text-transform: uppercase;\r\n color: var(--muted);\r\n margin-bottom: 4px;\r\n }\r\n\r\n .info-item-value {\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: var(--text);\r\n line-height: 1.5;\r\n }\r\n\r\n .info-item-value a {\r\n color: var(--text);\r\n text-decoration: none;\r\n transition: color 0.2s;\r\n }\r\n\r\n .info-item-value a:hover { color: var(--rust); }\r\n\r\n \/* Blockquote *\/\r\n .contact-quote {\r\n margin-top: 40px;\r\n padding: 22px 24px;\r\n background: var(--cream-card);\r\n border-left: 3px solid var(--rust);\r\n }\r\n\r\n .contact-quote p {\r\n font-family: Georgia, 'Times New Roman', serif;\r\n font-style: italic;\r\n font-size: 14.5px;\r\n color: var(--text);\r\n line-height: 1.7;\r\n }\r\n\r\n \/* \u2500\u2500 RIGHT COLUMN \u2014 FORM \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .form-card {\r\n background: var(--cream-card);\r\n border: 1px solid var(--border);\r\n padding: 48px 44px 52px;\r\n position: relative;\r\n }\r\n\r\n .form-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0;\r\n height: 3px;\r\n background: var(--rust);\r\n }\r\n\r\n .form-header {\r\n margin-bottom: 38px;\r\n }\r\n\r\n .form-header-label {\r\n font-size: 10px;\r\n font-weight: 600;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n color: var(--rust);\r\n display: block;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .form-header h2 {\r\n font-family: Georgia, 'Times New Roman', serif;\r\n font-size: 26px;\r\n font-weight: normal;\r\n color: var(--text);\r\n line-height: 1.3;\r\n }\r\n\r\n \/* Form grid *\/\r\n .form-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 18px;\r\n }\r\n\r\n .form-group {\r\n display: flex;\r\n flex-direction: column;\r\n margin-bottom: 22px;\r\n }\r\n\r\n .form-group.full { grid-column: 1 \/ -1; }\r\n\r\n .form-group label {\r\n font-size: 11px;\r\n font-weight: 600;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n color: var(--muted);\r\n margin-bottom: 8px;\r\n }\r\n\r\n .form-group label .req {\r\n color: var(--rust);\r\n margin-left: 2px;\r\n }\r\n\r\n .form-group input,\r\n .form-group select,\r\n .form-group textarea {\r\n width: 100%;\r\n background: var(--input-bg);\r\n border: 1px solid var(--border);\r\n color: var(--text);\r\n font-family: 'Inter', sans-serif;\r\n font-size: 14px;\r\n font-weight: 400;\r\n padding: 13px 16px;\r\n border-radius: 2px;\r\n outline: none;\r\n transition: border-color 0.2s, box-shadow 0.2s;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n }\r\n\r\n .form-group input::placeholder,\r\n .form-group textarea::placeholder {\r\n color: #bbb5aa;\r\n }\r\n\r\n .form-group input:focus,\r\n .form-group select:focus,\r\n .form-group textarea:focus {\r\n border-color: var(--rust);\r\n box-shadow: 0 0 0 3px rgba(185,64,48,0.08);\r\n background: #fff;\r\n }\r\n\r\n .form-group textarea {\r\n resize: vertical;\r\n min-height: 140px;\r\n line-height: 1.65;\r\n }\r\n\r\n \/* Select arrow *\/\r\n .select-wrap { position: relative; }\r\n\r\n .select-wrap::after {\r\n content: '';\r\n position: absolute;\r\n right: 15px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 0;\r\n height: 0;\r\n border-left: 5px solid transparent;\r\n border-right: 5px solid transparent;\r\n border-top: 5px solid var(--muted);\r\n pointer-events: none;\r\n }\r\n\r\n .select-wrap select { padding-right: 36px; cursor: pointer; }\r\n\r\n \/* Checkbox *\/\r\n .form-check {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .form-check input[type=\"checkbox\"] {\r\n width: 17px;\r\n height: 17px;\r\n border: 1.5px solid var(--border);\r\n background: var(--input-bg);\r\n border-radius: 2px;\r\n flex-shrink: 0;\r\n margin-top: 1px;\r\n cursor: pointer;\r\n accent-color: var(--rust);\r\n }\r\n\r\n .form-check label {\r\n font-size: 12.5px;\r\n color: var(--muted);\r\n line-height: 1.6;\r\n cursor: pointer;\r\n }\r\n\r\n .form-check label a {\r\n color: var(--rust);\r\n text-decoration: none;\r\n }\r\n\r\n \/* Submit *\/\r\n .btn-submit {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: var(--rust);\r\n color: #fff;\r\n font-family: 'Inter', sans-serif;\r\n font-size: 13px;\r\n font-weight: 600;\r\n letter-spacing: 0.06em;\r\n text-transform: uppercase;\r\n padding: 15px 32px;\r\n border: none;\r\n border-radius: 2px;\r\n cursor: pointer;\r\n transition: background 0.2s, transform 0.15s;\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .btn-submit:hover {\r\n background: var(--rust-dark);\r\n transform: translateY(-1px);\r\n }\r\n\r\n .btn-submit svg {\r\n width: 15px;\r\n height: 15px;\r\n stroke: #fff;\r\n fill: none;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n transition: transform 0.2s;\r\n }\r\n\r\n .btn-submit:hover svg { transform: translateX(3px); }\r\n\r\n \/* Form note *\/\r\n .form-note {\r\n font-size: 11.5px;\r\n color: var(--muted);\r\n text-align: center;\r\n margin-top: 16px;\r\n line-height: 1.5;\r\n }\r\n\r\n \/* \u2500\u2500 STATS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .stats-strip {\r\n background: var(--charcoal);\r\n padding: 52px 60px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 80px;\r\n }\r\n\r\n .stat-item { text-align: center; }\r\n\r\n .stat-number {\r\n font-family: Georgia, 'Times New Roman', serif;\r\n font-size: 42px;\r\n font-weight: normal;\r\n color: #fff;\r\n line-height: 1;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .stat-number span { color: var(--rust-light); }\r\n\r\n .stat-label {\r\n font-size: 10px;\r\n font-weight: 600;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,0.4);\r\n }\r\n\r\n .stat-divider {\r\n width: 1px;\r\n height: 60px;\r\n background: rgba(255,255,255,0.1);\r\n }\r\n\r\n\r\n\r\n \/* \u2500\u2500 SUCCESS TOAST \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .toast {\r\n position: fixed;\r\n bottom: 32px;\r\n right: 32px;\r\n background: #2d6a3f;\r\n color: #fff;\r\n font-size: 13px;\r\n font-weight: 500;\r\n padding: 16px 24px;\r\n border-radius: 3px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n box-shadow: 0 8px 32px rgba(0,0,0,0.2);\r\n transform: translateY(80px);\r\n opacity: 0;\r\n transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n z-index: 999;\r\n }\r\n\r\n .toast.show { transform: translateY(0); opacity: 1; }\r\n\r\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n @media (max-width: 960px) {\r\n .contact-main {\r\n grid-template-columns: 1fr;\r\n gap: 52px;\r\n padding: 60px 28px 80px;\r\n }\r\n .nav { padding: 0 28px; }\r\n .hero { padding: 60px 28px 70px; }\r\n .breadcrumb-bar { padding: 14px 28px; }\r\n .nav-links { display: none; }\r\n .stats-strip { flex-wrap: wrap; gap: 40px; padding: 44px 28px; }\r\n footer { padding: 44px 28px 28px; }\r\n .footer-top { flex-direction: column; gap: 32px; }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .form-row { grid-template-columns: 1fr; }\r\n .form-card { padding: 32px 24px 36px; }\r\n .hero-title { font-size: 32px; }\r\n .contact-info-title { font-size: 28px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- HERO -->\r\n <section class=\"hero\">\r\n <div class=\"hero-noise\"><\/div>\r\n <div class=\"hero-content\">\r\n <span class=\"hero-label\">Get In Touch<\/span>\r\n <h1 class=\"hero-title\">\r\n Let's create <em>meaningful<\/em><br>change together.\r\n <\/h1>\r\n <p class=\"hero-sub\">\r\n Whether you want to volunteer, partner, donate, or simply learn more \u2014 we'd love to hear from you. Every message matters.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- MAIN CONTENT -->\r\n <main>\r\n <div class=\"contact-main\">\r\n\r\n <!-- LEFT: Info -->\r\n <div class=\"contact-info\">\r\n <span class=\"contact-info-label\">Contact Us<\/span>\r\n <h2 class=\"contact-info-title\">\r\n Every conversation<br>starts with a<br><em>single message.<\/em>\r\n <\/h2>\r\n <p class=\"contact-info-desc\">\r\n Our team is available to answer questions, discuss partnerships, and guide you through how to get involved in our global humanitarian programs.\r\n <\/p>\r\n\r\n <div class=\"info-items\">\r\n\r\n <div class=\"info-item\">\r\n <div class=\"info-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"info-item-body\">\r\n <p class=\"info-item-label\">Address<\/p>\r\n <p class=\"info-item-value\">Rua Prof. Ol\u00edmpio Curvey, 65<br>Sala 508, Florian\u00f3polis SC \u2014 88025-000<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-item\">\r\n <div class=\"info-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"info-item-body\">\r\n <p class=\"info-item-label\">Phone<\/p>\r\n <p class=\"info-item-value\">\r\n <a href=\"tel:+554738695500\">(47) 3869-5500<\/a>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-item\">\r\n <div class=\"info-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/>\r\n <polyline points=\"22,6 12,13 2,6\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"info-item-body\">\r\n <p class=\"info-item-label\">Email<\/p>\r\n <p class=\"info-item-value\">\r\n <a href=\"mailto:contact@carenations.org\">contact@carenations.org<\/a>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-item\">\r\n <div class=\"info-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n <polyline points=\"12 6 12 12 16 14\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"info-item-body\">\r\n <p class=\"info-item-label\">Office Hours<\/p>\r\n <p class=\"info-item-value\">Mon \u2013 Fri, 9:00am \u2013 6:00pm<br>Santa Catarina (BRT)<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"contact-quote\">\r\n <p>\"Care Nations International believes change begins when compassion becomes action.\"<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- RIGHT: Form -->\r\n <div class=\"contact-form-col\">\r\n <div class=\"form-card\">\r\n <div class=\"form-header\">\r\n <span class=\"form-header-label\">Send a Message<\/span>\r\n <h2>How can we<br>help you?<\/h2>\r\n <\/div>\r\n\r\n <form id=\"contact-form\" novalidate>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"fname\">First Name <span class=\"req\">*<\/span><\/label>\r\n <input type=\"text\" id=\"fname\" name=\"fname\" placeholder=\"Your first name\" required \/>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"lname\">Last Name <span class=\"req\">*<\/span><\/label>\r\n <input type=\"text\" id=\"lname\" name=\"lname\" placeholder=\"Your last name\" required \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"email\">Email <span class=\"req\">*<\/span><\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"you@email.com\" required \/>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"phone\">Phone<\/label>\r\n <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"+55 (00) 00000-0000\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"subject\">Subject <span class=\"req\">*<\/span><\/label>\r\n <div class=\"select-wrap\">\r\n <select id=\"subject\" name=\"subject\" required>\r\n <option value=\"\" disabled selected>Select a topic<\/option>\r\n <option>Volunteering<\/option>\r\n <option>Partnerships & Collaboration<\/option>\r\n <option>Donations & Funding<\/option>\r\n <option>Media & Press<\/option>\r\n <option>Program Information<\/option>\r\n <option>Other<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"organization\">Organization \/ Country<\/label>\r\n <input type=\"text\" id=\"organization\" name=\"organization\" placeholder=\"Your organization or country (optional)\" \/>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"message\">Message <span class=\"req\">*<\/span><\/label>\r\n <textarea id=\"message\" name=\"message\" placeholder=\"Tell us how you'd like to get involved or what you'd like to know...\" required><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"form-check\">\r\n <input type=\"checkbox\" id=\"privacy\" name=\"privacy\" required \/>\r\n <label for=\"privacy\">\r\n I agree to the <a href=\"#\">Privacy Policy<\/a> and consent to Care Nations International contacting me regarding my inquiry.\r\n <\/label>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn-submit\">\r\n Send Message\r\n <svg viewBox=\"0 0 24 24\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\r\n <polyline points=\"12 5 19 12 12 19\"\/>\r\n <\/svg>\r\n <\/button>\r\n\r\n <p class=\"form-note\">We typically respond within 1\u20132 business days.<\/p>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/main>\r\n\r\n <!-- STATS STRIP -->\r\n <section class=\"stats-strip\">\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">0.2<span>M+<\/span><\/div>\r\n <div class=\"stat-label\">Lives Touched<\/div>\r\n <\/div>\r\n <div class=\"stat-divider\"><\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">12<span>+<\/span><\/div>\r\n <div class=\"stat-label\">Countries Reached<\/div>\r\n <\/div>\r\n <div class=\"stat-divider\"><\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">33<\/div>\r\n <div class=\"stat-label\">Active Programs<\/div>\r\n <\/div>\r\n <div class=\"stat-divider\"><\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">8<span>y<\/span><\/div>\r\n <div class=\"stat-label\">Years of Impact<\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n <!-- TOAST -->\r\n <div class=\"toast\" id=\"toast\">\r\n \u2713  Message sent! We'll be in touch soon.\r\n <\/div>\r\n\r\n <script>\r\n document.getElementById('contact-form').addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n\r\n const fname = document.getElementById('fname').value.trim();\r\n const email = document.getElementById('email').value.trim();\r\n const subject = document.getElementById('subject').value;\r\n const message = document.getElementById('message').value.trim();\r\n const privacy = document.getElementById('privacy').checked;\r\n\r\n if (!fname || !email || !subject || !message || !privacy) {\r\n alert('Please fill in all required fields and accept the privacy policy.');\r\n return;\r\n }\r\n\r\n const toast = document.getElementById('toast');\r\n toast.classList.add('show');\r\n setTimeout(() => toast.classList.remove('show'), 4000);\r\n this.reset();\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\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>Contact \u2014 Care Nations International Get In Touch Let’s create meaningfulchange together. Whether you want to volunteer, partner, donate, or simply learn more \u2014 we’d love to hear from you. Every message matters. Contact Us Every conversationstarts with asingle message. Our team is available to answer questions, discuss partnerships, and guide you through how to […]<\/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-113","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sitexis.com.br\/carenations\/wp-json\/wp\/v2\/pages\/113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sitexis.com.br\/carenations\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sitexis.com.br\/carenations\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sitexis.com.br\/carenations\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sitexis.com.br\/carenations\/wp-json\/wp\/v2\/comments?post=113"}],"version-history":[{"count":13,"href":"https:\/\/sitexis.com.br\/carenations\/wp-json\/wp\/v2\/pages\/113\/revisions"}],"predecessor-version":[{"id":143,"href":"https:\/\/sitexis.com.br\/carenations\/wp-json\/wp\/v2\/pages\/113\/revisions\/143"}],"wp:attachment":[{"href":"https:\/\/sitexis.com.br\/carenations\/wp-json\/wp\/v2\/media?parent=113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}