{"id":1993,"date":"2025-12-10T20:20:10","date_gmt":"2025-12-10T20:20:10","guid":{"rendered":"https:\/\/csaac.org\/?page_id=1993"},"modified":"2026-07-08T16:08:19","modified_gmt":"2026-07-08T16:08:19","slug":"contact-csaac","status":"publish","type":"page","link":"https:\/\/csaac.org\/es\/contact-csaac\/","title":{"rendered":"Contact CSAAC"},"content":{"rendered":"<p><!DOCTYPE html><br \/>\n<html lang=\"en\"><br \/>\n<head><br \/>\n    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n    <title>Contact Us &#8211; CSAAC<\/title>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&#038;display=swap\" rel=\"stylesheet\">\n<style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }<\/p>\n<p>        body {\n            font-family: 'DM Sans', sans-serif;\n            line-height: 1.6;\n            color: #333;\n        }<\/p>\n<p>        \/* Hero Section *\/\n        .hero {\n            background: linear-gradient(135deg, #06505c 0%, #078199 100%);\n            color: white;\n            padding: 4rem 2rem;\n            text-align: center;\n        }<\/p>\n<p>        .hero h1 {\n            font-size: 3rem;\n            margin-bottom: 1rem;\n        }<\/p>\n<p>        .hero p {\n            font-size: 1.3rem;\n            max-width: 800px;\n            margin: 0 auto;\n        }<\/p>\n<p>        \/* Container *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 2rem 2rem;\n        }<\/p>\n<p>        .wide-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 2rem 2rem;\n        }<\/p>\n<p>        \/* Section Styles *\/\n        .section {\n            padding: 2rem 2rem;\n        }<\/p>\n<p>        .section-white {\n            background: white;\n        }<\/p>\n<p>        .section-gray {\n            background: #f8f9fa;\n        }<\/p>\n<p>        .section-title {\n            font-size: 2.5rem;\n            color: #06505c;\n            margin-bottom: 1.5rem;\n            text-align: center;\n        }<\/p>\n<p>        \/* Contact Grid *\/\n        .contact-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 2.5rem;\n            margin: 2rem 0;\n        }<\/p>\n<p>        \/* Contact Info Cards *\/\n        .contact-info {\n            display: flex;\n            flex-direction: column;\n            gap: 1.25rem;\n        }<\/p>\n<p>        .info-card {\n            background: white;\n            padding: 1.75rem;\n            border-radius: 10px;\n            box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n            border-left: 8px solid #cbb777;\n        }<\/p>\n<p>        .info-card h3 {\n            color: #06505c;\n            font-size: 1.3rem;\n            margin-bottom: 0.75rem;\n        }<\/p>\n<p>        .info-card p {\n            color: #555;\n            font-size: 1.05rem;\n            line-height: 1.7;\n        }<\/p>\n<p>        .info-card a {\n            color: #06505c;\n            text-decoration: none;\n            font-weight: 600;\n        }<\/p>\n<p>        .info-card a:hover {\n            color: #078199;\n        }<\/p>\n<p>        \/* Contact Form *\/\n        .contact-form-container {\n            background: white;\n            padding: 2rem;\n            border-radius: 10px;\n            box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n            border-top: 5px solid #06505c;\n        }<\/p>\n<p>        .contact-form-container h3 {\n            color: #06505c;\n            font-size: 1.5rem;\n            margin-bottom: 1.25rem;\n            text-align: center;\n        }<\/p>\n<p>        .form-group {\n            margin-bottom: 1.25rem;\n        }<\/p>\n<p>        .form-label {\n            display: block;\n            color: #06505c;\n            font-weight: 600;\n            margin-bottom: 0.4rem;\n            font-size: 0.95rem;\n        }<\/p>\n<p>        .form-input,\n        .form-textarea,\n        .form-select {\n            width: 100%;\n            padding: 0.9rem;\n            border: 2px solid #e9ecef;\n            border-radius: 5px;\n            font-size: 1rem;\n            font-family: inherit;\n            transition: border-color 0.3s;\n        }<\/p>\n<p>        .form-input:focus,\n        .form-textarea:focus,\n        .form-select:focus {\n            outline: none;\n            border-color: #06505c;\n        }<\/p>\n<p>        .form-textarea {\n            resize: vertical;\n            min-height: 120px;\n        }<\/p>\n<p>        \/* Department Cards *\/\n        .departments-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 1.5rem;\n            margin: 2rem 0;\n        }<\/p>\n<p>        .department-card {\n            background: white;\n            padding: 1.5rem;\n            border-radius: 10px;\n            box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n            text-align: center;\n            border-top: 5px solid #06505c;\n        }<\/p>\n<p>        .department-card h3 {\n            color: #06505c;\n            font-size: 1.2rem;\n            margin-bottom: 0.5rem;\n        }<\/p>\n<p>        .department-card p {\n            color: #555;\n            font-size: 0.95rem;\n            margin-bottom: 0.5rem;\n        }<\/p>\n<p>        .department-card a {\n            color: #06505c;\n            font-weight: 600;\n            text-decoration: none;\n        }<\/p>\n<p>        .department-card a:hover {\n            color: #078199;\n        }<\/p>\n<p>        \/* Button *\/\n        .btn {\n            padding: 1rem 2rem;\n            text-decoration: none;\n            border-radius: 5px;\n            font-weight: 600;\n            transition: all 0.3s;\n            display: inline-block;\n            background: #cbb777;\n            color: #06505c;\n            border: none;\n            cursor: pointer;\n            font-size: 1rem;\n        }<\/p>\n<p>        .btn:hover {\n            background: #b8a566;\n            transform: translateY(-2px);\n        }<\/p>\n<p>        .btn-large {\n            padding: 1.25rem 2.5rem;\n            font-size: 1.1rem;\n        }<\/p>\n<p>        \/* CTA Section *\/\n        .cta-section {\n            background: linear-gradient(135deg, #06505c 0%, #078199 100%);\n            color: white;\n            padding: 2.5rem 2rem;\n            text-align: center;\n        }<\/p>\n<p>        .cta-section h2 {\n            color: white;\n            font-size: 2rem;\n            margin-bottom: 1rem;\n        }<\/p>\n<p>        .cta-section p {\n            font-size: 1.1rem;\n            margin-bottom: 1.5rem;\n            max-width: 800px;\n            margin-left: auto;\n            margin-right: auto;\n        }<\/p>\n<p>        \/* Footer *\/\n        .footer {\n            background: #06505c;\n            color: white;\n            padding: 3rem 2rem 1rem;\n            font-size: 1.1rem;\n        }<\/p>\n<p>        .footer-content {\n            max-width: 1200px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 2rem;\n            margin-bottom: 2rem;\n        }<\/p>\n<p>        .footer-section h3 {\n            color: #cbb777;\n            margin-bottom: 1rem;\n            font-size: 1.3rem;\n        }<\/p>\n<p>        .footer-section ul {\n            list-style: none;\n        }<\/p>\n<p>        .footer-section ul li {\n            margin-bottom: 0.5rem;\n        }<\/p>\n<p>        .footer-section a {\n            color: #ccc;\n            text-decoration: none;\n            transition: color 0.3s;\n        }<\/p>\n<p>        .footer-section a:hover {\n            color: #cbb777;\n        }<\/p>\n<p>        .newsletter-signup input {\n            padding: 0.75rem;\n            border: none;\n            border-radius: 5px;\n            width: 100%;\n            margin-bottom: 0.5rem;\n        }<\/p>\n<p>        .newsletter-signup button {\n            padding: 0.75rem 1.5rem;\n            background: #cbb777;\n            color: #06505c;\n            border: none;\n            border-radius: 5px;\n            cursor: pointer;\n            font-weight: 600;\n            transition: background 0.3s;\n        }<\/p>\n<p>        .newsletter-signup button:hover {\n            background: #b8a566;\n        }<\/p>\n<p>        .social-links {\n            display: flex;\n            gap: 1rem;\n            margin-top: 1rem;\n        }<\/p>\n<p>        .social-links a {\n            display: inline-block;\n            width: 55px;\n            height: 55px;\n            background: #cbb777;\n            border-radius: 50%;\n            text-align: center;\n            line-height: 55px;\n            transition: background 0.3s;\n            color: #06505c;\n            font-weight: bold;\n            font-size: 1.3rem;\n        }<\/p>\n<p>        .social-links a:hover {\n            background: #b8a566;\n        }<\/p>\n<p>        .footer-bottom {\n            text-align: center;\n            padding-top: 2rem;\n            border-top: 1px solid rgba(255, 255, 255, 0.2);\n            color: #ccc;\n        }<\/p>\n<p>        \/* ===== MOBILE RESPONSIVE ===== *\/\n        @media (max-width: 992px) {\n            .departments-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }<\/p>\n<p>        @media (max-width: 768px) {\n            \/* Hero *\/\n            .hero {\n                padding: 2rem 1rem;\n            }\n            .hero h1 {\n                font-size: 1.75rem;\n                margin-bottom: 0.5rem;\n            }\n            .hero p {\n                font-size: 1rem;\n            }<\/p>\n<p>            \/* Containers *\/\n            .container {\n                padding: 1.5rem 1rem;\n            }\n            .wide-container {\n                padding: 1.5rem 1rem;\n            }<\/p>\n<p>            \/* Sections *\/\n            .section {\n                padding: 1.5rem 1rem;\n            }<\/p>\n<p>            \/* Section Title *\/\n            .section-title {\n                font-size: 1.6rem;\n                margin-bottom: 1rem;\n            }<\/p>\n<p>            \/* Contact Grid *\/\n            .contact-grid {\n                grid-template-columns: 1fr;\n                gap: 1.5rem;\n                margin: 1.5rem 0;\n            }<\/p>\n<p>            \/* Contact Info *\/\n            .contact-info {\n                gap: 1rem;\n            }\n            .info-card {\n                padding: 1.25rem;\n                border-left-width: 5px;\n            }\n            .info-card h3 {\n                font-size: 1.15rem;\n                margin-bottom: 0.5rem;\n            }\n            .info-card p {\n                font-size: 0.95rem;\n            }<\/p>\n<p>            \/* Contact Form *\/\n            .contact-form-container {\n                padding: 1.5rem;\n                border-top-width: 4px;\n            }\n            .contact-form-container h3 {\n                font-size: 1.3rem;\n                margin-bottom: 1rem;\n            }\n            .form-group {\n                margin-bottom: 1rem;\n            }\n            .form-label {\n                font-size: 0.9rem;\n                margin-bottom: 0.3rem;\n            }\n            .form-input,\n            .form-textarea,\n            .form-select {\n                padding: 0.75rem;\n                font-size: 0.95rem;\n            }\n            .form-textarea {\n                min-height: 100px;\n            }<\/p>\n<p>            \/* Department Cards *\/\n            .departments-grid {\n                grid-template-columns: 1fr;\n                gap: 1rem;\n            }\n            .department-card {\n                padding: 1.25rem;\n                border-top-width: 4px;\n            }\n            .department-card h3 {\n                font-size: 1.1rem;\n            }\n            .department-card p {\n                font-size: 0.9rem;\n            }<\/p>\n<p>            \/* CTA Section *\/\n            .cta-section {\n                padding: 2rem 1rem;\n            }\n            .cta-section h2 {\n                font-size: 1.5rem;\n                margin-bottom: 0.75rem;\n            }\n            .cta-section p {\n                font-size: 1rem;\n                margin-bottom: 1.25rem;\n            }<\/p>\n<p>            \/* Buttons *\/\n            .btn {\n                padding: 0.75rem 1.5rem;\n                font-size: 0.95rem;\n            }\n            .btn-large {\n                padding: 1rem 2rem;\n                font-size: 1rem;\n            }<\/p>\n<p>            \/* Footer *\/\n            .footer {\n                padding: 1.5rem 1rem 1rem;\n                font-size: 1rem;\n            }\n            .footer-content {\n                gap: 1.5rem;\n                margin-bottom: 1.5rem;\n            }\n            .footer-section h3 {\n                font-size: 1.1rem;\n                margin-bottom: 0.75rem;\n            }\n            .social-links a {\n                width: 45px;\n                height: 45px;\n                line-height: 45px;\n                font-size: 1.1rem;\n            }\n            .footer-bottom {\n                padding-top: 1.5rem;\n            }\n        }<\/p>\n<p>        \/* Extra small phones *\/\n        @media (max-width: 380px) {\n            .hero h1 {\n                font-size: 1.5rem;\n            }\n            .hero p {\n                font-size: 0.9rem;\n            }\n            .section-title {\n                font-size: 1.4rem;\n            }\n            .info-card h3 {\n                font-size: 1.1rem;\n            }\n            .contact-form-container h3 {\n                font-size: 1.2rem;\n            }\n            .cta-section h2 {\n                font-size: 1.35rem;\n            }\n        }\n    <\/style>\n<p><\/head><br \/>\n<body><br \/>\n    <!-- Hero Section --><\/p>\n<section class=\"hero\">\n<h1>Cont\u00e1ctenos<\/h1>\n<p>Estamos aqu\u00ed para ayudar. Cont\u00e1ctanos para saber m\u00e1s sobre nuestros programas y servicios.<\/p>\n<\/section>\n<p>    <!-- Contact Section --><\/p>\n<section class=\"section section-gray\">\n<div class=\"wide-container\">\n<div class=\"contact-grid\">\n                <!-- Contact Info --><\/p>\n<div class=\"contact-info\">\n<div class=\"info-card\">\n<h3>Consultas generales<\/h3>\n<p><strong>Tel\u00e9fono:<\/strong> <a href=\"tel:2409122220\">(240) 912-2220<\/a><\/p>\n<p><strong>Correo electr\u00f3nico:<\/strong> <a href=\"mailto:csaac@csaac.org\">csaac@csaac.org<\/a><\/p>\n<\/p><\/div>\n<div class=\"info-card\">\n<h3>Horario de atenci\u00f3n<\/h3>\n<p><strong>Lunes \u2013 Viernes:<\/strong> 9:00 AM &#8211; 5:00 PM<br \/>\n                        <strong>S\u00e1bado \u2013 Domingo:<\/strong> Cerrada<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Contact Form --><\/p>\n<div class=\"contact-form-container\">\n<h3>Env\u00edanos un mensaje<\/h3>\n<form action=\"https:\/\/formspree.io\/f\/mrbnrlqg\" method=\"POST\">\n                        <input type=\"hidden\" name=\"_subject\" value=\"New Contact Form Submission - CSAAC\"><\/p>\n<div class=\"form-group\">\n                            <label class=\"form-label\" for=\"name\">Nombre completo<\/label><br \/>\n                            <input type=\"text\" id=\"name\" name=\"name\" class=\"form-input\" placeholder=\"Ingresa tu nombre completo\" required>\n                        <\/div>\n<div class=\"form-group\">\n                            <label class=\"form-label\" for=\"email\">Correo electr\u00f3nico<\/label><br \/>\n                            <input type=\"email\" id=\"email\" name=\"email\" class=\"form-input\" placeholder=\"Introduzca su correo electr\u00f3nico\" required>\n                        <\/div>\n<div class=\"form-group\">\n                            <label class=\"form-label\" for=\"phone\">N\u00famero de tel\u00e9fono<\/label><br \/>\n                            <input type=\"tel\" id=\"phone\" name=\"phone\" class=\"form-input\" placeholder=\"Ingresa tu n\u00famero de tel\u00e9fono\">\n                        <\/div>\n<div class=\"form-group\">\n                            <label class=\"form-label\" for=\"subject\">Asunto<\/label><br \/>\n                            <select id=\"subject\" name=\"subject\" class=\"form-select\" required><option value=\"\">Select a subject<\/option><option value=\"General Inquiry\">General Inquiry<\/option><option value=\"Admissions\">Admisiones<\/option><option value=\"Donations\">Donations<\/option><option value=\"Volunteering\">Volunteering<\/option><option value=\"Careers\">Carreras<\/option><option value=\"CSAAC Damascus Farm\">CSAAC Damascus Farm<\/option><option value=\"Empower Vending\">Empower Vending<\/option><option value=\"Media\/Press\">Media\/Press<\/option><option value=\"Other\">Other<\/option><\/select>\n                        <\/div>\n<div class=\"form-group\">\n                            <label class=\"form-label\" for=\"referral\">\u00bfC\u00f3mo supiste de CSAAC?<\/label><br \/>\n                            <select id=\"referral\" name=\"referral\" class=\"form-select\"><option value=\"\">Select an option<\/option><option value=\"Search Engine (Google, Bing, etc.)\">Search Engine (Google, Bing, etc.)<\/option><option value=\"Social Media\">Social Media<\/option><option value=\"Friend or Family Member\">Friend or Family Member<\/option><option value=\"Healthcare Provider\">Healthcare Provider<\/option><option value=\"School or Educational Organization\">School or Educational Organization<\/option><option value=\"Community Event\">Community Event<\/option><option value=\"News or Media\">News or Media<\/option><option value=\"Another Organization\">Another Organization<\/option><option value=\"Other\">Other<\/option><\/select>\n                        <\/div>\n<div class=\"form-group\">\n                            <label class=\"form-label\" for=\"message\">Mensaje<\/label><br \/>\n                            <textarea id=\"message\" name=\"message\" class=\"form-textarea\" placeholder=\"\u00bfC\u00f3mo podemos ayudarte?\" required><\/textarea>\n                        <\/div>\n<div class=\"form-group\" style=\"text-align: center;\">\n                            <button type=\"submit\" class=\"btn btn-large\">Enviar mensaje<\/button>\n                        <\/div>\n<\/p><\/form>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- CTA Section --><\/p>\n<section class=\"cta-section\">\n<div class=\"container\">\n<h2>\u00bfEst\u00e1 Listo para Obtener M\u00e1s Informaci\u00f3n?<\/h2>\n<p>Ya sea que est\u00e9s interesado en nuestros programas, quieras apoyar nuestra misi\u00f3n o est\u00e9s buscando oportunidades de carrera, nos encantar\u00eda saber de ti.<\/p>\n<p>            <a href=\"tel:2409122220\" class=\"btn btn-large\"><strong>Ll\u00e1manos: (240) 912-2220<\/strong><\/a>\n        <\/div>\n<\/section>\n<\/section>\n<p><!-- Footer --><\/p>\n<footer id=\"contact\" class=\"footer\">\n<div class=\"footer-content\">\n<div class=\"footer-section\">\n<h3>Enlaces R\u00e1pidos<\/h3>\n<ul>\n<li><a href=\"https:\/\/csaac.org\/es\/about-csaac-2\/\">Sobre Nosotros<\/a><\/li>\n<li><a href=\"https:\/\/csaac.org\/es\/volunteer-at-csaac\/\">\u00danase a Nuestra Misi\u00f3n<\/a><\/li>\n<li><a href=\"https:\/\/csaac.org\/es\/careers-at-csaac\/\">Carreras<\/a><\/li>\n<li><a href=\"https:\/\/csaac.org\/es\/contact-csaac\/\">Cont\u00e1ctenos<\/a><\/li>\n<\/ul>\n<\/div>\n<div class=\"footer-section\">\n<h3>Cont\u00e1ctenos<\/h3>\n<p>CSAAC<br \/>\n<br \/>Tel\u00e9fono: <a href=\"tel:+12409122220\">(240) 912-2220<\/a><br \/>\n<br \/>Correo electr\u00f3nico: <a href=\"mailto:csaac@csaac.org\">csaac@csaac.org<\/a>\n<\/div>\n<div class=\"footer-section\">\n<h3>Suscr\u00edbase a Nuestro Bolet\u00edn Informativo<\/h3>\n<form class=\"newsletter-signup\" action=\"https:\/\/formspree.io\/f\/xvgeqaql\" method=\"POST\"><input name=\"_subject\" type=\"hidden\" value=\"New Newsletter Signup - CSAAC\" \/><br \/>\n<input name=\"email\" required=\"\" type=\"email\" placeholder=\"Introduzca su correo electr\u00f3nico\" \/><br \/>\n<button type=\"submit\">Suscribirse<\/button><\/form>\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n<div class=\"social-links\">\n    <a href=\"https:\/\/www.facebook.com\/share\/1ASK295psM\/?mibextid=wwXIfr\" aria-label=\"Facebook\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-facebook-f\"><\/i><\/a><br \/>\n    <a href=\"https:\/\/www.instagram.com\/csaac_org?igsh=dHgzcnFocThzejJq&#038;utm_source=qr\" aria-label=\"Instagram\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-instagram\"><\/i><\/a><br \/>\n    <a href=\"https:\/\/www.linkedin.com\/company\/csaac\/\" aria-label=\"LinkedIn\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\n<\/div>\n<\/div>\n<div class=\"footer-bottom\">\n<p>\u00a9 2026 CSAAC. Todos los derechos reservados.<\/p>\n<\/div>\n<\/footer>","protected":false},"excerpt":{"rendered":"<p>Contact Us &#8211; CSAAC Contact Us We&#8217;re here to help. Reach out to learn more about our programs and services. General Inquiries Phone: (240) 912-2220 Email: csaac@csaac.org Office Hours Monday &#8211; Friday: 9:00 AM &#8211; 5:00 PM Saturday &#8211; Sunday: Closed Send Us a Message Full Name Email Address Phone Number Subject Select a subjectGeneral [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1993","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/csaac.org\/es\/wp-json\/wp\/v2\/pages\/1993","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/csaac.org\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/csaac.org\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/csaac.org\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/csaac.org\/es\/wp-json\/wp\/v2\/comments?post=1993"}],"version-history":[{"count":9,"href":"https:\/\/csaac.org\/es\/wp-json\/wp\/v2\/pages\/1993\/revisions"}],"predecessor-version":[{"id":4197,"href":"https:\/\/csaac.org\/es\/wp-json\/wp\/v2\/pages\/1993\/revisions\/4197"}],"wp:attachment":[{"href":"https:\/\/csaac.org\/es\/wp-json\/wp\/v2\/media?parent=1993"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}