{"id":426,"date":"2026-08-16T12:22:34","date_gmt":"2026-08-16T18:22:34","guid":{"rendered":"https:\/\/solutecsa.com.gt\/?page_id=426"},"modified":"2026-08-17T20:10:24","modified_gmt":"2026-08-18T02:10:24","slug":"contacto","status":"publish","type":"page","link":"https:\/\/solutecsa.com.gt\/?page_id=426","title":{"rendered":"contacto"},"content":{"rendered":"\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-f56f613f wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n\/* =========================================================\n   SOLUTECSA - CONTACTO\n   ========================================================= *\/\n\n.stc-contacto,\n.stc-contacto * {\n    box-sizing: border-box;\n}\n\n.stc-contacto {\n    width: 100%;\n    margin: 0;\n    padding: 70px 25px;\n\n    background: #000000;\n\n    color: #ffffff;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n}\n\n.stc-contacto-container {\n    width: 100%;\n    max-width: 1250px;\n\n    margin: 0 auto;\n\n    display: grid;\n\n    grid-template-columns:\n        0.85fr 1.15fr;\n\n    gap: 55px;\n\n    align-items: start;\n}\n\n\n\/* =========================================================\n   INFORMACI\u00d3N IZQUIERDA\n   ========================================================= *\/\n\n.stc-contacto-info {\n    padding-top: 15px;\n}\n\n.stc-contacto-label {\n    margin-bottom: 12px;\n\n    color: #1683ff;\n\n    font-size: 13px;\n    font-weight: 800;\n\n    letter-spacing: 1.4px;\n\n    text-transform: uppercase;\n}\n\n.stc-contacto-title {\n    margin: 0;\n\n    color: #ffffff;\n\n    font-size: clamp(36px, 4vw, 52px);\n    font-weight: 800;\n\n    line-height: 1.1;\n}\n\n.stc-contacto-title span {\n    color: #1683ff;\n}\n\n.stc-contacto-title::after {\n    content: \"\";\n\n    display: block;\n\n    width: 58px;\n    height: 4px;\n\n    margin-top: 18px;\n\n    background: #1683ff;\n\n    border-radius: 20px;\n}\n\n.stc-contacto-description {\n    max-width: 500px;\n\n    margin: 25px 0 35px;\n\n    color: #b9c4d1;\n\n    font-size: 16px;\n    line-height: 1.75;\n}\n\n\n\/* =========================================================\n   DATOS DE CONTACTO\n   ========================================================= *\/\n\n.stc-contacto-data {\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 18px;\n}\n\n.stc-contacto-item {\n    display: flex;\n\n    align-items: flex-start;\n\n    gap: 15px;\n}\n\n.stc-contacto-icon {\n    width: 46px;\n    height: 46px;\n\n    min-width: 46px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 10px;\n\n    background:\n        rgba(22,131,255,0.10);\n\n    border:\n        1px solid rgba(22,131,255,0.28);\n\n    color: #1683ff;\n}\n\n.stc-contacto-icon svg {\n    width: 23px;\n    height: 23px;\n\n    fill: none;\n\n    stroke: currentColor;\n\n    stroke-width: 1.8;\n\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.stc-contacto-item strong {\n    display: block;\n\n    margin-bottom: 4px;\n\n    color: #ffffff;\n\n    font-size: 14px;\n}\n\n.stc-contacto-item p,\n.stc-contacto-item a {\n    margin: 0;\n\n    color: #aeb9c8;\n\n    font-size: 14px;\n    line-height: 1.55;\n\n    text-decoration: none;\n}\n\n.stc-contacto-item a:hover {\n    color: #1683ff;\n}\n\n\n\/* =========================================================\n   FORMULARIO\n   ========================================================= *\/\n\n.stc-contacto-form-card {\n    position: relative;\n\n    padding: 38px;\n\n    background:\n        linear-gradient(\n            145deg,\n            #081322,\n            #050a12\n        );\n\n    border:\n        1px solid rgba(22,131,255,0.25);\n\n    border-radius: 18px;\n\n    box-shadow:\n        0 20px 55px rgba(0,0,0,0.40);\n}\n\n.stc-contacto-form-card h2 {\n    margin: 0 0 8px;\n\n    color: #ffffff;\n\n    font-size: 26px;\n    font-weight: 800;\n}\n\n.stc-contacto-form-card > p {\n    margin: 0 0 28px;\n\n    color: #aeb9c8;\n\n    font-size: 14px;\n    line-height: 1.6;\n}\n\n\n\/* GRID *\/\n\n.stc-form-grid {\n    display: grid;\n\n    grid-template-columns:\n        repeat(2, minmax(0,1fr));\n\n    gap: 18px;\n}\n\n.stc-form-group {\n    min-width: 0;\n}\n\n.stc-form-group.full {\n    grid-column: 1 \/ -1;\n}\n\n.stc-form-group label {\n    display: block;\n\n    margin-bottom: 7px;\n\n    color: #dbe5f1;\n\n    font-size: 13px;\n    font-weight: 700;\n}\n\n.stc-required {\n    color: #1683ff;\n}\n\n\n\/* INPUT *\/\n\n.stc-form-group input,\n.stc-form-group select,\n.stc-form-group textarea {\n    width: 100%;\n\n    padding: 13px 14px;\n\n    color: #ffffff;\n\n    background: #050b13;\n\n    border:\n        1px solid rgba(255,255,255,0.15);\n\n    border-radius: 8px;\n\n    outline: none;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 14px;\n\n    transition:\n        border-color 0.25s ease,\n        box-shadow 0.25s ease;\n}\n\n.stc-form-group select option {\n    background: #050b13;\n\n    color: #ffffff;\n}\n\n.stc-form-group textarea {\n    min-height: 145px;\n\n    resize: vertical;\n}\n\n.stc-form-group input:focus,\n.stc-form-group select:focus,\n.stc-form-group textarea:focus {\n    border-color: #1683ff;\n\n    box-shadow:\n        0 0 0 3px rgba(22,131,255,0.12);\n}\n\n.stc-form-group input::placeholder,\n.stc-form-group textarea::placeholder {\n    color: #778496;\n}\n\n\n\/* =========================================================\n   CAPTCHA\n   ========================================================= *\/\n\n.stc-captcha {\n    margin-top: 5px;\n\n    padding: 17px;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 15px;\n\n    background:\n        rgba(22,131,255,0.06);\n\n    border:\n        1px solid rgba(22,131,255,0.20);\n\n    border-radius: 10px;\n}\n\n.stc-captcha-question {\n    min-width: 115px;\n\n    color: #ffffff;\n\n    font-size: 15px;\n    font-weight: 700;\n}\n\n.stc-captcha input {\n    max-width: 130px;\n}\n\n\n\/* =========================================================\n   PRIVACIDAD\n   ========================================================= *\/\n\n.stc-privacy {\n    margin-top: 18px;\n\n    display: flex;\n\n    align-items: flex-start;\n\n    gap: 10px;\n}\n\n.stc-privacy input {\n    width: 17px;\n    height: 17px;\n\n    margin-top: 2px;\n}\n\n.stc-privacy label {\n    color: #909dac;\n\n    font-size: 12px;\n    line-height: 1.5;\n}\n\n\n\/* =========================================================\n   BOT\u00d3N\n   ========================================================= *\/\n\n.stc-submit-row {\n    margin-top: 22px;\n}\n\n.stc-submit {\n    width: 100%;\n\n    padding: 15px 25px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    gap: 10px;\n\n    background: #1683ff;\n\n    border: none;\n\n    border-radius: 8px;\n\n    color: #ffffff;\n\n    cursor: pointer;\n\n    font-size: 15px;\n    font-weight: 800;\n\n    transition:\n        background 0.25s ease,\n        transform 0.25s ease,\n        opacity 0.25s ease;\n}\n\n.stc-submit:hover {\n    background: #2d91ff;\n\n    transform: translateY(-2px);\n}\n\n.stc-submit:disabled {\n    cursor: wait;\n\n    opacity: 0.65;\n\n    transform: none;\n}\n\n\n\/* =========================================================\n   MENSAJES\n   ========================================================= *\/\n\n.stc-form-message {\n    display: none;\n\n    margin-top: 20px;\n\n    padding: 16px 18px;\n\n    border-radius: 9px;\n\n    font-size: 14px;\n    line-height: 1.55;\n}\n\n.stc-form-message.success {\n    display: block;\n\n    color: #d9ffea;\n\n    background:\n        rgba(22,163,74,0.14);\n\n    border:\n        1px solid rgba(34,197,94,0.40);\n}\n\n.stc-form-message.error {\n    display: block;\n\n    color: #ffdada;\n\n    background:\n        rgba(220,38,38,0.12);\n\n    border:\n        1px solid rgba(239,68,68,0.40);\n}\n\n\n\/* HONEYPOT *\/\n\n.stc-hp {\n    position: absolute !important;\n\n    left: -99999px !important;\n\n    width: 1px !important;\n    height: 1px !important;\n\n    overflow: hidden !important;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media screen and (max-width: 950px) {\n\n    .stc-contacto-container {\n        grid-template-columns: 1fr;\n\n        gap: 45px;\n    }\n\n}\n\n\n\/* =========================================================\n   CELULAR\n   ========================================================= *\/\n\n@media screen and (max-width: 650px) {\n\n    .stc-contacto {\n        padding:\n            50px 16px;\n    }\n\n    .stc-contacto-title {\n        font-size: 34px;\n    }\n\n    .stc-contacto-form-card {\n        padding: 25px 18px;\n    }\n\n    .stc-form-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .stc-form-group.full {\n        grid-column: auto;\n    }\n\n    .stc-captcha {\n        align-items: flex-start;\n\n        flex-direction: column;\n    }\n\n    .stc-captcha input {\n        max-width: 100%;\n    }\n\n}\n<\/style>\n\n\n<section class=\"stc-contacto\">\n\n<div class=\"stc-contacto-container\">\n\n\n    <!-- =====================================================\n         INFORMACI\u00d3N\n         ===================================================== -->\n\n    <div class=\"stc-contacto-info\">\n\n        <div class=\"stc-contacto-label\">\n            Contacto\n        <\/div>\n\n        <h1 class=\"stc-contacto-title\">\n            Hablemos sobre tu\n            <span>pr\u00f3ximo proyecto<\/span>\n        <\/h1>\n\n        <p class=\"stc-contacto-description\">\n            Nuestro equipo est\u00e1 disponible para conocer tus necesidades,\n            asesorarte y ayudarte a desarrollar una soluci\u00f3n tecnol\u00f3gica\n            integral para tu organizaci\u00f3n.\n        <\/p>\n\n\n        <div class=\"stc-contacto-data\">\n\n\n            <!-- TEL\u00c9FONO -->\n\n            <div class=\"stc-contacto-item\">\n\n                <div class=\"stc-contacto-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n\n                        <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2\n                        19.79 19.79 0 0 1-8.63-3.07\n                        19.5 19.5 0 0 1-6-6\n                        19.79 19.79 0 0 1-3.07-8.67\n                        A2 2 0 0 1 3.89 2h3\n                        a2 2 0 0 1 2 1.72\"><\/path>\n\n                    <\/svg>\n\n                <\/div>\n\n                <div>\n\n                    <strong>\n                        Tel\u00e9fono\n                    <\/strong>\n\n                    <a href=\"tel:+50230672709\">\n                        (502) 3067-2709\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- EMAIL -->\n\n            <div class=\"stc-contacto-item\">\n\n                <div class=\"stc-contacto-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n\n                        <rect\n                            x=\"3\"\n                            y=\"5\"\n                            width=\"18\"\n                            height=\"14\"\n                            rx=\"2\">\n                        <\/rect>\n\n                        <path d=\"M3 7l9 6 9-6\"><\/path>\n\n                    <\/svg>\n\n                <\/div>\n\n                <div>\n\n                    <strong>\n                        Correo electr\u00f3nico\n                    <\/strong>\n\n                    <a href=\"mailto:info@solutecsa.com.gt\">\n                        info@solutecsa.com.gt\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- DIRECCI\u00d3N -->\n\n            <div class=\"stc-contacto-item\">\n\n                <div class=\"stc-contacto-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n\n                        <path d=\"M12 21s7-6.1 7-12a7 7 0 10-14 0c0 5.9 7 12 7 12z\"><\/path>\n\n                        <circle\n                            cx=\"12\"\n                            cy=\"9\"\n                            r=\"2.5\">\n                        <\/circle>\n\n                    <\/svg>\n\n                <\/div>\n\n                <div>\n\n                    <strong>\n                        Ubicaci\u00f3n\n                    <\/strong>\n\n                    <p>\n                        Km 13.5 carretera antigua a El Salvador,\n                        Villa Violeta, Puerta Parada,\n                        Santa Catarina Pinula,\n                        Guatemala, 01051.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         FORMULARIO\n         ===================================================== -->\n\n    <div class=\"stc-contacto-form-card\">\n\n        <h2>\n            Solicita informaci\u00f3n\n        <\/h2>\n\n        <p>\n            Completa el formulario y uno de nuestros asesores\n            se pondr\u00e1 en contacto contigo.\n        <\/p>\n\n\n        <form\n            id=\"stcContactoForm\"\n            autocomplete=\"on\"\n        >\n\n            <input\n                type=\"hidden\"\n                name=\"action\"\n                value=\"solutecsa_enviar_contacto\"\n            >\n\n            <input\n                type=\"hidden\"\n                name=\"nonce\"\n                value=\"aafc6263f4\"\n            >\n\n            <input\n                type=\"hidden\"\n                name=\"captcha_num1\"\n                value=\"4\"\n            >\n\n            <input\n                type=\"hidden\"\n                name=\"captcha_num2\"\n                value=\"8\"\n            >\n\n            <input\n                type=\"hidden\"\n                name=\"captcha_token\"\n                value=\"60ddc500b594e16facdae13611d59ac28e17748654cedfcd9e6b706d2756fbb7\"\n            >\n\n\n            <!-- HONEYPOT -->\n\n            <div class=\"stc-hp\">\n\n                <label>\n                    No completar\n                <\/label>\n\n                <input\n                    type=\"text\"\n                    name=\"empresa_web\"\n                    tabindex=\"-1\"\n                    autocomplete=\"off\"\n                >\n\n            <\/div>\n\n\n            <div class=\"stc-form-grid\">\n\n\n                <!-- NOMBRE -->\n\n                <div class=\"stc-form-group\">\n\n                    <label>\n                        Nombre completo\n                        <span class=\"stc-required\">*<\/span>\n                    <\/label>\n\n                    <input\n                        type=\"text\"\n                        name=\"nombre\"\n                        placeholder=\"Nombre y apellido\"\n                        required\n                    >\n\n                <\/div>\n\n\n                <!-- EMPRESA -->\n\n                <div class=\"stc-form-group\">\n\n                    <label>\n                        Empresa\n                    <\/label>\n\n                    <input\n                        type=\"text\"\n                        name=\"empresa\"\n                        placeholder=\"Nombre de la empresa\"\n                    >\n\n                <\/div>\n\n\n                <!-- EMAIL -->\n\n                <div class=\"stc-form-group\">\n\n                    <label>\n                        Correo electr\u00f3nico\n                        <span class=\"stc-required\">*<\/span>\n                    <\/label>\n\n                    <input\n                        type=\"email\"\n                        name=\"email\"\n                        placeholder=\"correo@empresa.com\"\n                        required\n                    >\n\n                <\/div>\n\n\n                <!-- TEL\u00c9FONO -->\n\n                <div class=\"stc-form-group\">\n\n                    <label>\n                        Tel\u00e9fono\n                        <span class=\"stc-required\">*<\/span>\n                    <\/label>\n\n                    <input\n                        type=\"tel\"\n                        name=\"telefono\"\n                        placeholder=\"+502 0000-0000\"\n                        required\n                    >\n\n                <\/div>\n\n\n                <!-- SERVICIO -->\n\n                <div class=\"stc-form-group full\">\n\n                    <label>\n                        \u00bfEn qu\u00e9 podemos ayudarte?\n                    <\/label>\n\n                    <select name=\"servicio\">\n\n                        <option value=\"\">\n                            Selecciona una opci\u00f3n\n                        <\/option>\n\n                        <option>\n                            Cableado estructurado\n                        <\/option>\n\n                        <option>\n                            Fibra \u00f3ptica\n                        <\/option>\n\n                        <option>\n                            Equipos activos y conectividad\n                        <\/option>\n\n                        <option>\n                            C\u00e1maras de seguridad\n                        <\/option>\n\n                        <option>\n                            UPS y respaldo energ\u00e9tico\n                        <\/option>\n\n                        <option>\n                            Electricidad\n                        <\/option>\n\n                        <option>\n                            Paneles solares\n                        <\/option>\n\n                        <option>\n                            Equipo de c\u00f3mputo\n                        <\/option>\n\n                        <option>\n                            Software empresarial\n                        <\/option>\n\n                        <option>\n                            Ciberseguridad\n                        <\/option>\n\n                        <option>\n                            Aire acondicionado\n                        <\/option>\n\n                        <option>\n                            Proyecto integral\n                        <\/option>\n\n                        <option>\n                            Otro\n                        <\/option>\n\n                    <\/select>\n\n                <\/div>\n\n\n                <!-- MENSAJE -->\n\n                <div class=\"stc-form-group full\">\n\n                    <label>\n                        Cu\u00e9ntanos sobre tu proyecto\n                        <span class=\"stc-required\">*<\/span>\n                    <\/label>\n\n                    <textarea\n                        name=\"mensaje\"\n                        placeholder=\"Describe brevemente lo que necesitas...\"\n                        required\n                    ><\/textarea>\n\n                <\/div>\n\n\n                <!-- CAPTCHA -->\n\n                <div class=\"stc-form-group full\">\n\n                    <label>\n                        Verificaci\u00f3n de seguridad\n                        <span class=\"stc-required\">*<\/span>\n                    <\/label>\n\n                    <div class=\"stc-captcha\">\n\n                        <div class=\"stc-captcha-question\">\n\n                            \u00bfCu\u00e1nto es\n\n                            <strong>\n                                4                                +\n                                8                            <\/strong>\n\n                            ?\n\n                        <\/div>\n\n                        <input\n                            type=\"number\"\n                            name=\"captcha_respuesta\"\n                            placeholder=\"Respuesta\"\n                            required\n                        >\n\n                    <\/div>\n\n                <\/div>\n\n\n            <\/div>\n\n\n            <!-- PRIVACIDAD -->\n\n            <div class=\"stc-privacy\">\n\n                <input\n                    type=\"checkbox\"\n                    id=\"stcPrivacidad\"\n                    required\n                >\n\n                <label for=\"stcPrivacidad\">\n\n                    Autorizo a SOLUTECSA a utilizar la informaci\u00f3n\n                    proporcionada para responder esta solicitud\n                    y ponerse en contacto conmigo.\n\n                <\/label>\n\n            <\/div>\n\n\n            <!-- BOT\u00d3N -->\n\n            <div class=\"stc-submit-row\">\n\n                <button\n                    type=\"submit\"\n                    class=\"stc-submit\"\n                    id=\"stcSubmitButton\"\n                >\n\n                    <span>\n                        Enviar mensaje\n                    <\/span>\n\n                    <span>\n                        \u2192\n                    <\/span>\n\n                <\/button>\n\n            <\/div>\n\n\n            <!-- MENSAJE -->\n\n            <div\n                id=\"stcFormMessage\"\n                class=\"stc-form-message\"\n            ><\/div>\n\n\n        <\/form>\n\n    <\/div>\n\n\n<\/div>\n\n<\/section>\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const form =\n        document.getElementById(\"stcContactoForm\");\n\n    const button =\n        document.getElementById(\"stcSubmitButton\");\n\n    const message =\n        document.getElementById(\"stcFormMessage\");\n\n\n    if (!form) {\n        return;\n    }\n\n\n    form.addEventListener(\n        \"submit\",\n        async function (event) {\n\n            event.preventDefault();\n\n\n            message.className =\n                \"stc-form-message\";\n\n            message.textContent = \"\";\n\n\n            button.disabled = true;\n\n            button.querySelector(\"span\").textContent =\n                \"Enviando...\";\n\n\n            const formData =\n                new FormData(form);\n\n\n            try {\n\n                const response =\n                    await fetch(\n                        \"https:\/\/solutecsa.com.gt\/wp-admin\/admin-ajax.php\",\n                        {\n                            method: \"POST\",\n                            body: formData\n                        }\n                    );\n\n\n                const result =\n                    await response.json();\n\n\n                if (result.success) {\n\n                    message.className =\n                        \"stc-form-message success\";\n\n                    message.textContent =\n                        \"Correo enviado, te contactaremos lo m\u00e1s pronto posible.\";\n\n                    form.reset();\n\n                } else {\n\n                    message.className =\n                        \"stc-form-message error\";\n\n                    message.textContent =\n                        result.data && result.data.message\n                        ? result.data.message\n                        : \"No fue posible enviar el mensaje. Por favor intenta nuevamente.\";\n\n                }\n\n            } catch (error) {\n\n                message.className =\n                    \"stc-form-message error\";\n\n                message.textContent =\n                    \"No fue posible enviar el mensaje. Por favor intenta nuevamente.\";\n\n            }\n\n\n            button.disabled = false;\n\n            button.querySelector(\"span\").textContent =\n                \"Enviar mensaje\";\n\n        }\n    );\n\n});\n<\/script>\n\n    \n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-426","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/solutecsa.com.gt\/index.php?rest_route=\/wp\/v2\/pages\/426","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/solutecsa.com.gt\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/solutecsa.com.gt\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/solutecsa.com.gt\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/solutecsa.com.gt\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=426"}],"version-history":[{"count":2,"href":"https:\/\/solutecsa.com.gt\/index.php?rest_route=\/wp\/v2\/pages\/426\/revisions"}],"predecessor-version":[{"id":496,"href":"https:\/\/solutecsa.com.gt\/index.php?rest_route=\/wp\/v2\/pages\/426\/revisions\/496"}],"wp:attachment":[{"href":"https:\/\/solutecsa.com.gt\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=426"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}