{"id":436,"date":"2026-08-16T12:38:42","date_gmt":"2026-08-16T18:38:42","guid":{"rendered":"https:\/\/solutecsa.com.gt\/?page_id=436"},"modified":"2026-08-17T20:18:23","modified_gmt":"2026-08-18T02:18:23","slug":"cotizar-proyecto","status":"publish","type":"page","link":"https:\/\/solutecsa.com.gt\/?page_id=436","title":{"rendered":"Cotizar Proyecto"},"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\/* =========================================================\n   SOLUTECSA - COTIZAR PROYECTO\n   ========================================================= *\/\n\n.stc-cotizar,\n.stc-cotizar * {\n    box-sizing: border-box;\n}\n\n.stc-cotizar {\n    width: 100%;\n    max-width: 100%;\n    margin: 0;\n    padding: 70px 25px;\n\n    overflow-x: hidden;\n\n    background: #000000;\n\n    color: #ffffff;\n\n    font-family: Arial, Helvetica, sans-serif;\n}\n\n.stc-cotizar-container {\n    width: 100%;\n    max-width: 1350px;\n\n    margin: 0 auto;\n}\n\n\n\/* =========================================================\n   ENCABEZADO\n   ========================================================= *\/\n\n.stc-cotizar-header {\n    max-width: 850px;\n\n    margin-bottom: 45px;\n}\n\n.stc-cotizar-label {\n    margin-bottom: 10px;\n\n    color: #1683ff;\n\n    font-size: 12px;\n    font-weight: 800;\n\n    letter-spacing: 1.5px;\n\n    text-transform: uppercase;\n}\n\n.stc-cotizar-title {\n    margin: 0;\n\n    color: #ffffff;\n\n    font-size: clamp(38px, 4vw, 58px);\n    font-weight: 800;\n\n    line-height: 1.1;\n}\n\n.stc-cotizar-title span {\n    color: #1683ff;\n}\n\n.stc-cotizar-title::after {\n    content: \"\";\n\n    display: block;\n\n    width: 60px;\n    height: 4px;\n\n    margin-top: 17px;\n\n    background: #1683ff;\n\n    border-radius: 20px;\n}\n\n.stc-cotizar-description {\n    max-width: 780px;\n\n    margin: 22px 0 0;\n\n    color: #b9c4d1;\n\n    font-size: 16px;\n    line-height: 1.75;\n}\n\n\n\/* =========================================================\n   DISTRIBUCI\u00d3N\n   ========================================================= *\/\n\n.stc-cotizar-layout {\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 1.55fr)\n        minmax(300px, 0.75fr);\n\n    gap: 30px;\n\n    align-items: start;\n}\n\n\n\/* =========================================================\n   FORMULARIO\n   ========================================================= *\/\n\n.stc-cotizar-form {\n    padding: 38px;\n\n    background:\n        linear-gradient(\n            145deg,\n            #081322,\n            #04080f\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 50px rgba(0,0,0,0.35);\n}\n\n\n\/* =========================================================\n   T\u00cdTULOS INTERNOS\n   ========================================================= *\/\n\n.stc-form-section {\n    margin-bottom: 36px;\n}\n\n.stc-form-section:last-of-type {\n    margin-bottom: 0;\n}\n\n.stc-form-section-title {\n    display: flex;\n\n    align-items: center;\n\n    gap: 12px;\n\n    margin-bottom: 20px;\n\n    padding-bottom: 12px;\n\n    border-bottom:\n        1px solid rgba(255,255,255,0.10);\n}\n\n.stc-form-section-number {\n    width: 32px;\n    height: 32px;\n\n    min-width: 32px;\n\n    border-radius: 50%;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    background: #1683ff;\n\n    color: #ffffff;\n\n    font-size: 12px;\n    font-weight: 800;\n}\n\n.stc-form-section-title h2 {\n    margin: 0;\n\n    color: #ffffff;\n\n    font-size: 18px;\n    font-weight: 800;\n}\n\n\n\/* =========================================================\n   GRID FORMULARIO\n   ========================================================= *\/\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\/* =========================================================\n   INPUTS\n   ========================================================= *\/\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: #02060c;\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: inherit;\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 textarea {\n    min-height: 155px;\n\n    resize: vertical;\n}\n\n.stc-form-group select option {\n    background: #07111f;\n\n    color: #ffffff;\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: #697687;\n}\n\n\n\/* =========================================================\n   CHECKBOX SERVICIOS\n   ========================================================= *\/\n\n.stc-services-grid {\n    display: grid;\n\n    grid-template-columns:\n        repeat(2, minmax(0,1fr));\n\n    gap: 10px;\n}\n\n.stc-service-check {\n    position: relative;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 10px;\n\n    padding: 13px;\n\n    cursor: pointer;\n\n    border:\n        1px solid rgba(255,255,255,0.12);\n\n    border-radius: 8px;\n\n    background: rgba(255,255,255,0.025);\n\n    transition: all 0.25s ease;\n}\n\n.stc-service-check:hover {\n    border-color:\n        rgba(22,131,255,0.55);\n\n    background:\n        rgba(22,131,255,0.06);\n}\n\n.stc-service-check input {\n    width: 17px;\n    height: 17px;\n\n    accent-color: #1683ff;\n}\n\n.stc-service-check span {\n    color: #d4dce7;\n\n    font-size: 13px;\n    line-height: 1.4;\n}\n\n\n\/* =========================================================\n   CAPTCHA\n   ========================================================= *\/\n\n.stc-captcha {\n    display: flex;\n\n    align-items: center;\n\n    gap: 15px;\n\n    padding: 16px;\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: 9px;\n}\n\n.stc-captcha-text {\n    min-width: 150px;\n\n    color: #ffffff;\n\n    font-size: 14px;\n    font-weight: 700;\n}\n\n.stc-captcha input {\n    max-width: 150px;\n}\n\n\n\/* =========================================================\n   PRIVACIDAD\n   ========================================================= *\/\n\n.stc-privacy {\n    display: flex;\n\n    align-items: flex-start;\n\n    gap: 10px;\n\n    margin-top: 18px;\n}\n\n.stc-privacy input {\n    width: 17px;\n    height: 17px;\n\n    margin-top: 2px;\n\n    accent-color: #1683ff;\n}\n\n.stc-privacy label {\n    color: #919dad;\n\n    font-size: 12px;\n    line-height: 1.55;\n}\n\n\n\/* =========================================================\n   BOT\u00d3N\n   ========================================================= *\/\n\n.stc-submit {\n    width: 100%;\n\n    margin-top: 22px;\n\n    padding: 16px 25px;\n\n    border: none;\n\n    border-radius: 8px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    gap: 10px;\n\n    cursor: pointer;\n\n    background: #1683ff;\n\n    color: #ffffff;\n\n    font-size: 15px;\n    font-weight: 800;\n\n    transition:\n        background 0.25s ease,\n        transform 0.25s ease;\n}\n\n.stc-submit:hover {\n    background: #2b8eff;\n\n    transform: translateY(-2px);\n}\n\n.stc-submit:disabled {\n    cursor: wait;\n\n    opacity: 0.60;\n\n    transform: none;\n}\n\n\n\/* =========================================================\n   MENSAJE\n   ========================================================= *\/\n\n.stc-cotizar-message {\n    display: none;\n\n    margin-top: 20px;\n\n    padding: 17px;\n\n    border-radius: 9px;\n\n    font-size: 14px;\n    line-height: 1.55;\n}\n\n.stc-cotizar-message.success {\n    display: block;\n\n    color: #d8ffea;\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-cotizar-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\/* =========================================================\n   PANEL DERECHO\n   ========================================================= *\/\n\n.stc-side {\n    position: sticky;\n\n    top: 30px;\n}\n\n.stc-side-card {\n    padding: 30px;\n\n    background:\n        linear-gradient(\n            145deg,\n            #07172d,\n            #050b14\n        );\n\n    border:\n        1px solid rgba(22,131,255,0.27);\n\n    border-radius: 16px;\n}\n\n.stc-side-card h2 {\n    margin: 0 0 7px;\n\n    color: #ffffff;\n\n    font-size: 22px;\n    font-weight: 800;\n}\n\n.stc-side-card > p {\n    margin: 0 0 28px;\n\n    color: #aeb9c8;\n\n    font-size: 13px;\n    line-height: 1.6;\n}\n\n\n\/* PASOS *\/\n\n.stc-side-steps {\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 0;\n}\n\n.stc-side-step {\n    display: grid;\n\n    grid-template-columns:\n        44px 1fr;\n\n    gap: 14px;\n\n    position: relative;\n\n    padding-bottom: 25px;\n}\n\n.stc-side-step:last-child {\n    padding-bottom: 0;\n}\n\n.stc-side-step::after {\n    content: \"\";\n\n    position: absolute;\n\n    left: 21px;\n    top: 43px;\n\n    width: 1px;\n    height: calc(100% - 30px);\n\n    background:\n        rgba(22,131,255,0.28);\n}\n\n.stc-side-step:last-child::after {\n    display: none;\n}\n\n.stc-side-number {\n    width: 44px;\n    height: 44px;\n\n    border-radius: 50%;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    z-index: 2;\n\n    color: #1683ff;\n\n    background: #061323;\n\n    border:\n        1px solid rgba(22,131,255,0.45);\n\n    font-size: 12px;\n    font-weight: 800;\n}\n\n.stc-side-step h3 {\n    margin: 2px 0 5px;\n\n    color: #ffffff;\n\n    font-size: 14px;\n    font-weight: 800;\n}\n\n.stc-side-step p {\n    margin: 0;\n\n    color: #9ba8b8;\n\n    font-size: 12px;\n    line-height: 1.55;\n}\n\n\n\/* =========================================================\n   WHATSAPP\n   ========================================================= *\/\n\n.stc-side-contact {\n    margin-top: 25px;\n\n    padding-top: 25px;\n\n    border-top:\n        1px solid rgba(255,255,255,0.10);\n}\n\n.stc-side-contact strong {\n    display: block;\n\n    margin-bottom: 6px;\n\n    color: #ffffff;\n\n    font-size: 14px;\n}\n\n.stc-side-contact p {\n    margin: 0 0 14px;\n\n    color: #9ba8b8;\n\n    font-size: 12px;\n}\n\n.stc-whatsapp {\n    width: 100%;\n\n    padding: 13px 15px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    gap: 9px;\n\n    color: #ffffff !important;\n\n    background: #1683ff;\n\n    border-radius: 7px;\n\n    text-decoration: none !important;\n\n    font-size: 13px;\n    font-weight: 800;\n\n    transition: 0.25s ease;\n}\n\n.stc-whatsapp:hover {\n    background: #2b8eff;\n\n    transform: translateY(-2px);\n}\n\n.stc-side-phone {\n    margin-top: 12px;\n\n    text-align: center;\n}\n\n.stc-side-phone a {\n    color: #ffffff;\n\n    text-decoration: none;\n\n    font-size: 13px;\n    font-weight: 700;\n}\n\n\n\/* =========================================================\n   HONEYPOT\n   ========================================================= *\/\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: 1000px) {\n\n    .stc-cotizar-layout {\n        grid-template-columns: 1fr;\n    }\n\n    .stc-side {\n        position: static;\n    }\n\n}\n\n\n\/* =========================================================\n   CELULAR\n   ========================================================= *\/\n\n@media screen and (max-width: 650px) {\n\n    .stc-cotizar {\n        padding: 50px 16px;\n    }\n\n    .stc-cotizar-title {\n        font-size: 35px;\n    }\n\n    .stc-cotizar-description {\n        font-size: 14px;\n    }\n\n    .stc-cotizar-form {\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-services-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .stc-captcha {\n        flex-direction: column;\n\n        align-items: flex-start;\n    }\n\n    .stc-captcha input {\n        max-width: 100%;\n    }\n\n}\n<\/style>\n\n\n<section class=\"stc-cotizar\">\n\n<div class=\"stc-cotizar-container\">\n\n\n    <!-- =====================================================\n         ENCABEZADO\n         ===================================================== -->\n\n    <div class=\"stc-cotizar-header\">\n\n        <div class=\"stc-cotizar-label\">\n            SOLUTECSA\n        <\/div>\n\n        <h1 class=\"stc-cotizar-title\">\n            Cotiza tu pr\u00f3ximo\n            <span>proyecto<\/span>\n        <\/h1>\n\n        <p class=\"stc-cotizar-description\">\n            Cu\u00e9ntanos sobre las necesidades de tu organizaci\u00f3n.\n            Nuestro equipo analizar\u00e1 la informaci\u00f3n para recomendar\n            una soluci\u00f3n integral, t\u00e9cnica y comercialmente adecuada\n            para tu proyecto.\n        <\/p>\n\n    <\/div>\n\n\n    <div class=\"stc-cotizar-layout\">\n\n\n        <!-- =================================================\n             FORMULARIO\n             ================================================= -->\n\n        <div class=\"stc-cotizar-form\">\n\n            <form id=\"stcCotizarForm\">\n\n\n                <input\n                    type=\"hidden\"\n                    name=\"action\"\n                    value=\"solutecsa_enviar_cotizacion\"\n                >\n\n\n                <input\n                    type=\"hidden\"\n                    name=\"nonce\"\n                    value=\"b32393c0de\"\n                >\n\n\n                <input\n                    type=\"hidden\"\n                    name=\"captcha_num1\"\n                    value=\"4\"\n                >\n\n\n                <input\n                    type=\"hidden\"\n                    name=\"captcha_num2\"\n                    value=\"1\"\n                >\n\n\n                <input\n                    type=\"hidden\"\n                    name=\"captcha_token\"\n                    value=\"5b851a135228e3e5504462aeceee06e5f5507234aebd77cc10ee596d2907651a\"\n                >\n\n\n                <!-- HONEYPOT -->\n\n                <div class=\"stc-hp\">\n\n                    <input\n                        type=\"text\"\n                        name=\"website\"\n                        tabindex=\"-1\"\n                        autocomplete=\"off\"\n                    >\n\n                <\/div>\n\n\n                <!-- =========================================\n                     DATOS\n                     ========================================= -->\n\n                <div class=\"stc-form-section\">\n\n                    <div class=\"stc-form-section-title\">\n\n                        <div class=\"stc-form-section-number\">\n                            1\n                        <\/div>\n\n                        <h2>\n                            Datos de contacto\n                        <\/h2>\n\n                    <\/div>\n\n\n                    <div class=\"stc-form-grid\">\n\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                        <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                        <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                        <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                    <\/div>\n\n                <\/div>\n\n\n                <!-- =========================================\n                     PROYECTO\n                     ========================================= -->\n\n                <div class=\"stc-form-section\">\n\n                    <div class=\"stc-form-section-title\">\n\n                        <div class=\"stc-form-section-number\">\n                            2\n                        <\/div>\n\n                        <h2>\n                            Informaci\u00f3n del proyecto\n                        <\/h2>\n\n                    <\/div>\n\n\n                    <div class=\"stc-form-grid\">\n\n\n                        <div class=\"stc-form-group\">\n\n                            <label>\n                                Departamento \/ ubicaci\u00f3n\n                                <span class=\"stc-required\">*<\/span>\n                            <\/label>\n\n                            <input\n                                type=\"text\"\n                                name=\"ubicacion\"\n                                placeholder=\"Ej. Guatemala, zona 10\"\n                                required\n                            >\n\n                        <\/div>\n\n\n                        <div class=\"stc-form-group\">\n\n                            <label>\n                                Tama\u00f1o aproximado del proyecto\n                            <\/label>\n\n                            <select name=\"tamano\">\n\n                                <option value=\"\">\n                                    Seleccionar\n                                <\/option>\n\n                                <option value=\"Peque\u00f1o\">\n                                    Peque\u00f1o\n                                <\/option>\n\n                                <option value=\"Mediano\">\n                                    Mediano\n                                <\/option>\n\n                                <option value=\"Grande\">\n                                    Grande\n                                <\/option>\n\n                                <option value=\"Proyecto empresarial\">\n                                    Proyecto empresarial\n                                <\/option>\n\n                                <option value=\"Por definir\">\n                                    Por definir\n                                <\/option>\n\n                            <\/select>\n\n                        <\/div>\n\n\n                        <div class=\"stc-form-group\">\n\n                            <label>\n                                Presupuesto estimado\n                            <\/label>\n\n                            <select name=\"presupuesto\">\n\n                                <option value=\"\">\n                                    Seleccionar rango\n                                <\/option>\n\n                                <option value=\"Menos de Q10,000\">\n                                    Menos de Q10,000\n                                <\/option>\n\n                                <option value=\"Q10,000 - Q25,000\">\n                                    Q10,000 - Q25,000\n                                <\/option>\n\n                                <option value=\"Q25,000 - Q50,000\">\n                                    Q25,000 - Q50,000\n                                <\/option>\n\n                                <option value=\"Q50,000 - Q100,000\">\n                                    Q50,000 - Q100,000\n                                <\/option>\n\n                                <option value=\"Q100,000 - Q250,000\">\n                                    Q100,000 - Q250,000\n                                <\/option>\n\n                                <option value=\"M\u00e1s de Q250,000\">\n                                    M\u00e1s de Q250,000\n                                <\/option>\n\n                                <option value=\"Por definir\">\n                                    Por definir\n                                <\/option>\n\n                            <\/select>\n\n                        <\/div>\n\n\n                        <div class=\"stc-form-group\">\n\n                            <label>\n                                \u00bfCu\u00e1ndo necesitas iniciar?\n                            <\/label>\n\n                            <select name=\"fecha_proyecto\">\n\n                                <option value=\"\">\n                                    Seleccionar\n                                <\/option>\n\n                                <option value=\"Lo antes posible\">\n                                    Lo antes posible\n                                <\/option>\n\n                                <option value=\"1 - 2 semanas\">\n                                    1 - 2 semanas\n                                <\/option>\n\n                                <option value=\"1 mes\">\n                                    En aproximadamente 1 mes\n                                <\/option>\n\n                                <option value=\"2 - 3 meses\">\n                                    En 2 - 3 meses\n                                <\/option>\n\n                                <option value=\"M\u00e1s de 3 meses\">\n                                    M\u00e1s de 3 meses\n                                <\/option>\n\n                                <option value=\"Planificaci\u00f3n\">\n                                    Solo planificaci\u00f3n\n                                <\/option>\n\n                            <\/select>\n\n                        <\/div>\n\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- =========================================\n                     SOLUCIONES\n                     ========================================= -->\n\n                <div class=\"stc-form-section\">\n\n                    <div class=\"stc-form-section-title\">\n\n                        <div class=\"stc-form-section-number\">\n                            3\n                        <\/div>\n\n                        <h2>\n                            \u00bfQu\u00e9 soluciones necesitas?\n                        <\/h2>\n\n                    <\/div>\n\n\n                    <div class=\"stc-services-grid\">\n\n\n                        \n                        <label class=\"stc-service-check\">\n\n                            <input\n                                type=\"checkbox\"\n                                name=\"servicios[]\"\n                                value=\"Cableado estructurado\"\n                            >\n\n                            <span>\n                                Cableado estructurado                            <\/span>\n\n                        <\/label>\n\n                        \n                        <label class=\"stc-service-check\">\n\n                            <input\n                                type=\"checkbox\"\n                                name=\"servicios[]\"\n                                value=\"Fibra \u00f3ptica\"\n                            >\n\n                            <span>\n                                Fibra \u00f3ptica                            <\/span>\n\n                        <\/label>\n\n                        \n                        <label class=\"stc-service-check\">\n\n                            <input\n                                type=\"checkbox\"\n                                name=\"servicios[]\"\n                                value=\"Equipos activos y conectividad\"\n                            >\n\n                            <span>\n                                Equipos activos y conectividad                            <\/span>\n\n                        <\/label>\n\n                        \n                        <label class=\"stc-service-check\">\n\n                            <input\n                                type=\"checkbox\"\n                                name=\"servicios[]\"\n                                value=\"Wi-Fi empresarial\"\n                            >\n\n                            <span>\n                                Wi-Fi empresarial                            <\/span>\n\n                        <\/label>\n\n                        \n                        <label class=\"stc-service-check\">\n\n                            <input\n                                type=\"checkbox\"\n                                name=\"servicios[]\"\n                                value=\"C\u00e1maras an\u00e1logas e IP\"\n                            >\n\n                            <span>\n                                C\u00e1maras an\u00e1logas e IP                            <\/span>\n\n                        <\/label>\n\n                        \n                        <label class=\"stc-service-check\">\n\n                            <input\n                                type=\"checkbox\"\n                                name=\"servicios[]\"\n                                value=\"UPS y respaldo energ\u00e9tico\"\n                            >\n\n                            <span>\n                                UPS y respaldo energ\u00e9tico                            <\/span>\n\n                        <\/label>\n\n                        \n                        <label class=\"stc-service-check\">\n\n                            <input\n                                type=\"checkbox\"\n                                name=\"servicios[]\"\n                                value=\"Instalaciones el\u00e9ctricas\"\n                            >\n\n                            <span>\n                                Instalaciones el\u00e9ctricas                            <\/span>\n\n                        <\/label>\n\n                        \n                        <label class=\"stc-service-check\">\n\n                            <input\n                                type=\"checkbox\"\n                                name=\"servicios[]\"\n                                value=\"Paneles solares\"\n                            >\n\n                            <span>\n                                Paneles solares                            <\/span>\n\n                        <\/label>\n\n                        \n                        <label class=\"stc-service-check\">\n\n                            <input\n                                type=\"checkbox\"\n                                name=\"servicios[]\"\n                                value=\"Equipo de c\u00f3mputo\"\n                            >\n\n                            <span>\n                                Equipo de c\u00f3mputo                            <\/span>\n\n                        <\/label>\n\n                        \n                        <label class=\"stc-service-check\">\n\n                            <input\n                                type=\"checkbox\"\n                                name=\"servicios[]\"\n                                value=\"Software empresarial\"\n                            >\n\n                            <span>\n                                Software empresarial                            <\/span>\n\n                        <\/label>\n\n                        \n                        <label class=\"stc-service-check\">\n\n                            <input\n                                type=\"checkbox\"\n                                name=\"servicios[]\"\n                                value=\"Ciberseguridad\"\n                            >\n\n                            <span>\n                                Ciberseguridad                            <\/span>\n\n                        <\/label>\n\n                        \n                        <label class=\"stc-service-check\">\n\n                            <input\n                                type=\"checkbox\"\n                                name=\"servicios[]\"\n                                value=\"Aire acondicionado\"\n                            >\n\n                            <span>\n                                Aire acondicionado                            <\/span>\n\n                        <\/label>\n\n                        \n                        <label class=\"stc-service-check\">\n\n                            <input\n                                type=\"checkbox\"\n                                name=\"servicios[]\"\n                                value=\"Proyecto tecnol\u00f3gico integral\"\n                            >\n\n                            <span>\n                                Proyecto tecnol\u00f3gico integral                            <\/span>\n\n                        <\/label>\n\n                        \n                        <label class=\"stc-service-check\">\n\n                            <input\n                                type=\"checkbox\"\n                                name=\"servicios[]\"\n                                value=\"Otro\"\n                            >\n\n                            <span>\n                                Otro                            <\/span>\n\n                        <\/label>\n\n                        \n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- =========================================\n                     DESCRIPCI\u00d3N\n                     ========================================= -->\n\n                <div class=\"stc-form-section\">\n\n                    <div class=\"stc-form-section-title\">\n\n                        <div class=\"stc-form-section-number\">\n                            4\n                        <\/div>\n\n                        <h2>\n                            Cu\u00e9ntanos sobre tu proyecto\n                        <\/h2>\n\n                    <\/div>\n\n\n                    <div class=\"stc-form-group full\">\n\n                        <label>\n                            Descripci\u00f3n\n                            <span class=\"stc-required\">*<\/span>\n                        <\/label>\n\n                        <textarea\n                            name=\"mensaje\"\n                            placeholder=\"Describe brevemente qu\u00e9 necesitas, cantidad aproximada de puntos, c\u00e1maras, equipos, \u00e1reas, edificio, alcance u otra informaci\u00f3n que consideres importante...\"\n                            required\n                        ><\/textarea>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- =========================================\n                     CAPTCHA\n                     ========================================= -->\n\n                <div class=\"stc-form-section\">\n\n                    <div class=\"stc-form-section-title\">\n\n                        <div class=\"stc-form-section-number\">\n                            5\n                        <\/div>\n\n                        <h2>\n                            Verificaci\u00f3n\n                        <\/h2>\n\n                    <\/div>\n\n\n                    <div class=\"stc-captcha\">\n\n                        <div class=\"stc-captcha-text\">\n\n                            \u00bfCu\u00e1nto es\n\n                            <strong>\n                                4                                +\n                                1                            <\/strong>\n\n                            ?\n\n                        <\/div>\n\n\n                        <input\n                            type=\"number\"\n                            name=\"captcha_respuesta\"\n                            placeholder=\"Respuesta\"\n                            required\n                        >\n\n                    <\/div>\n\n\n                    <div class=\"stc-privacy\">\n\n                        <input\n                            type=\"checkbox\"\n                            id=\"stcCotizarPrivacidad\"\n                            required\n                        >\n\n                        <label for=\"stcCotizarPrivacidad\">\n\n                            Autorizo a SOLUTECSA a utilizar\n                            los datos proporcionados para analizar\n                            esta solicitud y ponerse en contacto conmigo.\n\n                        <\/label>\n\n                    <\/div>\n\n\n                    <button\n                        type=\"submit\"\n                        class=\"stc-submit\"\n                        id=\"stcCotizarButton\"\n                    >\n\n                        <span>\n                            Solicitar cotizaci\u00f3n\n                        <\/span>\n\n                        <span>\n                            \u2192\n                        <\/span>\n\n                    <\/button>\n\n\n                    <div\n                        id=\"stcCotizarMessage\"\n                        class=\"stc-cotizar-message\"\n                    ><\/div>\n\n\n                <\/div>\n\n\n            <\/form>\n\n        <\/div>\n\n\n        <!-- =================================================\n             PANEL DERECHO\n             ================================================= -->\n\n        <aside class=\"stc-side\">\n\n            <div class=\"stc-side-card\">\n\n                <h2>\n                    \u00bfQu\u00e9 sucede despu\u00e9s?\n                <\/h2>\n\n                <p>\n                    Nuestro proceso est\u00e1 dise\u00f1ado para entender\n                    correctamente tu necesidad antes de preparar\n                    una propuesta.\n                <\/p>\n\n\n                <div class=\"stc-side-steps\">\n\n\n                    <div class=\"stc-side-step\">\n\n                        <div class=\"stc-side-number\">\n                            01\n                        <\/div>\n\n                        <div>\n\n                            <h3>\n                                Revisamos tu requerimiento\n                            <\/h3>\n\n                            <p>\n                                Analizamos la informaci\u00f3n proporcionada\n                                y el alcance inicial del proyecto.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"stc-side-step\">\n\n                        <div class=\"stc-side-number\">\n                            02\n                        <\/div>\n\n                        <div>\n\n                            <h3>\n                                Validamos el alcance\n                            <\/h3>\n\n                            <p>\n                                Cuando sea necesario coordinamos\n                                una llamada o visita t\u00e9cnica.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"stc-side-step\">\n\n                        <div class=\"stc-side-number\">\n                            03\n                        <\/div>\n\n                        <div>\n\n                            <h3>\n                                Dise\u00f1amos la soluci\u00f3n\n                            <\/h3>\n\n                            <p>\n                                Definimos la tecnolog\u00eda y arquitectura\n                                adecuada para tu organizaci\u00f3n.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"stc-side-step\">\n\n                        <div class=\"stc-side-number\">\n                            04\n                        <\/div>\n\n                        <div>\n\n                            <h3>\n                                Presentamos la propuesta\n                            <\/h3>\n\n                            <p>\n                                Elaboramos una propuesta t\u00e9cnica\n                                y comercial adaptada al proyecto.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                <\/div>\n\n\n                <div class=\"stc-side-contact\">\n\n                    <strong>\n                        \u00bfPrefieres hablar directamente?\n                    <\/strong>\n\n                    <p>\n                        Escr\u00edbenos por WhatsApp y uno de nuestros\n                        asesores podr\u00e1 orientarte.\n                    <\/p>\n\n\n                    <a\n                        href=\"https:\/\/wa.me\/50230672709?text=Hola%20SOLUTECSA,%20deseo%20cotizar%20un%20proyecto.\"\n                        class=\"stc-whatsapp\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                    >\n\n                        Hablar con un asesor\n\n                    <\/a>\n\n\n                    <div class=\"stc-side-phone\">\n\n                        <a href=\"tel:+50230672709\">\n\n                            (502) 3067-2709\n\n                        <\/a>\n\n                    <\/div>\n\n                <\/div>\n\n\n            <\/div>\n\n        <\/aside>\n\n\n    <\/div>\n\n<\/div>\n\n<\/section>\n\n\n<script>\n\ndocument.addEventListener(\n    \"DOMContentLoaded\",\n    function () {\n\n        const form =\n            document.getElementById(\n                \"stcCotizarForm\"\n            );\n\n        const button =\n            document.getElementById(\n                \"stcCotizarButton\"\n            );\n\n        const message =\n            document.getElementById(\n                \"stcCotizarMessage\"\n            );\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-cotizar-message\";\n\n                message.textContent = \"\";\n\n\n                button.disabled = true;\n\n                button.querySelector(\n                    \"span\"\n                ).textContent =\n                    \"Enviando solicitud...\";\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-cotizar-message success\";\n\n                        message.textContent =\n                            \"Solicitud enviada correctamente. Nuestro equipo revisar\u00e1 tu proyecto y te contactar\u00e1 lo m\u00e1s pronto posible.\";\n\n                        form.reset();\n\n                    } else {\n\n                        message.className =\n                            \"stc-cotizar-message error\";\n\n                        message.textContent =\n                            result.data &&\n                            result.data.message\n                            ? result.data.message\n                            : \"No fue posible enviar la solicitud. Intenta nuevamente.\";\n\n                    }\n\n                } catch (error) {\n\n                    message.className =\n                        \"stc-cotizar-message error\";\n\n                    message.textContent =\n                        \"No fue posible enviar la solicitud. Intenta nuevamente o comun\u00edcate al (502) 3067-2709.\";\n\n                }\n\n\n                button.disabled = false;\n\n                button.querySelector(\n                    \"span\"\n                ).textContent =\n                    \"Solicitar cotizaci\u00f3n\";\n\n            }\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-436","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/solutecsa.com.gt\/index.php?rest_route=\/wp\/v2\/pages\/436","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=436"}],"version-history":[{"count":1,"href":"https:\/\/solutecsa.com.gt\/index.php?rest_route=\/wp\/v2\/pages\/436\/revisions"}],"predecessor-version":[{"id":497,"href":"https:\/\/solutecsa.com.gt\/index.php?rest_route=\/wp\/v2\/pages\/436\/revisions\/497"}],"wp:attachment":[{"href":"https:\/\/solutecsa.com.gt\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=436"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}