{"id":406,"date":"2026-08-16T12:06:27","date_gmt":"2026-08-16T18:06:27","guid":{"rendered":"https:\/\/solutecsa.com.gt\/?page_id=406"},"modified":"2026-08-17T19:57:03","modified_gmt":"2026-08-18T01:57:03","slug":"inicio-2","status":"publish","type":"page","link":"https:\/\/solutecsa.com.gt\/","title":{"rendered":""},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow wp-container-1 is-position-sticky\">\n<style data-wp-block-html=\"css\">\n.solutecsa-hero-container {\n    width: 100%;\n    max-width: 1800px;\n    min-height: 720px;\n    margin: 0 auto;\n\n    display: grid;\n    grid-template-columns: 38% 62%;\n    align-items: center;\n}\n\n.solutecsa-hero-image {\n    position: relative;\n\n    width: 100%;\n    height: 720px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    overflow: hidden;\n    background: #020817;\n}\n\n.solutecsa-hero-image img {\n    width: 110%;\n    height: 110%;\n\n    max-width: none;\n\n    display: block;\n\n    object-fit: contain;\n    object-position: center center;\n}\n}\n<\/style>\n\n<style>\n\/* =========================================================\n   SOLUTECSA - HERO PRINCIPAL\n   FONDO NEGRO\n   IMAGEN GRANDE + TEXTO M\u00c1S PEQUE\u00d1O\n   PC + TABLET + CELULAR\n   ========================================================= *\/\n\n.solutecsa-hero,\n.solutecsa-hero * {\n    box-sizing: border-box;\n}\n\n.solutecsa-hero {\n    width: 100vw;\n    max-width: 100vw;\n\n    position: relative;\n    left: 50%;\n\n    margin-left: -50vw;\n    margin-right: -50vw;\n\n    \/* FONDO NEGRO *\/\n    background: #000000;\n\n    overflow: hidden;\n\n    font-family: Arial, Helvetica, sans-serif;\n}\n\n.solutecsa-hero-container {\n    width: 100%;\n    max-width: 1850px;\n\n    min-height: 680px;\n\n    margin: 0 auto;\n\n    display: grid;\n\n    grid-template-columns: 38% 62%;\n\n    align-items: center;\n\n    \/* FONDO NEGRO *\/\n    background: #000000;\n}\n\n\/* =========================================================\n   TEXTO\n   ========================================================= *\/\n\n.solutecsa-hero-content {\n    position: relative;\n    z-index: 3;\n\n    padding: 65px 20px 65px 55px;\n\n    background: #000000;\n}\n\n.solutecsa-hero-label {\n    margin: 0 0 18px;\n\n    color: #1683ff;\n\n    font-size: 13px;\n    font-weight: 700;\n\n    letter-spacing: 0.8px;\n    text-transform: uppercase;\n}\n\n.solutecsa-hero-title {\n    margin: 0;\n\n    max-width: 620px;\n\n    color: #ffffff;\n\n    font-size: clamp(38px, 3.4vw, 56px);\n\n    font-weight: 800;\n\n    line-height: 1.08;\n\n    letter-spacing: -0.8px;\n}\n\n.solutecsa-hero-title span {\n    color: #1683ff;\n}\n\n.solutecsa-hero-description {\n    max-width: 600px;\n\n    margin: 24px 0 0;\n\n    color: #c2cad6;\n\n    font-size: 15px;\n\n    line-height: 1.7;\n}\n\n\/* =========================================================\n   IMAGEN\n   ========================================================= *\/\n\n.solutecsa-hero-image {\n    position: relative;\n\n    width: 100%;\n    height: 680px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    overflow: hidden;\n\n    \/* FONDO NEGRO *\/\n    background: #000000;\n}\n\n.solutecsa-hero-image img {\n    width: 118%;\n    height: 118%;\n\n    max-width: none;\n\n    display: block;\n\n    object-fit: contain;\n\n    object-position: center center;\n}\n\n\/* =========================================================\n   DEGRADADO NEGRO ENTRE TEXTO E IMAGEN\n   ========================================================= *\/\n\n.solutecsa-hero-image::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    left: 0;\n\n    width: 20%;\n    height: 100%;\n\n    z-index: 2;\n\n    background: linear-gradient(\n        90deg,\n        #000000 0%,\n        rgba(0,0,0,0.90) 25%,\n        rgba(0,0,0,0.55) 55%,\n        rgba(0,0,0,0.20) 75%,\n        transparent 100%\n    );\n\n    pointer-events: none;\n}\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media screen and (max-width: 1024px) {\n\n    .solutecsa-hero-container {\n        grid-template-columns: 42% 58%;\n        min-height: 560px;\n    }\n\n    .solutecsa-hero-content {\n        padding: 50px 20px 50px 35px;\n    }\n\n    .solutecsa-hero-label {\n        font-size: 12px;\n    }\n\n    .solutecsa-hero-title {\n        font-size: 39px;\n    }\n\n    .solutecsa-hero-description {\n        font-size: 14px;\n    }\n\n    .solutecsa-hero-image {\n        height: 560px;\n    }\n\n    .solutecsa-hero-image img {\n        width: 115%;\n        height: 115%;\n    }\n}\n\n\/* =========================================================\n   CELULAR\n   ========================================================= *\/\n\n@media screen and (max-width: 767px) {\n\n    .solutecsa-hero-container {\n        display: flex;\n        flex-direction: column;\n\n        min-height: auto;\n\n        background: #000000;\n    }\n\n    .solutecsa-hero-content {\n        width: 100%;\n\n        padding: 38px 22px 20px;\n\n        background: #000000;\n    }\n\n    .solutecsa-hero-label {\n        font-size: 11px;\n\n        margin-bottom: 14px;\n    }\n\n    .solutecsa-hero-title {\n        max-width: 100%;\n\n        font-size: 32px;\n\n        line-height: 1.1;\n    }\n\n    .solutecsa-hero-description {\n        max-width: 100%;\n\n        margin-top: 18px;\n\n        font-size: 14px;\n\n        line-height: 1.6;\n    }\n\n    .solutecsa-hero-image {\n        width: 100%;\n\n        height: 390px;\n\n        padding: 0;\n\n        background: #000000;\n    }\n\n    .solutecsa-hero-image img {\n        width: 120%;\n        height: 120%;\n\n        max-width: none;\n\n        object-fit: contain;\n\n        object-position: center center;\n    }\n\n    .solutecsa-hero-image::before {\n        display: none;\n    }\n}\n\n\/* =========================================================\n   CELULAR PEQUE\u00d1O\n   ========================================================= *\/\n\n@media screen and (max-width: 450px) {\n\n    .solutecsa-hero-content {\n        padding: 32px 18px 18px;\n    }\n\n    .solutecsa-hero-title {\n        font-size: 29px;\n    }\n\n    .solutecsa-hero-description {\n        font-size: 13px;\n    }\n\n    .solutecsa-hero-image {\n        height: 330px;\n    }\n\n    .solutecsa-hero-image img {\n        width: 125%;\n        height: 125%;\n    }\n}\n<\/style>\n\n\n<section class=\"solutecsa-hero\">\n\n    <div class=\"solutecsa-hero-container\">\n\n        <!-- TEXTO -->\n\n        <div class=\"solutecsa-hero-content\">\n\n            <p class=\"solutecsa-hero-label\">\n                Tecnolog\u00eda que impulsa tu negocio\n            <\/p>\n\n            <h1 class=\"solutecsa-hero-title\">\n\n                Soluciones tecnol\u00f3gicas\n                a la medida de tu\n                <span>empresa<\/span>\n\n            <\/h1>\n\n            <p class=\"solutecsa-hero-description\">\n\n                En SOLUTECSA ofrecemos soluciones integrales en\n                infraestructura tecnol\u00f3gica, cableado estructurado,\n                fibra \u00f3ptica, conectividad, seguridad electr\u00f3nica,\n                energ\u00eda, software y ciberseguridad para optimizar\n                sus procesos y potenciar el crecimiento de su empresa.\n\n            <\/p>\n\n        <\/div>\n\n        <!-- IMAGEN -->\n\n        <div class=\"solutecsa-hero-image\">\n\n            <img decoding=\"async\" width=\"1916\" height=\"821\"\n                src=\"https:\/\/solutecsa.com.gt\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-17-ago-2026-15_16_32.png\"\n                alt=\"Soluciones tecnol\u00f3gicas empresariales SOLUTECSA\"\n                class=\"wp-image-443\"\n                loading=\"eager\"\n                fetchpriority=\"high\"\n srcset=\"https:\/\/solutecsa.com.gt\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-17-ago-2026-15_16_32.png 1916w, https:\/\/solutecsa.com.gt\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-17-ago-2026-15_16_32-300x129.png 300w, https:\/\/solutecsa.com.gt\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-17-ago-2026-15_16_32-1024x439.png 1024w, https:\/\/solutecsa.com.gt\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-17-ago-2026-15_16_32-768x329.png 768w, https:\/\/solutecsa.com.gt\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-17-ago-2026-15_16_32-1536x658.png 1536w\" sizes=\"(max-width: 1916px) 100vw, 1916px\" \/>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style>\n\/* =========================================================\n   SOLUTECSA - SECCI\u00d3N SERVICIOS RESPONSIVE\n   ========================================================= *\/\n\n.stc-soluciones,\n.stc-soluciones * {\n    box-sizing: border-box;\n}\n\n.stc-soluciones {\n    width: 100vw;\n    max-width: 100vw;\n\n    position: relative;\n    left: 50%;\n\n    margin-left: -50vw;\n    margin-right: -50vw;\n\n    background: #ffffff;\n\n    padding: 60px 30px;\n\n    font-family: Arial, Helvetica, sans-serif;\n\n    overflow-x: hidden;\n}\n\n.stc-soluciones-contenedor {\n    width: 100%;\n    max-width: 1500px;\n    margin: 0 auto;\n}\n\n\/* =========================================================\n   ENCABEZADO\n   ========================================================= *\/\n\n.stc-soluciones-encabezado {\n    text-align: center;\n    margin-bottom: 42px;\n}\n\n.stc-soluciones-etiqueta {\n    margin: 0 0 12px;\n\n    color: #0b63f6;\n\n    font-size: 15px;\n    font-weight: 700;\n\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n}\n\n.stc-soluciones-titulo {\n    margin: 0;\n\n    color: #07111f;\n\n    font-size: clamp(30px, 3vw, 44px);\n    font-weight: 800;\n\n    line-height: 1.15;\n}\n\n.stc-soluciones-titulo::after {\n    content: \"\";\n\n    display: block;\n\n    width: 60px;\n    height: 4px;\n\n    margin: 16px auto 0;\n\n    background: #0b63f6;\n\n    border-radius: 20px;\n}\n\n\/* =========================================================\n   GRID\n   ========================================================= *\/\n\n.stc-soluciones-grid {\n    width: 100%;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(3, minmax(0, 1fr));\n\n    gap: 22px;\n}\n\n\/* =========================================================\n   TARJETAS\n   ========================================================= *\/\n\n.stc-solucion-card {\n    width: 100%;\n    min-width: 0;\n\n    display: flex;\n    align-items: flex-start;\n\n    gap: 20px;\n\n    background: #ffffff;\n\n    border: 1px solid #dfe5ee;\n    border-radius: 14px;\n\n    padding: 26px;\n\n    box-shadow:\n        0 7px 22px rgba(0, 0, 0, 0.05);\n\n    transition:\n        transform 0.3s ease,\n        border-color 0.3s ease,\n        box-shadow 0.3s ease;\n}\n\n.stc-solucion-card:hover {\n    transform: translateY(-6px);\n\n    border-color: #0b63f6;\n\n    box-shadow:\n        0 16px 32px rgba(11, 99, 246, 0.13);\n}\n\n\/* =========================================================\n   ICONOS\n   ========================================================= *\/\n\n.stc-solucion-icono {\n    width: 70px;\n    height: 70px;\n\n    min-width: 70px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 50%;\n\n    background: #edf5ff;\n\n    color: #0b63f6;\n}\n\n.stc-solucion-icono svg {\n    width: 38px;\n    height: 38px;\n\n    fill: none;\n    stroke: currentColor;\n\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* =========================================================\n   TEXTO\n   ========================================================= *\/\n\n.stc-solucion-info {\n    min-width: 0;\n    flex: 1;\n}\n\n.stc-solucion-titulo {\n    margin: 0 0 10px;\n\n    color: #07111f;\n\n    font-size: 18px;\n    font-weight: 800;\n\n    line-height: 1.3;\n}\n\n.stc-solucion-texto {\n    margin: 0;\n\n    color: #526071;\n\n    font-size: 14px;\n\n    line-height: 1.65;\n}\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media screen and (max-width: 1024px) {\n\n    .stc-soluciones {\n        padding: 50px 24px;\n    }\n\n    .stc-soluciones-grid {\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n    }\n\n}\n\n\/* =========================================================\n   CELULAR\n   ========================================================= *\/\n\n@media screen and (max-width: 650px) {\n\n    .stc-soluciones {\n        padding: 38px 16px;\n    }\n\n    .stc-soluciones-encabezado {\n        margin-bottom: 28px;\n    }\n\n    .stc-soluciones-grid {\n        grid-template-columns: 1fr;\n        gap: 15px;\n    }\n\n    .stc-solucion-card {\n        padding: 20px 16px;\n        gap: 15px;\n    }\n\n    .stc-solucion-icono {\n        width: 56px;\n        height: 56px;\n\n        min-width: 56px;\n    }\n\n    .stc-solucion-icono svg {\n        width: 30px;\n        height: 30px;\n    }\n\n    .stc-solucion-titulo {\n        font-size: 16px;\n    }\n\n    .stc-solucion-texto {\n        font-size: 13px;\n    }\n\n}\n<\/style>\n\n\n<section class=\"stc-soluciones\">\n\n    <div class=\"stc-soluciones-contenedor\">\n\n        <!-- ENCABEZADO -->\n\n        <div class=\"stc-soluciones-encabezado\">\n\n            <p class=\"stc-soluciones-etiqueta\">\n                Nuestras soluciones\n            <\/p>\n\n            <h2 class=\"stc-soluciones-titulo\">\n                Servicios que impulsan su empresa\n            <\/h2>\n\n        <\/div>\n\n\n        <!-- GRID -->\n\n        <div class=\"stc-soluciones-grid\">\n\n\n            <!-- 1. CABLEADO -->\n\n            <div class=\"stc-solucion-card\">\n\n                <div class=\"stc-solucion-icono\">\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M5 3v7\"><\/path>\n                        <path d=\"M3 3h4v4H3z\"><\/path>\n                        <path d=\"M5 10c0 5 3 8 8 8h2\"><\/path>\n                        <path d=\"M15 16h5v4h-5z\"><\/path>\n                    <\/svg>\n                <\/div>\n\n                <div class=\"stc-solucion-info\">\n\n                    <h3 class=\"stc-solucion-titulo\">\n                        Cableado estructurado de red\n                        (cobre y fibra \u00f3ptica)\n                    <\/h3>\n\n                    <p class=\"stc-solucion-texto\">\n                        Dise\u00f1o, instalaci\u00f3n y certificaci\u00f3n de redes\n                        de cobre y fibra \u00f3ptica para ofrecer conectividad\n                        confiable, organizada y escalable.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- 2. EQUIPOS ACTIVOS -->\n\n            <div class=\"stc-solucion-card\">\n\n                <div class=\"stc-solucion-icono\">\n                    <svg viewBox=\"0 0 24 24\">\n                        <rect x=\"3\" y=\"7\" width=\"18\" height=\"10\" rx=\"2\"><\/rect>\n                        <path d=\"M6 11h2\"><\/path>\n                        <path d=\"M10 11h2\"><\/path>\n                        <path d=\"M14 11h2\"><\/path>\n                        <path d=\"M6 14h12\"><\/path>\n                    <\/svg>\n                <\/div>\n\n                <div class=\"stc-solucion-info\">\n\n                    <h3 class=\"stc-solucion-titulo\">\n                        Equipos activos y conectividad\n                    <\/h3>\n\n                    <p class=\"stc-solucion-texto\">\n                        Switches, routers, access points y soluciones\n                        para redes empresariales de alto desempe\u00f1o.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- 3. C\u00c1MARAS -->\n\n            <div class=\"stc-solucion-card\">\n\n                <div class=\"stc-solucion-icono\">\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M4 5h16v8H4z\"><\/path>\n                        <path d=\"M7 13c0 4 2 7 5 7s5-3 5-7\"><\/path>\n                        <circle cx=\"12\" cy=\"10\" r=\"2\"><\/circle>\n                    <\/svg>\n                <\/div>\n\n                <div class=\"stc-solucion-info\">\n\n                    <h3 class=\"stc-solucion-titulo\">\n                        C\u00e1maras de seguridad an\u00e1logas e IP\n                    <\/h3>\n\n                    <p class=\"stc-solucion-texto\">\n                        Sistemas de videovigilancia con grabaci\u00f3n,\n                        monitoreo remoto y soluciones de alta definici\u00f3n.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- 4. UPS -->\n\n            <div class=\"stc-solucion-card\">\n\n                <div class=\"stc-solucion-icono\">\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M13 2L5 14h6l-1 8 9-13h-6z\"><\/path>\n                    <\/svg>\n                <\/div>\n\n                <div class=\"stc-solucion-info\">\n\n                    <h3 class=\"stc-solucion-titulo\">\n                        UPS, electricidad y respaldo energ\u00e9tico\n                    <\/h3>\n\n                    <p class=\"stc-solucion-texto\">\n                        Sistemas UPS, reguladores, tableros el\u00e9ctricos\n                        y soluciones para garantizar continuidad operativa.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- 5. SOLAR -->\n\n            <div class=\"stc-solucion-card\">\n\n                <div class=\"stc-solucion-icono\">\n                    <svg viewBox=\"0 0 24 24\">\n                        <circle cx=\"18\" cy=\"5\" r=\"2\"><\/circle>\n                        <path d=\"M4 10h11l3 9H2z\"><\/path>\n                        <path d=\"M6 10l-1 9\"><\/path>\n                        <path d=\"M10 10v9\"><\/path>\n                        <path d=\"M14 10l1 9\"><\/path>\n                    <\/svg>\n                <\/div>\n\n                <div class=\"stc-solucion-info\">\n\n                    <h3 class=\"stc-solucion-titulo\">\n                        Paneles solares\n                    <\/h3>\n\n                    <p class=\"stc-solucion-texto\">\n                        Soluciones fotovoltaicas orientadas al ahorro\n                        energ\u00e9tico y reducci\u00f3n de costos operativos.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- 6. C\u00d3MPUTO -->\n\n            <div class=\"stc-solucion-card\">\n\n                <div class=\"stc-solucion-icono\">\n                    <svg viewBox=\"0 0 24 24\">\n                        <rect x=\"3\" y=\"4\" width=\"13\" height=\"10\" rx=\"1\"><\/rect>\n                        <path d=\"M7 18h5\"><\/path>\n                        <path d=\"M9.5 14v4\"><\/path>\n                        <rect x=\"17\" y=\"7\" width=\"4\" height=\"9\" rx=\"1\"><\/rect>\n                    <\/svg>\n                <\/div>\n\n                <div class=\"stc-solucion-info\">\n\n                    <h3 class=\"stc-solucion-titulo\">\n                        Equipo de c\u00f3mputo\n                    <\/h3>\n\n                    <p class=\"stc-solucion-texto\">\n                        Computadoras, laptops, servidores, estaciones\n                        de trabajo y perif\u00e9ricos para su empresa.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- 7. SOFTWARE -->\n\n            <div class=\"stc-solucion-card\">\n\n                <div class=\"stc-solucion-icono\">\n                    <svg viewBox=\"0 0 24 24\">\n                        <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"><\/rect>\n                        <path d=\"M9 9l-3 3 3 3\"><\/path>\n                        <path d=\"M15 9l3 3-3 3\"><\/path>\n                        <path d=\"M13 7l-2 10\"><\/path>\n                    <\/svg>\n                <\/div>\n\n                <div class=\"stc-solucion-info\">\n\n                    <h3 class=\"stc-solucion-titulo\">\n                        Software empresarial\n                    <\/h3>\n\n                    <p class=\"stc-solucion-texto\">\n                        Desarrollo e implementaci\u00f3n de soluciones\n                        de software para optimizar procesos y productividad.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- 8. CIBERSEGURIDAD -->\n\n            <div class=\"stc-solucion-card\">\n\n                <div class=\"stc-solucion-icono\">\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M12 2l7 3v5c0 5-3 9-7 12-4-3-7-7-7-12V5z\"><\/path>\n                        <path d=\"M10 12l2 2 4-5\"><\/path>\n                    <\/svg>\n                <\/div>\n\n                <div class=\"stc-solucion-info\">\n\n                    <h3 class=\"stc-solucion-titulo\">\n                        Ciberseguridad\n                    <\/h3>\n\n                    <p class=\"stc-solucion-texto\">\n                        Protecci\u00f3n de infraestructura e informaci\u00f3n\n                        mediante firewalls, antivirus, respaldos\n                        y soluciones de seguridad.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- 9. AIRE ACONDICIONADO -->\n\n            <div class=\"stc-solucion-card\">\n\n                <div class=\"stc-solucion-icono\">\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M12 2v20\"><\/path>\n                        <path d=\"M4 7l16 10\"><\/path>\n                        <path d=\"M4 17L20 7\"><\/path>\n                        <path d=\"M9 4l3 3 3-3\"><\/path>\n                        <path d=\"M9 20l3-3 3 3\"><\/path>\n                    <\/svg>\n                <\/div>\n\n                <div class=\"stc-solucion-info\">\n\n                    <h3 class=\"stc-solucion-titulo\">\n                        Aires acondicionados\n                    <\/h3>\n\n                    <p class=\"stc-solucion-texto\">\n                        Sistemas de climatizaci\u00f3n para oficinas,\n                        cuartos t\u00e9cnicos, centros de datos\n                        y ambientes tecnol\u00f3gicos.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style>\n\/* =========================================================\n   SOLUTECSA - FRANJA CORPORATIVA RESPONSIVE\n   PC + TABLET + CELULAR\n   ========================================================= *\/\n\n.solutecsa-stats,\n.solutecsa-stats * {\n    box-sizing: border-box;\n}\n\n.solutecsa-stats {\n    width: 100%;\n    max-width: 100%;\n    background: #000000;\n    padding: 30px 20px;\n    overflow: hidden;\n    font-family: Arial, Helvetica, sans-serif;\n}\n\n.solutecsa-stats-container {\n    width: 100%;\n    max-width: 1250px;\n    margin: 0 auto;\n\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n\n    align-items: stretch;\n}\n\n\/* CADA BLOQUE *\/\n.solutecsa-stat {\n    min-width: 0;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 18px;\n\n    padding: 12px 28px;\n\n    border-right: 1px solid rgba(255, 255, 255, 0.18);\n}\n\n.solutecsa-stat:last-child {\n    border-right: none;\n}\n\n\/* =========================================================\n   ICONOS\n   ========================================================= *\/\n\n.solutecsa-icon {\n    flex: 0 0 58px;\n\n    width: 58px;\n    height: 58px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #087cff;\n}\n\n.solutecsa-icon svg {\n    width: 52px;\n    height: 52px;\n\n    stroke: currentColor;\n    fill: none;\n\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* =========================================================\n   TEXTOS\n   ========================================================= *\/\n\n.solutecsa-content {\n    min-width: 0;\n}\n\n.solutecsa-number {\n    display: inline-block;\n\n    color: #087cff;\n\n    font-size: 30px;\n    font-weight: 800;\n    line-height: 1;\n}\n\n.solutecsa-title {\n    color: #ffffff;\n\n    font-size: 19px;\n    font-weight: 700;\n    line-height: 1.2;\n\n    margin: 0;\n}\n\n.solutecsa-title-blue {\n    color: #087cff;\n}\n\n.solutecsa-description {\n    color: #d0d4da;\n\n    font-size: 13px;\n    font-weight: 400;\n    line-height: 1.45;\n\n    margin-top: 7px;\n\n    overflow-wrap: break-word;\n}\n\n\/* =========================================================\n   TABLET\n   768px - 1024px\n   ========================================================= *\/\n\n@media screen and (max-width: 1024px) {\n\n    .solutecsa-stats {\n        padding: 25px 20px;\n    }\n\n    .solutecsa-stats-container {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .solutecsa-stat {\n        justify-content: flex-start;\n\n        padding: 24px 25px;\n\n        border-right: none;\n        border-bottom: 1px solid rgba(255,255,255,0.15);\n    }\n\n    .solutecsa-stat:nth-child(odd) {\n        border-right: 1px solid rgba(255,255,255,0.15);\n    }\n\n    .solutecsa-stat:nth-child(3),\n    .solutecsa-stat:nth-child(4) {\n        border-bottom: none;\n    }\n\n    .solutecsa-number {\n        font-size: 28px;\n    }\n\n    .solutecsa-title {\n        font-size: 18px;\n    }\n}\n\n\/* =========================================================\n   CELULAR\n   Hasta 767px\n   ========================================================= *\/\n\n@media screen and (max-width: 767px) {\n\n    .solutecsa-stats {\n        padding: 10px 18px;\n    }\n\n    .solutecsa-stats-container {\n        display: grid;\n        grid-template-columns: 1fr;\n\n        width: 100%;\n    }\n\n    .solutecsa-stat {\n        width: 100%;\n\n        justify-content: flex-start;\n\n        padding: 22px 5px;\n\n        gap: 18px;\n\n        border-right: none !important;\n        border-bottom: 1px solid rgba(255,255,255,0.15);\n    }\n\n    .solutecsa-stat:last-child {\n        border-bottom: none;\n    }\n\n    .solutecsa-icon {\n        flex: 0 0 52px;\n\n        width: 52px;\n        height: 52px;\n    }\n\n    .solutecsa-icon svg {\n        width: 46px;\n        height: 46px;\n    }\n\n    .solutecsa-number {\n        font-size: 26px;\n    }\n\n    .solutecsa-title {\n        font-size: 17px;\n    }\n\n    .solutecsa-description {\n        font-size: 13px;\n    }\n}\n\n\/* =========================================================\n   CELULARES PEQUE\u00d1OS\n   ========================================================= *\/\n\n@media screen and (max-width: 400px) {\n\n    .solutecsa-stats {\n        padding: 8px 14px;\n    }\n\n    .solutecsa-stat {\n        padding: 20px 2px;\n        gap: 14px;\n    }\n\n    .solutecsa-icon {\n        flex: 0 0 46px;\n\n        width: 46px;\n        height: 46px;\n    }\n\n    .solutecsa-icon svg {\n        width: 40px;\n        height: 40px;\n    }\n\n    .solutecsa-number {\n        font-size: 23px;\n    }\n\n    .solutecsa-title {\n        font-size: 16px;\n    }\n\n    .solutecsa-description {\n        font-size: 12px;\n    }\n}\n<\/style>\n\n\n<section class=\"solutecsa-stats\">\n\n    <div class=\"solutecsa-stats-container\">\n\n\n        <!-- ===============================\n             1. EXPERIENCIA\n             =============================== -->\n\n        <div class=\"solutecsa-stat\">\n\n            <div class=\"solutecsa-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n\n                    <path d=\"M12 2L19 5V10C19 15 16 19 12 22C8 19 5 15 5 10V5L12 2Z\"><\/path>\n\n                    <path d=\"M12 7L13.5 10L17 10.5L14.5 13L15.1 16.5L12 14.8L8.9 16.5L9.5 13L7 10.5L10.5 10L12 7Z\"><\/path>\n\n                <\/svg>\n\n            <\/div>\n\n\n            <div class=\"solutecsa-content\">\n\n                <div class=\"solutecsa-number\">\n                    M\u00e1s de 7\n                <\/div>\n\n                <div class=\"solutecsa-title\">\n                    a\u00f1os de experiencia\n                <\/div>\n\n                <div class=\"solutecsa-description\">\n                    Acompa\u00f1ando a empresas<br>\n                    en su crecimiento.\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- ===============================\n             2. PROYECTOS\n             =============================== -->\n\n        <div class=\"solutecsa-stat\">\n\n            <div class=\"solutecsa-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n\n                    <path d=\"M3 21H21\"><\/path>\n\n                    <path d=\"M5 20V13\"><\/path>\n\n                    <path d=\"M10 20V9\"><\/path>\n\n                    <path d=\"M15 20V5\"><\/path>\n\n                    <path d=\"M4 9L9 5L13 8L20 2\"><\/path>\n\n                    <path d=\"M16 2H20V6\"><\/path>\n\n                <\/svg>\n\n            <\/div>\n\n\n            <div class=\"solutecsa-content\">\n\n                <div class=\"solutecsa-number\">\n                    +120\n                <\/div>\n\n                <div class=\"solutecsa-title\">\n                    proyectos ejecutados\n                <\/div>\n\n                <div class=\"solutecsa-description\">\n                    Soluciones exitosas en<br>\n                    diversos sectores.\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- ===============================\n             3. SOPORTE\n             =============================== -->\n\n        <div class=\"solutecsa-stat\">\n\n            <div class=\"solutecsa-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n\n                    <path d=\"M4 13V11C4 6.6 7.6 3 12 3C16.4 3 20 6.6 20 11V13\"><\/path>\n\n                    <path d=\"M4 13H2V18H6V13H4Z\"><\/path>\n\n                    <path d=\"M20 13H22V18H18V13H20Z\"><\/path>\n\n                    <path d=\"M18 19C18 21 16 22 13 22\"><\/path>\n\n                    <path d=\"M13 22H11\"><\/path>\n\n                <\/svg>\n\n            <\/div>\n\n\n            <div class=\"solutecsa-content\">\n\n                <div class=\"solutecsa-title solutecsa-title-blue\">\n                    Soporte t\u00e9cnico<br>\n                    especializado\n                <\/div>\n\n                <div class=\"solutecsa-description\">\n                    Respuesta r\u00e1pida y<br>\n                    acompa\u00f1amiento continuo.\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- ===============================\n             4. SOLUCIONES INTEGRALES\n             =============================== -->\n\n        <div class=\"solutecsa-stat\">\n\n            <div class=\"solutecsa-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n\n                    <circle cx=\"12\" cy=\"7\" r=\"3\"><\/circle>\n\n                    <circle cx=\"5\" cy=\"9\" r=\"2.5\"><\/circle>\n\n                    <circle cx=\"19\" cy=\"9\" r=\"2.5\"><\/circle>\n\n                    <path d=\"M7 20V18C7 15.2 9.2 13 12 13C14.8 13 17 15.2 17 18V20\"><\/path>\n\n                    <path d=\"M2 20V18.5C2 16.5 3.5 15 5.5 15\"><\/path>\n\n                    <path d=\"M22 20V18.5C22 16.5 20.5 15 18.5 15\"><\/path>\n\n                <\/svg>\n\n            <\/div>\n\n\n            <div class=\"solutecsa-content\">\n\n                <div class=\"solutecsa-title\">\n                    Soluciones<br>\n                    integrales\n                <\/div>\n\n                <div class=\"solutecsa-description\">\n                    Un solo aliado para todas<br>\n                    sus necesidades tecnol\u00f3gicas.\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n    <\/div>\n\n<\/section>\n\n\n\n<style>\n\/* =====================================================\n   SOLUTECSA - C\u00d3MO TRABAJAMOS\n   RESPONSIVE: PC + TABLET + CELULAR\n   ===================================================== *\/\n\n.solutecsa-proceso,\n.solutecsa-proceso * {\n    box-sizing: border-box;\n}\n\n.solutecsa-proceso {\n    width: 100%;\n    background: #ffffff;\n    padding: 55px 20px;\n    font-family: Arial, Helvetica, sans-serif;\n    overflow: hidden;\n}\n\n.solutecsa-proceso-contenedor {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n\/* TITULO *\/\n\n.solutecsa-proceso-encabezado {\n    text-align: center;\n    margin-bottom: 45px;\n}\n\n.solutecsa-proceso-etiqueta {\n    color: #087cff;\n    font-size: 13px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    margin-bottom: 8px;\n}\n\n.solutecsa-proceso-titulo {\n    margin: 0;\n    color: #07111f;\n    font-size: 36px;\n    font-weight: 800;\n    line-height: 1.15;\n}\n\n.solutecsa-proceso-titulo::after {\n    content: \"\";\n    display: block;\n    width: 55px;\n    height: 3px;\n    background: #087cff;\n    margin: 14px auto 0;\n    border-radius: 10px;\n}\n\n.solutecsa-proceso-subtitulo {\n    max-width: 760px;\n    margin: 18px auto 0;\n    color: #5e6775;\n    font-size: 16px;\n    line-height: 1.6;\n}\n\n\/* CONTENEDOR DE PASOS *\/\n\n.solutecsa-pasos {\n    position: relative;\n\n    display: grid;\n    grid-template-columns: repeat(5, minmax(0, 1fr));\n\n    gap: 20px;\n    align-items: start;\n}\n\n\/* LINEA CENTRAL *\/\n\n.solutecsa-pasos::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 42px;\n    left: 9%;\n    right: 9%;\n\n    height: 2px;\n\n    background: linear-gradient(\n        90deg,\n        rgba(8,124,255,0.25),\n        #087cff,\n        rgba(8,124,255,0.25)\n    );\n\n    z-index: 0;\n}\n\n\/* PASO *\/\n\n.solutecsa-paso {\n    position: relative;\n    z-index: 1;\n\n    text-align: center;\n    min-width: 0;\n}\n\n\/* ICONO *\/\n\n.solutecsa-paso-icono {\n    width: 82px;\n    height: 82px;\n\n    margin: 0 auto 18px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    background: #061e45;\n\n    border: 4px solid #ffffff;\n    border-radius: 50%;\n\n    color: #ffffff;\n\n    box-shadow:\n        0 0 0 2px #087cff,\n        0 8px 20px rgba(8,124,255,0.22);\n\n    transition: all 0.3s ease;\n}\n\n.solutecsa-paso:hover .solutecsa-paso-icono {\n    background: #087cff;\n    transform: translateY(-5px);\n\n    box-shadow:\n        0 0 0 2px #087cff,\n        0 12px 28px rgba(8,124,255,0.38);\n}\n\n.solutecsa-paso-icono svg {\n    width: 36px;\n    height: 36px;\n\n    fill: none;\n    stroke: currentColor;\n\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* FLECHA *\/\n\n.solutecsa-flecha {\n    position: absolute;\n\n    top: 33px;\n    right: -18px;\n\n    width: 25px;\n\n    color: #087cff;\n\n    font-size: 24px;\n    font-weight: 400;\n\n    z-index: 3;\n}\n\n.solutecsa-paso:last-child .solutecsa-flecha {\n    display: none;\n}\n\n\/* NUMERO Y TITULO *\/\n\n.solutecsa-paso-titulo {\n    margin: 0;\n\n    color: #07111f;\n\n    font-size: 16px;\n    font-weight: 800;\n    line-height: 1.3;\n}\n\n.solutecsa-paso-numero {\n    color: #087cff;\n}\n\n\/* DESCRIPCION *\/\n\n.solutecsa-paso-descripcion {\n    margin: 8px auto 0;\n\n    max-width: 180px;\n\n    color: #667080;\n\n    font-size: 12px;\n    line-height: 1.5;\n}\n\n\/* =====================================================\n   TABLET\n   ===================================================== *\/\n\n@media screen and (max-width: 1024px) {\n\n    .solutecsa-proceso {\n        padding: 45px 20px;\n    }\n\n    .solutecsa-proceso-titulo {\n        font-size: 31px;\n    }\n\n    .solutecsa-pasos {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 35px 20px;\n    }\n\n    .solutecsa-pasos::before {\n        display: none;\n    }\n\n    .solutecsa-flecha {\n        display: none;\n    }\n\n    .solutecsa-paso {\n        padding: 10px;\n    }\n\n    .solutecsa-paso:last-child {\n        grid-column: 1 \/ -1;\n        max-width: 350px;\n        width: 100%;\n        margin: 0 auto;\n    }\n}\n\n\/* =====================================================\n   CELULAR\n   ===================================================== *\/\n\n@media screen and (max-width: 600px) {\n\n    .solutecsa-proceso {\n        padding: 38px 18px;\n    }\n\n    .solutecsa-proceso-encabezado {\n        margin-bottom: 32px;\n    }\n\n    .solutecsa-proceso-titulo {\n        font-size: 27px;\n    }\n\n    .solutecsa-proceso-subtitulo {\n        font-size: 14px;\n    }\n\n    .solutecsa-pasos {\n        grid-template-columns: 1fr;\n        gap: 0;\n    }\n\n    .solutecsa-paso,\n    .solutecsa-paso:last-child {\n        width: 100%;\n        max-width: 100%;\n\n        padding: 22px 0;\n\n        border-bottom: 1px solid #e7ebf0;\n    }\n\n    .solutecsa-paso:last-child {\n        border-bottom: none;\n    }\n\n    .solutecsa-paso-icono {\n        width: 72px;\n        height: 72px;\n\n        margin-bottom: 15px;\n    }\n\n    .solutecsa-paso-icono svg {\n        width: 32px;\n        height: 32px;\n    }\n\n    .solutecsa-paso-titulo {\n        font-size: 17px;\n    }\n\n    .solutecsa-paso-descripcion {\n        max-width: 280px;\n        font-size: 13px;\n    }\n}\n<\/style>\n\n\n<section class=\"solutecsa-proceso\">\n\n    <div class=\"solutecsa-proceso-contenedor\">\n\n\n        <!-- ENCABEZADO -->\n\n        <div class=\"solutecsa-proceso-encabezado\">\n\n            <div class=\"solutecsa-proceso-etiqueta\">\n                Nuestra metodolog\u00eda\n            <\/div>\n\n            <h2 class=\"solutecsa-proceso-titulo\">\n                De la necesidad a la soluci\u00f3n\n            <\/h2>\n\n            <p class=\"solutecsa-proceso-subtitulo\">\n                Analizamos, dise\u00f1amos, suministramos, instalamos y damos soporte\n                para desarrollar soluciones tecnol\u00f3gicas confiables, escalables\n                y adaptadas a las necesidades de cada empresa.\n            <\/p>\n\n        <\/div>\n\n\n        <!-- PASOS -->\n\n        <div class=\"solutecsa-pasos\">\n\n\n            <!-- 1. DIAGNOSTICO -->\n\n            <div class=\"solutecsa-paso\">\n\n                <div class=\"solutecsa-paso-icono\">\n\n                    <svg viewBox=\"0 0 24 24\">\n\n                        <circle cx=\"11\" cy=\"11\" r=\"7\"><\/circle>\n\n                        <path d=\"M20 20l-4-4\"><\/path>\n\n                        <path d=\"M8 11h6\"><\/path>\n\n                        <path d=\"M11 8v6\"><\/path>\n\n                    <\/svg>\n\n                <\/div>\n\n                <span class=\"solutecsa-flecha\">\u2192<\/span>\n\n                <h3 class=\"solutecsa-paso-titulo\">\n                    <span class=\"solutecsa-paso-numero\">1.<\/span>\n                    Diagn\u00f3stico\n                <\/h3>\n\n                <p class=\"solutecsa-paso-descripcion\">\n                    Analizamos sus necesidades, infraestructura,\n                    requerimientos y objetivos.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- 2. DISE\u00d1O -->\n\n            <div class=\"solutecsa-paso\">\n\n                <div class=\"solutecsa-paso-icono\">\n\n                    <svg viewBox=\"0 0 24 24\">\n\n                        <rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"2\"><\/rect>\n\n                        <path d=\"M8 8h8\"><\/path>\n\n                        <path d=\"M8 12h5\"><\/path>\n\n                        <path d=\"M8 16h8\"><\/path>\n\n                        <path d=\"M16 10l2 2-4 4-2 1 1-2 3-3\"><\/path>\n\n                    <\/svg>\n\n                <\/div>\n\n                <span class=\"solutecsa-flecha\">\u2192<\/span>\n\n                <h3 class=\"solutecsa-paso-titulo\">\n                    <span class=\"solutecsa-paso-numero\">2.<\/span>\n                    Dise\u00f1o\n                <\/h3>\n\n                <p class=\"solutecsa-paso-descripcion\">\n                    Dise\u00f1amos la soluci\u00f3n t\u00e9cnica y econ\u00f3mica\n                    m\u00e1s adecuada para el proyecto.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- 3. SUMINISTRO -->\n\n            <div class=\"solutecsa-paso\">\n\n                <div class=\"solutecsa-paso-icono\">\n\n                    <svg viewBox=\"0 0 24 24\">\n\n                        <path d=\"M12 2l8 4-8 4-8-4 8-4z\"><\/path>\n\n                        <path d=\"M4 6v10l8 4 8-4V6\"><\/path>\n\n                        <path d=\"M12 10v10\"><\/path>\n\n                    <\/svg>\n\n                <\/div>\n\n                <span class=\"solutecsa-flecha\">\u2192<\/span>\n\n                <h3 class=\"solutecsa-paso-titulo\">\n                    <span class=\"solutecsa-paso-numero\">3.<\/span>\n                    Suministro\n                <\/h3>\n\n                <p class=\"solutecsa-paso-descripcion\">\n                    Suministramos equipos, materiales y tecnolog\u00eda\n                    de fabricantes especializados.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- 4. INSTALACION -->\n\n            <div class=\"solutecsa-paso\">\n\n                <div class=\"solutecsa-paso-icono\">\n\n                    <svg viewBox=\"0 0 24 24\">\n\n                        <path d=\"M14.5 6.5a4 4 0 01-5 5L4 17l3 3 5.5-5.5a4 4 0 005-5l-3 3-3-3 3-3z\"><\/path>\n\n                    <\/svg>\n\n                <\/div>\n\n                <span class=\"solutecsa-flecha\">\u2192<\/span>\n\n                <h3 class=\"solutecsa-paso-titulo\">\n                    <span class=\"solutecsa-paso-numero\">4.<\/span>\n                    Instalaci\u00f3n\n                <\/h3>\n\n                <p class=\"solutecsa-paso-descripcion\">\n                    Ejecutamos la instalaci\u00f3n, configuraci\u00f3n,\n                    integraci\u00f3n y puesta en marcha.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- 5. SOPORTE -->\n\n            <div class=\"solutecsa-paso\">\n\n                <div class=\"solutecsa-paso-icono\">\n\n                    <svg viewBox=\"0 0 24 24\">\n\n                        <path d=\"M4 13v-2a8 8 0 0116 0v2\"><\/path>\n\n                        <path d=\"M4 13H2v5h4v-5H4z\"><\/path>\n\n                        <path d=\"M20 13h2v5h-4v-5h2z\"><\/path>\n\n                        <path d=\"M18 19c0 2-2 3-5 3\"><\/path>\n\n                        <path d=\"M13 22h-2\"><\/path>\n\n                    <\/svg>\n\n                <\/div>\n\n                <h3 class=\"solutecsa-paso-titulo\">\n                    <span class=\"solutecsa-paso-numero\">5.<\/span>\n                    Soporte\n                <\/h3>\n\n                <p class=\"solutecsa-paso-descripcion\">\n                    Brindamos soporte t\u00e9cnico, mantenimiento\n                    y acompa\u00f1amiento posterior.\n                <\/p>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style>\n\/* ============================\n   SOLUTECSA - BENEFICIOS \n   ============================ *\/ \n\n.solutecsa-beneficios { \n    width: 100%; \n    background: #000000; \n    padding: 28px 20px 24px; \n    box-sizing: border-box; \n    overflow: hidden; \n}\n\n\/* ============================\n   T\u00cdTULO\n   ============================ *\/\n\n.solutecsa-beneficios-titulo {\n    text-align: center;\n    margin-bottom: 26px;\n}\n\n.solutecsa-beneficios-titulo h2 {\n    margin: 0;\n\n    color: #ffffff;\n\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 30px;\n    font-weight: 800;\n\n    line-height: 1.2;\n}\n\n.solutecsa-beneficios-titulo h2::after {\n    content: \"\";\n\n    display: block;\n\n    width: 55px;\n    height: 3px;\n\n    background: #1683ff;\n\n    margin: 10px auto 0;\n\n    border-radius: 10px;\n}\n\n\/* ============================\n   CONTENEDOR\n   ============================ *\/\n\n.solutecsa-beneficios-contenedor { \n    max-width: 1200px; \n    margin: 0 auto; \n\n    display: grid; \n    grid-template-columns: repeat(4, minmax(0, 1fr)); \n\n    gap: 20px; \n    align-items: center; \n} \n\n.solutecsa-beneficio { \n    min-width: 0; \n\n    display: flex; \n    align-items: center; \n    justify-content: center; \n\n    gap: 10px; \n\n    color: #ffffff; \n} \n\n.solutecsa-beneficio-icono { \n    width: 34px; \n    height: 34px; \n\n    flex: 0 0 34px; \n\n    display: flex; \n    align-items: center; \n    justify-content: center; \n\n    color: #1683ff; \n} \n\n.solutecsa-beneficio-icono svg { \n    width: 30px; \n    height: 30px; \n\n    fill: none; \n    stroke: currentColor; \n    stroke-width: 1.8; \n    stroke-linecap: round; \n    stroke-linejoin: round; \n} \n\n.solutecsa-beneficio-texto { \n    color: #ffffff; \n\n    font-family: Arial, Helvetica, sans-serif; \n    font-size: 14px; \n    font-weight: 600; \n    line-height: 1.2; \n\n    margin: 0; \n} \n\n\/* ============================ \n   TABLET \n   ============================ *\/ \n\n@media (max-width: 1024px) { \n\n    .solutecsa-beneficios-titulo h2 {\n        font-size: 27px;\n    }\n\n    .solutecsa-beneficios-contenedor { \n        grid-template-columns: repeat(2, minmax(0, 1fr)); \n        gap: 22px; \n    } \n\n    .solutecsa-beneficio { \n        justify-content: flex-start; \n    } \n} \n\n\/* ============================ \n   CELULAR \n   ============================ *\/ \n\n@media (max-width: 600px) { \n\n    .solutecsa-beneficios { \n        padding: 25px 18px 15px; \n    }\n\n    .solutecsa-beneficios-titulo {\n        margin-bottom: 16px;\n    }\n\n    .solutecsa-beneficios-titulo h2 {\n        font-size: 24px;\n    }\n\n    .solutecsa-beneficios-contenedor { \n        grid-template-columns: 1fr; \n        gap: 0; \n    } \n\n    .solutecsa-beneficio { \n        justify-content: flex-start; \n\n        padding: 15px 0; \n\n        border-bottom: 1px solid rgba(255,255,255,0.12); \n    } \n\n    .solutecsa-beneficio:last-child { \n        border-bottom: none; \n    } \n\n    .solutecsa-beneficio-texto { \n        font-size: 15px; \n    } \n} \n<\/style> \n\n\n<section class=\"solutecsa-beneficios\">\n\n    <!-- T\u00cdTULO -->\n    <div class=\"solutecsa-beneficios-titulo\">\n        <h2>Beneficios<\/h2>\n    <\/div>\n\n    <div class=\"solutecsa-beneficios-contenedor\">\n\n\n        <!-- INSTALACI\u00d3N PROFESIONAL --> \n        <div class=\"solutecsa-beneficio\"> \n\n            <div class=\"solutecsa-beneficio-icono\"> \n                <svg viewBox=\"0 0 24 24\"> \n                    <path d=\"M14.7 6.3a4 4 0 01-5 5L4 17l3 3 5.7-5.7a4 4 0 005-5l-3 3-3-3 3-3z\"><\/path> \n                <\/svg> \n            <\/div> \n\n            <p class=\"solutecsa-beneficio-texto\"> \n                Instalaci\u00f3n<br> \n                profesional \n            <\/p> \n\n        <\/div> \n\n\n        <!-- SOLUCIONES EMPRESARIALES --> \n        <div class=\"solutecsa-beneficio\"> \n\n            <div class=\"solutecsa-beneficio-icono\"> \n                <svg viewBox=\"0 0 24 24\"> \n                    <path d=\"M4 21V8h6v13\"><\/path> \n                    <path d=\"M10 21V3h10v18\"><\/path> \n                    <path d=\"M7 11h1\"><\/path> \n                    <path d=\"M7 15h1\"><\/path> \n                    <path d=\"M14 7h2\"><\/path> \n                    <path d=\"M14 11h2\"><\/path> \n                    <path d=\"M14 15h2\"><\/path> \n                    <path d=\"M2 21h20\"><\/path> \n                <\/svg> \n            <\/div> \n\n            <p class=\"solutecsa-beneficio-texto\"> \n                Soluciones<br> \n                empresariales \n            <\/p> \n\n        <\/div> \n\n\n        <!-- SOPORTE ESPECIALIZADO --> \n        <div class=\"solutecsa-beneficio\"> \n\n            <div class=\"solutecsa-beneficio-icono\"> \n                <svg viewBox=\"0 0 24 24\"> \n                    <path d=\"M4 13v-2a8 8 0 0116 0v2\"><\/path> \n                    <path d=\"M4 13H2v5h4v-5H4z\"><\/path> \n                    <path d=\"M20 13h2v5h-4v-5h2z\"><\/path> \n                    <path d=\"M18 19c0 2-2 3-5 3\"><\/path> \n                <\/svg> \n            <\/div> \n\n            <p class=\"solutecsa-beneficio-texto\"> \n                Soporte<br> \n                especializado \n            <\/p> \n\n        <\/div> \n\n\n        <!-- COBERTURA NACIONAL --> \n        <div class=\"solutecsa-beneficio\"> \n\n            <div class=\"solutecsa-beneficio-icono\"> \n                <svg viewBox=\"0 0 24 24\"> \n                    <path d=\"M12 2l3 6 6 3-6 3-3 6-3-6-6-3 6-3 3-6z\"><\/path> \n                <\/svg> \n            <\/div> \n\n            <p class=\"solutecsa-beneficio-texto\"> \n                Cobertura<br> \n                nacional \n            <\/p> \n\n        <\/div> \n\n\n    <\/div> \n\n<\/section>\n\n\n\n<style>\n\/* =========================================================\n   SOLUTECSA - FOOTER CORPORATIVO\n   PC + TABLET + CELULAR\n   ========================================================= *\/\n\n.solutecsa-footer,\n.solutecsa-footer * {\n    box-sizing: border-box;\n}\n\n.solutecsa-footer {\n    width: 100%;\n    background: #000000;\n    color: #ffffff;\n    font-family: Arial, Helvetica, sans-serif;\n}\n\n.solutecsa-footer-contenedor {\n    width: 100%;\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 55px 30px 35px;\n\n    display: grid;\n    grid-template-columns: 1.3fr 1fr 1fr 1.4fr;\n    gap: 45px;\n}\n\n\/* =========================================================\n   EMPRESA\n   ========================================================= *\/\n\n.solutecsa-footer-logo {\n    font-size: 28px;\n    font-weight: 800;\n    margin: 0 0 15px;\n    color: #ffffff;\n}\n\n.solutecsa-footer-descripcion {\n    margin: 0;\n    max-width: 330px;\n    color: #aeb7c4;\n    font-size: 14px;\n    line-height: 1.7;\n}\n\n\/* =========================================================\n   TITULOS\n   ========================================================= *\/\n\n.solutecsa-footer-titulo {\n    margin: 0 0 18px;\n    color: #ffffff;\n    font-size: 16px;\n    font-weight: 700;\n}\n\n\/* =========================================================\n   ENLACES\n   ========================================================= *\/\n\n.solutecsa-footer-lista {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n}\n\n.solutecsa-footer-lista li {\n    margin-bottom: 11px;\n}\n\n.solutecsa-footer-lista a {\n    color: #aeb7c4;\n    text-decoration: none;\n    font-size: 14px;\n    transition: color 0.25s ease;\n}\n\n.solutecsa-footer-lista a:hover {\n    color: #1683ff;\n}\n\n\/* =========================================================\n   CONTACTO\n   ========================================================= *\/\n\n.solutecsa-footer-contacto {\n    display: flex;\n    flex-direction: column;\n    gap: 15px;\n}\n\n.solutecsa-footer-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n\n    color: #aeb7c4;\n    font-size: 14px;\n    line-height: 1.6;\n}\n\n.solutecsa-footer-icono {\n    width: 22px;\n    height: 22px;\n    min-width: 22px;\n\n    color: #1683ff;\n    margin-top: 2px;\n}\n\n.solutecsa-footer-icono svg {\n    width: 100%;\n    height: 100%;\n\n    fill: none;\n    stroke: currentColor;\n\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.solutecsa-footer-item a {\n    color: #aeb7c4;\n    text-decoration: none;\n\n    transition: color 0.25s ease;\n}\n\n.solutecsa-footer-item a:hover {\n    color: #1683ff;\n}\n\n\/* =========================================================\n   REDES SOCIALES\n   ========================================================= *\/\n\n.solutecsa-footer-redes {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n\n    margin-top: 24px;\n}\n\n.solutecsa-social {\n    width: 44px;\n    height: 44px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 50%;\n\n    background: #101010;\n    border: 1px solid #2a2a2a;\n\n    color: #ffffff;\n\n    text-decoration: none;\n\n    transition: all 0.3s ease;\n}\n\n.solutecsa-social:hover {\n    background: #1683ff;\n    border-color: #1683ff;\n\n    color: #ffffff;\n\n    transform: translateY(-3px);\n\n    box-shadow:\n        0 8px 20px rgba(22, 131, 255, 0.35);\n}\n\n.solutecsa-social svg {\n    width: 21px;\n    height: 21px;\n\n    fill: currentColor;\n}\n\n\/* =========================================================\n   PARTE INFERIOR\n   ========================================================= *\/\n\n.solutecsa-footer-bottom {\n    border-top:\n        1px solid rgba(255,255,255,0.12);\n}\n\n.solutecsa-footer-bottom-contenedor {\n    width: 100%;\n    max-width: 1400px;\n\n    margin: 0 auto;\n\n    padding: 20px 30px;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 20px;\n}\n\n.solutecsa-footer-copy {\n    color: #777f8b;\n    font-size: 13px;\n}\n\n.solutecsa-footer-legal {\n    display: flex;\n    gap: 20px;\n}\n\n.solutecsa-footer-legal a {\n    color: #777f8b;\n\n    font-size: 13px;\n\n    text-decoration: none;\n\n    transition: color 0.25s ease;\n}\n\n.solutecsa-footer-legal a:hover {\n    color: #1683ff;\n}\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media screen and (max-width: 1024px) {\n\n    .solutecsa-footer-contenedor {\n\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n\n        gap: 40px;\n    }\n}\n\n\/* =========================================================\n   CELULAR\n   ========================================================= *\/\n\n@media screen and (max-width: 650px) {\n\n    .solutecsa-footer-contenedor {\n\n        grid-template-columns: 1fr;\n\n        padding:\n            40px 20px 30px;\n\n        gap: 32px;\n    }\n\n    .solutecsa-footer-bottom-contenedor {\n\n        padding: 20px;\n\n        flex-direction: column;\n\n        align-items: flex-start;\n    }\n\n    .solutecsa-footer-legal {\n\n        flex-direction: column;\n\n        gap: 8px;\n    }\n}\n<\/style>\n\n\n<footer class=\"solutecsa-footer\">\n\n    <div class=\"solutecsa-footer-contenedor\">\n\n\n        <!-- =================================================\n             EMPRESA\n             ================================================= -->\n\n        <div>\n\n            <h2 class=\"solutecsa-footer-logo\">\n                SOLUTECSA\n            <\/h2>\n\n            <p class=\"solutecsa-footer-descripcion\">\n\n                Soluciones integrales en tecnolog\u00eda,\n                infraestructura, seguridad, energ\u00eda,\n                conectividad y soporte para empresas\n                que buscan crecer con tecnolog\u00eda confiable.\n\n            <\/p>\n\n\n            <!-- REDES SOCIALES -->\n\n            <div class=\"solutecsa-footer-redes\">\n\n\n                <!-- FACEBOOK -->\n\n                <a\n                    href=\"https:\/\/www.facebook.com\/share\/1HTumWgTSP\/?mibextid=wwXIfr\"\n                    class=\"solutecsa-social\"\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    aria-label=\"Facebook de SOLUTECSA\"\n                    title=\"Facebook\"\n                >\n\n                    <svg viewBox=\"0 0 24 24\">\n\n                        <path d=\"\n                            M13.5 22v-8h2.8l.4-3h-3.2V9.1\n                            c0-.9.3-1.6 1.7-1.6H17V4.8\n                            c-.3 0-1.4-.1-2.5-.1\n                            -2.5 0-4.2 1.5-4.2 4.3v2H7.5v3h2.8v8z\n                        \"><\/path>\n\n                    <\/svg>\n\n                <\/a>\n\n\n                <!-- TIKTOK -->\n\n                <a\n                    href=\"https:\/\/www.tiktok.com\/@solutecsa_gt?_r=1&amp;_t=ZS-98yCqDJQsMa\"\n                    class=\"solutecsa-social\"\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    aria-label=\"TikTok de SOLUTECSA\"\n                    title=\"TikTok\"\n                >\n\n                    <svg viewBox=\"0 0 24 24\">\n\n                        <path d=\"\n                            M16 3\n                            c.5 2.5 2 4 4.5 4.5V11\n                            c-1.6 0-3.1-.5-4.5-1.4v6.1\n                            c0 3.7-3 6.7-6.7 6.7\n                            S2.6 19.4 2.6 15.7\n                            5.6 9 9.3 9\n                            c.4 0 .8 0 1.2.1v3.5\n                            c-.4-.2-.8-.3-1.2-.3\n                            -1.8 0-3.3 1.5-3.3 3.3\n                            S7.5 19 9.3 19\n                            s3.3-1.5 3.3-3.3V3z\n                        \"><\/path>\n\n                    <\/svg>\n\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =================================================\n             ENLACES R\u00c1PIDOS\n             ================================================= -->\n\n        <div>\n\n            <h3 class=\"solutecsa-footer-titulo\">\n                Enlaces r\u00e1pidos\n            <\/h3>\n\n            <ul class=\"solutecsa-footer-lista\">\n\n                <li>\n                    <a href=\"\/\">\n                        Inicio\n                    <\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"\/nosotros\/\">\n                        Nosotros\n                    <\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"\/servicios\/\">\n                        Servicios\n                    <\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"\/proyectos\/\">\n                        Proyectos\n                    <\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"\/contacto\/\">\n                        Contacto\n                    <\/a>\n                <\/li>\n\n            <\/ul>\n\n        <\/div>\n\n\n        <!-- =================================================\n             SERVICIOS\n             ================================================= -->\n\n        <div>\n\n            <h3 class=\"solutecsa-footer-titulo\">\n                Nuestros servicios\n            <\/h3>\n\n            <ul class=\"solutecsa-footer-lista\">\n\n                <li>\n                    <a href=\"\/servicios\/\">\n                        Cableado estructurado\n                    <\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"\/servicios\/\">\n                        Fibra \u00f3ptica\n                    <\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"\/servicios\/\">\n                        Equipos activos\n                    <\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"\/servicios\/\">\n                        C\u00e1maras de seguridad\n                    <\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"\/servicios\/\">\n                        UPS y electricidad\n                    <\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"\/servicios\/\">\n                        Paneles solares\n                    <\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"\/servicios\/\">\n                        Equipo de c\u00f3mputo\n                    <\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"\/servicios\/\">\n                        Software empresarial\n                    <\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"\/servicios\/\">\n                        Ciberseguridad\n                    <\/a>\n                <\/li>\n\n                <li>\n                    <a href=\"\/servicios\/\">\n                        Aires acondicionados\n                    <\/a>\n                <\/li>\n\n            <\/ul>\n\n        <\/div>\n\n\n        <!-- =================================================\n             CONTACTO\n             ================================================= -->\n\n        <div>\n\n            <h3 class=\"solutecsa-footer-titulo\">\n                Contacto\n            <\/h3>\n\n\n            <div class=\"solutecsa-footer-contacto\">\n\n\n                <!-- UBICACI\u00d3N -->\n\n                <div class=\"solutecsa-footer-item\">\n\n                    <div class=\"solutecsa-footer-icono\">\n\n                        <svg viewBox=\"0 0 24 24\">\n\n                            <path d=\"\n                                M12 21\n                                s7-6.1 7-12\n                                a7 7 0 10-14 0\n                                c0 5.9 7 12 7 12z\n                            \"><\/path>\n\n                            <circle\n                                cx=\"12\"\n                                cy=\"9\"\n                                r=\"2.5\">\n                            <\/circle>\n\n                        <\/svg>\n\n                    <\/div>\n\n\n                    <div>\n\n                        Km 13.5 carretera antigua a El Salvador,\n                        Villa Violeta, Puerta Parada,\n                        Santa Catarina Pinula,\n                        Guatemala, 01051.\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- TEL\u00c9FONO -->\n\n                <div class=\"solutecsa-footer-item\">\n\n                    <div class=\"solutecsa-footer-icono\">\n\n                        <svg viewBox=\"0 0 24 24\">\n\n                            <path d=\"\n                                M22 16.92v3\n                                a2 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\n                                c.12.9.33 1.78.62 2.63\n                                a2 2 0 0 1-.45 2.11\n                                L7.79 9.73\n                                a16 16 0 0 0 6 6\n                                l1.27-1.27\n                                a2 2 0 0 1 2.11-.45\n                                c.85.29 1.73.5 2.63.62\n                                A2 2 0 0 1 22 16.92z\n                            \"><\/path>\n\n                        <\/svg>\n\n                    <\/div>\n\n\n                    <a href=\"tel:+50230672709\">\n\n                        (502) 3067-2709\n\n                    <\/a>\n\n                <\/div>\n\n\n                <!-- EMAIL -->\n\n                <div class=\"solutecsa-footer-item\">\n\n                    <div class=\"solutecsa-footer-icono\">\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=\"\n                                M3 7l9 6 9-6\n                            \"><\/path>\n\n                        <\/svg>\n\n                    <\/div>\n\n\n                    <a href=\"mailto:info@solutecsa.com.gt\">\n\n                        info@solutecsa.com.gt\n\n                    <\/a>\n\n                <\/div>\n\n\n                <!-- SITIO WEB -->\n\n                <div class=\"solutecsa-footer-item\">\n\n                    <div class=\"solutecsa-footer-icono\">\n\n                        <svg viewBox=\"0 0 24 24\">\n\n                            <circle\n                                cx=\"12\"\n                                cy=\"12\"\n                                r=\"9\">\n                            <\/circle>\n\n                            <path d=\"\n                                M3 12h18\n                            \"><\/path>\n\n                            <path d=\"\n                                M12 3\n                                c3 3 4 6 4 9\n                                s-1 6-4 9\n                            \"><\/path>\n\n                            <path d=\"\n                                M12 3\n                                c-3 3-4 6-4 9\n                                s1 6 4 9\n                            \"><\/path>\n\n                        <\/svg>\n\n                    <\/div>\n\n\n                    <a\n                        href=\"https:\/\/www.solutecsa.com.gt\/\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                    >\n\n                        www.solutecsa.com.gt\n\n                    <\/a>\n\n                <\/div>\n\n\n            <\/div>\n\n        <\/div>\n\n\n    <\/div>\n\n\n    <!-- =====================================================\n         PARTE INFERIOR\n         ===================================================== -->\n\n    <div class=\"solutecsa-footer-bottom\">\n\n        <div class=\"solutecsa-footer-bottom-contenedor\">\n\n\n            <div class=\"solutecsa-footer-copy\">\n\n                \u00a9 2026 SOLUTECSA.\n                Todos los derechos reservados.\n\n            <\/div>\n\n\n            <div class=\"solutecsa-footer-legal\">\n\n                <a href=\"\/politica-de-privacidad\/\">\n\n                    Pol\u00edtica de privacidad\n\n                <\/a>\n\n                <a href=\"\/terminos-y-condiciones\/\">\n\n                    T\u00e9rminos y condiciones\n\n                <\/a>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n\n<\/footer>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tecnolog\u00eda que impulsa tu negocio Soluciones tecnol\u00f3gicas a la medida de tu empresa En SOLUTECSA ofrecemos soluciones integrales en infraestructura tecnol\u00f3gica, cableado estructurado, fibra \u00f3ptica, conectividad, seguridad electr\u00f3nica, energ\u00eda, software y ciberseguridad para optimizar sus procesos y potenciar el crecimiento de su empresa. Nuestras soluciones Servicios que impulsan su empresa Cableado estructurado de red (cobre [&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-406","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/solutecsa.com.gt\/index.php?rest_route=\/wp\/v2\/pages\/406","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=406"}],"version-history":[{"count":11,"href":"https:\/\/solutecsa.com.gt\/index.php?rest_route=\/wp\/v2\/pages\/406\/revisions"}],"predecessor-version":[{"id":482,"href":"https:\/\/solutecsa.com.gt\/index.php?rest_route=\/wp\/v2\/pages\/406\/revisions\/482"}],"wp:attachment":[{"href":"https:\/\/solutecsa.com.gt\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}