{"id":396,"date":"2023-04-26T21:06:50","date_gmt":"2023-04-27T01:06:50","guid":{"rendered":"https:\/\/constructorabautista.com\/?page_id=396"},"modified":"2026-08-17T14:39:17","modified_gmt":"2026-08-17T18:39:17","slug":"areas","status":"publish","type":"page","link":"https:\/\/constructorabautista.com\/?page_id=396","title":{"rendered":"Areas"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"396\" class=\"elementor elementor-396\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a9d2d2c elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"a9d2d2c\" data-element_type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[{&quot;jet_parallax_layout_image&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;_id&quot;:&quot;7b94b45&quot;,&quot;jet_parallax_layout_image_tablet&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;jet_parallax_layout_image_mobile&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;jet_parallax_layout_speed&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:50,&quot;sizes&quot;:[]},&quot;jet_parallax_layout_type&quot;:&quot;scroll&quot;,&quot;jet_parallax_layout_direction&quot;:null,&quot;jet_parallax_layout_fx_direction&quot;:null,&quot;jet_parallax_layout_z_index&quot;:&quot;&quot;,&quot;jet_parallax_layout_bg_x&quot;:50,&quot;jet_parallax_layout_bg_x_tablet&quot;:&quot;&quot;,&quot;jet_parallax_layout_bg_x_mobile&quot;:&quot;&quot;,&quot;jet_parallax_layout_bg_y&quot;:50,&quot;jet_parallax_layout_bg_y_tablet&quot;:&quot;&quot;,&quot;jet_parallax_layout_bg_y_mobile&quot;:&quot;&quot;,&quot;jet_parallax_layout_bg_size&quot;:&quot;auto&quot;,&quot;jet_parallax_layout_bg_size_tablet&quot;:&quot;&quot;,&quot;jet_parallax_layout_bg_size_mobile&quot;:&quot;&quot;,&quot;jet_parallax_layout_animation_prop&quot;:&quot;transform&quot;,&quot;jet_parallax_layout_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;]}],&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-699d158\" data-id=\"699d158\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f47ece6 elementor-widget elementor-widget-heading\" data-id=\"f47ece6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Areas<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b2ef673 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b2ef673\" data-element_type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bc323eb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bc323eb\" data-element_type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9f134e9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9f134e9\" data-element_type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8a19833 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8a19833\" data-element_type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a9e6d51\" data-id=\"a9e6d51\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c60c4b4 elementor-widget elementor-widget-text-editor\" data-id=\"c60c4b4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n\n<head>\n\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n<title>Construyendo el Futuro | Construbauca<\/title>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link\nhref=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@600;700;800&#038;family=Inter:wght@400;500;600;700&#038;display=swap\"\nrel=\"stylesheet\"\n>\n\n<style>\n\n\/* ============================================================\n   CONSTRUBAUCA\n   CONSTRUYENDO EL FUTURO\n   SECCI\u00d3N COMPLETA\n============================================================ *\/\n\n.cbfuture26,\n.cbfuture26 *{\n    box-sizing:border-box;\n}\n\n\n.cbfuture26{\n\n    --dark:#30353a;\n    --dark2:#161d24;\n    --text:#68737e;\n\n    --blue:#168cff;\n    --cyan:#22cdd1;\n    --green:#31d3b3;\n    --violet:#4359e8;\n\n    --gradient:\n        linear-gradient(\n            90deg,\n            #31d3b3 0%,\n            #22cdd1 28%,\n            #168cff 66%,\n            #4359e8 100%\n        );\n\n    position:relative;\n\n    width:100%;\n\n    margin:0;\n\n    padding:\n        55px 25px\n        70px;\n\n    overflow:hidden;\n\n    background:\n        transparent !important;\n\n    font-family:\n        \"Inter\",\n        Arial,\n        sans-serif;\n}\n\n\n\/* ============================================================\n   CONTENEDOR\n============================================================ *\/\n\n.cbfuture26 .cbf-shell{\n\n    position:relative;\n\n    width:100%;\n\n    max-width:1450px;\n\n    min-height:610px;\n\n    margin:0 auto;\n\n    display:grid;\n\n    grid-template-columns:\n        minmax(0,.90fr)\n        minmax(500px,1.10fr);\n\n    align-items:center;\n\n    gap:35px;\n}\n\n\n\/* ============================================================\n   DECORACI\u00d3N MUY SUAVE DE FONDO\n============================================================ *\/\n\n.cbfuture26 .cbf-deco-circle{\n\n    position:absolute;\n\n    z-index:0;\n\n    width:520px;\n    height:520px;\n\n    right:-170px;\n    top:15px;\n\n    border-radius:50%;\n\n    border:\n        1px solid\n        rgba(22,140,255,.07);\n\n    pointer-events:none;\n}\n\n\n.cbfuture26 .cbf-deco-circle::before,\n.cbfuture26 .cbf-deco-circle::after{\n\n    content:\"\";\n\n    position:absolute;\n\n    border-radius:50%;\n\n    border:\n        1px solid\n        rgba(22,140,255,.05);\n}\n\n\n.cbfuture26 .cbf-deco-circle::before{\n\n    inset:\n        55px;\n}\n\n\n.cbfuture26 .cbf-deco-circle::after{\n\n    inset:\n        115px;\n}\n\n\n\/* ============================================================\n   BLOQUE IZQUIERDO\n============================================================ *\/\n\n.cbfuture26 .cbf-content{\n\n    position:relative;\n\n    z-index:10;\n\n    width:100%;\n\n    min-width:0;\n\n    padding:\n        40px 0;\n}\n\n\n\/* ============================================================\n   KICKER\n============================================================ *\/\n\n.cbfuture26 .cbf-kicker{\n\n    display:inline-flex;\n\n    align-items:center;\n\n    gap:11px;\n\n    margin:\n        0 0 23px 0;\n\n    color:\n        var(--blue);\n\n    font-family:\n        \"Inter\",\n        Arial,\n        sans-serif;\n\n    font-size:\n        12px;\n\n    line-height:\n        1;\n\n    font-weight:\n        800;\n\n    letter-spacing:\n        1.9px;\n\n    text-transform:\n        uppercase;\n}\n\n\n.cbfuture26 .cbf-kicker::before{\n\n    content:\"\";\n\n    width:\n        44px;\n\n    height:\n        2px;\n\n    border-radius:\n        20px;\n\n    background:\n        var(--gradient);\n\n    transition:\n\n        width\n        .55s\n        cubic-bezier(.16,1,.3,1);\n}\n\n\n.cbfuture26:hover\n.cbf-kicker::before{\n\n    width:\n        82px;\n}\n\n\n\/* ============================================================\n   T\u00cdTULO\n============================================================ *\/\n\n.cbfuture26 .cbf-title{\n\n    display:block !important;\n\n    width:100% !important;\n\n    max-width:690px !important;\n\n    margin:\n        0 0 25px 0 !important;\n\n    padding:\n        0 !important;\n\n    font-family:\n        \"Barlow Condensed\",\n        Arial,\n        sans-serif !important;\n\n    font-size:\n        clamp(\n            64px,\n            6.5vw,\n            105px\n        ) !important;\n\n    line-height:\n        .82 !important;\n\n    font-weight:\n        800 !important;\n\n    letter-spacing:\n        -2px !important;\n\n    text-transform:\n        uppercase;\n\n    color:\n        var(--dark) !important;\n\n    text-align:\n        left !important;\n\n    white-space:\n        normal !important;\n\n    word-break:\n        normal !important;\n\n    overflow-wrap:\n        normal !important;\n\n    column-count:\n        1 !important;\n\n    transition:\n\n        transform\n        .65s\n        cubic-bezier(.16,1,.3,1),\n\n        letter-spacing\n        .55s ease;\n}\n\n\n.cbfuture26:hover\n.cbf-title{\n\n    transform:\n        translateX(7px);\n\n    letter-spacing:\n        -1.5px !important;\n}\n\n\n\/* ============================================================\n   \"EL FUTURO\"\n============================================================ *\/\n\n.cbfuture26 .cbf-title-highlight{\n\n    position:relative;\n\n    display:inline-block;\n\n    color:transparent;\n\n    background:\n        var(--gradient);\n\n    background-size:\n        220% 100%;\n\n    background-position:\n        100% center;\n\n    -webkit-background-clip:\n        text;\n\n    background-clip:\n        text;\n\n    transition:\n\n        background-position\n        .9s\n        cubic-bezier(.16,1,.3,1);\n}\n\n\n.cbfuture26:hover\n.cbf-title-highlight{\n\n    background-position:\n        0% center;\n}\n\n\n\/* ============================================================\n   L\u00cdNEA T\u00c9CNICA\n============================================================ *\/\n\n.cbfuture26 .cbf-tech-line{\n\n    position:relative;\n\n    width:\n        85px;\n\n    height:\n        3px;\n\n    margin:\n        0 0 27px 0;\n\n    overflow:hidden;\n\n    border-radius:\n        10px;\n\n    background:\n        #dfe4e8;\n\n    transition:\n\n        width\n        .65s\n        cubic-bezier(.16,1,.3,1);\n}\n\n\n.cbfuture26 .cbf-tech-line::after{\n\n    content:\"\";\n\n    position:absolute;\n\n    inset:0;\n\n    background:\n        var(--gradient);\n\n    transform:\n        translateX(-100%);\n\n    transition:\n\n        transform\n        .7s\n        cubic-bezier(.16,1,.3,1);\n}\n\n\n.cbfuture26:hover\n.cbf-tech-line{\n\n    width:\n        215px;\n}\n\n\n.cbfuture26:hover\n.cbf-tech-line::after{\n\n    transform:\n        translateX(0);\n}\n\n\n\/* ============================================================\n   DESCRIPCI\u00d3N\n============================================================ *\/\n\n.cbfuture26 .cbf-description{\n\n    display:block !important;\n\n    width:100% !important;\n\n    max-width:625px !important;\n\n    margin:\n        0 0 30px 0 !important;\n\n    padding:\n        0 !important;\n\n    font-family:\n        \"Inter\",\n        Arial,\n        sans-serif !important;\n\n    font-size:\n        16px !important;\n\n    line-height:\n        1.72 !important;\n\n    font-weight:\n        400 !important;\n\n    letter-spacing:\n        0 !important;\n\n    word-spacing:\n        0 !important;\n\n    color:\n        var(--text) !important;\n\n    text-align:\n        left !important;\n\n    white-space:\n        normal !important;\n\n    word-break:\n        normal !important;\n\n    overflow-wrap:\n        normal !important;\n\n    hyphens:\n        none !important;\n\n    column-count:\n        1 !important;\n}\n\n\n.cbfuture26 .cbf-description strong{\n\n    color:\n        #353b41;\n\n    font-weight:\n        700;\n}\n\n\n\/* ============================================================\n   CONCEPTOS INFERIORES\n============================================================ *\/\n\n.cbfuture26 .cbf-disciplines{\n\n    display:flex;\n\n    flex-wrap:wrap;\n\n    align-items:center;\n\n    gap:\n        8px;\n\n    width:100%;\n}\n\n\n.cbfuture26 .cbf-discipline{\n\n    position:relative;\n\n    display:inline-flex;\n\n    align-items:center;\n\n    gap:\n        8px;\n\n    padding:\n        10px 15px;\n\n    border:\n        1px solid\n        #e3e9ee;\n\n    border-radius:\n        100px;\n\n    background:\n        rgba(255,255,255,.65);\n\n    color:\n        #54616c;\n\n    font-size:\n        11px;\n\n    line-height:\n        1;\n\n    font-weight:\n        700;\n\n    letter-spacing:\n        .2px;\n\n    box-shadow:\n        0 8px 20px\n        rgba(20,40,58,.04);\n\n    transition:\n\n        transform\n        .4s\n        cubic-bezier(.16,1,.3,1),\n\n        border-color\n        .35s ease,\n\n        color\n        .35s ease,\n\n        box-shadow\n        .35s ease;\n}\n\n\n.cbfuture26 .cbf-discipline::before{\n\n    content:\"\";\n\n    width:\n        6px;\n\n    height:\n        6px;\n\n    flex:\n        0 0 6px;\n\n    border-radius:\n        50%;\n\n    background:\n        var(--gradient);\n\n    box-shadow:\n        0 0 9px\n        rgba(22,140,255,.25);\n}\n\n\n.cbfuture26 .cbf-discipline:hover{\n\n    transform:\n        translateY(-4px);\n\n    color:\n        var(--blue);\n\n    border-color:\n        rgba(22,140,255,.22);\n\n    box-shadow:\n        0 15px 28px\n        rgba(22,140,255,.09);\n}\n\n\n\/* ============================================================\n   ZONA DERECHA\n============================================================ *\/\n\n.cbfuture26 .cbf-machine-zone{\n\n    position:relative;\n\n    z-index:5;\n\n    width:100%;\n\n    height:\n        590px;\n\n    overflow:visible;\n\n    transform-style:\n        preserve-3d;\n}\n\n\n\/* ============================================================\n   FORMA DE FONDO DETR\u00c1S DE EXCAVADORA\n============================================================ *\/\n\n.cbfuture26 .cbf-machine-shape{\n\n    position:absolute;\n\n    z-index:1;\n\n    right:0;\n\n    top:25px;\n\n    width:\n        88%;\n\n    height:\n        535px;\n\n    border-radius:\n        42px 42px 42px 110px;\n\n    overflow:hidden;\n\n    background:\n\n        linear-gradient(\n            145deg,\n\n            #eef6fb 0%,\n\n            #eaf2f8 42%,\n\n            #f7fafc 100%\n        );\n\n    border:\n        1px solid\n        rgba(22,140,255,.08);\n\n    box-shadow:\n        0 25px 70px\n        rgba(21,44,65,.08);\n\n    clip-path:\n        polygon(\n            16% 0%,\n            100% 0%,\n            100% 100%,\n            0% 100%\n        );\n\n    transition:\n\n        transform\n        .65s\n        cubic-bezier(.16,1,.3,1),\n\n        box-shadow\n        .5s ease;\n}\n\n\n.cbfuture26:hover\n.cbf-machine-shape{\n\n    transform:\n        translateX(-6px);\n\n    box-shadow:\n        0 35px 85px\n        rgba(21,44,65,.12);\n}\n\n\n\/* ============================================================\n   GRID T\u00c9CNICO EN FONDO\n============================================================ *\/\n\n.cbfuture26 .cbf-machine-shape::before{\n\n    content:\"\";\n\n    position:absolute;\n\n    inset:0;\n\n    opacity:\n        .22;\n\n    background-image:\n\n        linear-gradient(\n            rgba(22,140,255,.10) 1px,\n            transparent 1px\n        ),\n\n        linear-gradient(\n            90deg,\n            rgba(22,140,255,.10) 1px,\n            transparent 1px\n        );\n\n    background-size:\n        32px 32px;\n\n    pointer-events:none;\n}\n\n\n\/* ============================================================\n   LUZ DIN\u00c1MICA\n============================================================ *\/\n\n.cbfuture26 .cbf-machine-light{\n\n    position:absolute;\n\n    z-index:2;\n\n    right:\n        6%;\n\n    top:\n        18%;\n\n    width:\n        460px;\n\n    height:\n        460px;\n\n    border-radius:\n        50%;\n\n    opacity:\n        .70;\n\n    pointer-events:none;\n\n    background:\n\n        radial-gradient(\n            circle,\n\n            rgba(36,182,255,.19),\n\n            rgba(49,211,179,.08) 36%,\n\n            transparent 68%\n        );\n\n    filter:\n        blur(10px);\n\n    transform:\n        translate(\n            var(--light-x,0px),\n            var(--light-y,0px)\n        );\n\n    transition:\n        transform .15s linear;\n}\n\n\n\/* ============================================================\n   IMAGEN EXCAVADORA\n============================================================ *\/\n\n.cbfuture26 .cbf-machine-image-wrap{\n\n    position:absolute;\n\n    z-index:4;\n\n    right:\n        -3%;\n\n    bottom:\n        6px;\n\n    width:\n        100%;\n\n    height:\n        565px;\n\n    overflow:hidden;\n\n    border-radius:\n        0 35px 35px 90px;\n\n    clip-path:\n        polygon(\n            17% 0%,\n            100% 0%,\n            100% 100%,\n            0% 100%\n        );\n\n    transform:\n\n        translate(\n            var(--machine-x,0px),\n            var(--machine-y,0px)\n        )\n\n        scale(1);\n\n    transform-origin:\n        center;\n\n    transition:\n\n        transform\n        .18s linear,\n\n        filter\n        .5s ease;\n}\n\n\n.cbfuture26 .cbf-machine-image{\n\n    display:block;\n\n    width:100%;\n\n    height:100%;\n\n    object-fit:cover;\n\n    object-position:\n        center 52%;\n\n    transform:\n        scale(1.03);\n\n    filter:\n\n        saturate(1.05)\n        contrast(1.03);\n\n    transition:\n\n        transform\n        1s\n        cubic-bezier(.16,1,.3,1),\n\n        filter\n        .6s ease;\n}\n\n\n.cbfuture26:hover\n.cbf-machine-image{\n\n    transform:\n        scale(1.075);\n\n    filter:\n\n        saturate(1.12)\n        contrast(1.05);\n}\n\n\n\/* ============================================================\n   DEGRADADO SUAVE SOBRE IMAGEN\n============================================================ *\/\n\n.cbfuture26 .cbf-machine-image-wrap::after{\n\n    content:\"\";\n\n    position:absolute;\n\n    inset:0;\n\n    pointer-events:none;\n\n    background:\n\n        linear-gradient(\n            90deg,\n\n            rgba(245,249,252,.85) 0%,\n\n            rgba(245,249,252,.18) 19%,\n\n            transparent 37%,\n\n            transparent 100%\n        );\n}\n\n\n\/* ============================================================\n   N\u00daMERO DECORATIVO\n============================================================ *\/\n\n.cbfuture26 .cbf-big-number{\n\n    position:absolute;\n\n    z-index:3;\n\n    right:\n        20px;\n\n    top:\n        -10px;\n\n    font-family:\n        \"Barlow Condensed\",\n        sans-serif;\n\n    font-size:\n        155px;\n\n    line-height:\n        1;\n\n    font-weight:\n        800;\n\n    letter-spacing:\n        -4px;\n\n    color:\n        rgba(22,140,255,.055);\n\n    pointer-events:none;\n\n    transition:\n\n        transform\n        .7s\n        cubic-bezier(.16,1,.3,1);\n}\n\n\n.cbfuture26:hover\n.cbf-big-number{\n\n    transform:\n        translateY(10px);\n}\n\n\n\/* ============================================================\n   PEQUE\u00d1A LEYENDA DE INGENIER\u00cdA\n============================================================ *\/\n\n.cbfuture26 .cbf-machine-caption{\n\n    position:absolute;\n\n    z-index:8;\n\n    right:\n        20px;\n\n    bottom:\n        25px;\n\n    display:inline-flex;\n\n    align-items:center;\n\n    gap:\n        9px;\n\n    padding:\n        9px 13px;\n\n    border-radius:\n        100px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.55);\n\n    background:\n        rgba(255,255,255,.76);\n\n    backdrop-filter:\n        blur(10px);\n\n    -webkit-backdrop-filter:\n        blur(10px);\n\n    color:\n        #50606e;\n\n    font-size:\n        10px;\n\n    font-weight:\n        800;\n\n    letter-spacing:\n        .7px;\n\n    text-transform:\n        uppercase;\n\n    box-shadow:\n        0 12px 28px\n        rgba(10,35,55,.08);\n}\n\n\n.cbfuture26 .cbf-machine-caption::before{\n\n    content:\"\";\n\n    width:\n        7px;\n\n    height:\n        7px;\n\n    border-radius:\n        50%;\n\n    background:\n        #30d4b2;\n\n    box-shadow:\n        0 0 10px\n        rgba(48,212,178,.55);\n}\n\n\n\/* ============================================================\n   ENTRADA DE LA SECCI\u00d3N\n============================================================ *\/\n\n@keyframes cbfContentEntrance{\n\n    0%{\n\n        opacity:\n            0;\n\n        transform:\n            translateX(-35px);\n    }\n\n    100%{\n\n        opacity:\n            1;\n\n        transform:\n            translateX(0);\n    }\n\n}\n\n\n@keyframes cbfMachineEntrance{\n\n    0%{\n\n        opacity:\n            0;\n\n        transform:\n            translateX(55px)\n            scale(.97);\n    }\n\n    100%{\n\n        opacity:\n            1;\n\n        transform:\n            translateX(0)\n            scale(1);\n    }\n\n}\n\n\n.cbfuture26 .cbf-content{\n\n    animation:\n\n        cbfContentEntrance\n        1s\n        cubic-bezier(.16,1,.3,1)\n        both;\n}\n\n\n.cbfuture26 .cbf-machine-zone{\n\n    animation:\n\n        cbfMachineEntrance\n        1.2s\n        cubic-bezier(.16,1,.3,1)\n        .12s\n        both;\n}\n\n\n\/* ============================================================\n   TABLET\n============================================================ *\/\n\n@media\n(max-width:1100px){\n\n    .cbfuture26 .cbf-shell{\n\n        grid-template-columns:\n            1fr;\n\n        min-height:\n            auto;\n\n        gap:\n            10px;\n    }\n\n\n    .cbfuture26 .cbf-content{\n\n        padding-bottom:\n            5px;\n    }\n\n\n    .cbfuture26 .cbf-title{\n\n        max-width:\n            850px !important;\n    }\n\n\n    .cbfuture26 .cbf-description{\n\n        max-width:\n            800px !important;\n    }\n\n\n    .cbfuture26 .cbf-machine-zone{\n\n        height:\n            560px;\n    }\n\n\n    .cbfuture26 .cbf-machine-shape{\n\n        width:\n            92%;\n\n        right:\n            0;\n    }\n\n\n    .cbfuture26 .cbf-machine-image-wrap{\n\n        width:\n            96%;\n\n        right:\n            0;\n    }\n\n}\n\n\n\/* ============================================================\n   M\u00d3VIL\n============================================================ *\/\n\n@media\n(max-width:700px){\n\n    .cbfuture26{\n\n        padding:\n            45px 16px\n            55px;\n    }\n\n\n    .cbfuture26 .cbf-shell{\n\n        gap:\n            10px;\n    }\n\n\n    .cbfuture26 .cbf-content{\n\n        padding:\n            15px 0;\n    }\n\n\n    .cbfuture26 .cbf-kicker{\n\n        font-size:\n            10px;\n\n        letter-spacing:\n            1.4px;\n    }\n\n\n    .cbfuture26 .cbf-title{\n\n        font-size:\n            58px !important;\n\n        line-height:\n            .86 !important;\n\n        letter-spacing:\n            -1px !important;\n\n        margin-bottom:\n            22px !important;\n    }\n\n\n    .cbfuture26 .cbf-description{\n\n        font-size:\n            14.5px !important;\n\n        line-height:\n            1.62 !important;\n\n        margin-bottom:\n            24px !important;\n    }\n\n\n    .cbfuture26 .cbf-disciplines{\n\n        gap:\n            6px;\n    }\n\n\n    .cbfuture26 .cbf-discipline{\n\n        padding:\n            9px 12px;\n\n        font-size:\n            10px;\n    }\n\n\n    .cbfuture26 .cbf-machine-zone{\n\n        height:\n            380px;\n\n        margin-top:\n            15px;\n    }\n\n\n    .cbfuture26 .cbf-machine-shape{\n\n        top:\n            10px;\n\n        width:\n            100%;\n\n        height:\n            350px;\n\n        border-radius:\n            28px 28px 28px 60px;\n\n        clip-path:\n            polygon(\n                6% 0%,\n                100% 0%,\n                100% 100%,\n                0% 100%\n            );\n    }\n\n\n    .cbfuture26 .cbf-machine-image-wrap{\n\n        right:\n            0;\n\n        width:\n            100%;\n\n        height:\n            370px;\n\n        border-radius:\n            20px 20px 20px 55px;\n\n        clip-path:\n            polygon(\n                7% 0%,\n                100% 0%,\n                100% 100%,\n                0% 100%\n            );\n    }\n\n\n    .cbfuture26 .cbf-machine-image{\n\n        object-position:\n            56% center;\n    }\n\n\n    .cbfuture26 .cbf-machine-image-wrap::after{\n\n        background:\n\n            linear-gradient(\n                90deg,\n\n                rgba(245,249,252,.40),\n\n                transparent 26%\n            );\n    }\n\n\n    .cbfuture26 .cbf-big-number{\n\n        font-size:\n            90px;\n\n        right:\n            10px;\n    }\n\n\n    .cbfuture26 .cbf-machine-caption{\n\n        right:\n            12px;\n\n        bottom:\n            15px;\n\n        font-size:\n            8px;\n    }\n\n\n    .cbfuture26 .cbf-deco-circle{\n\n        display:\n            none;\n    }\n\n}\n\n\n\/* ============================================================\n   ACCESIBILIDAD\n============================================================ *\/\n\n@media\n(prefers-reduced-motion:reduce){\n\n    .cbfuture26 *,\n    .cbfuture26 *::before,\n    .cbfuture26 *::after{\n\n        animation:\n            none !important;\n\n        transition:\n            none !important;\n    }\n\n}\n\n<\/style>\n\n<\/head>\n\n\n<body>\n\n\n<!-- ==========================================================\n     CONSTRUYENDO EL FUTURO\n=========================================================== -->\n\n<section\nclass=\"cbfuture26\"\nid=\"cbfuture26\"\n>\n\n\n<div class=\"cbf-shell\">\n\n\n    <!-- C\u00cdRCULO DECORATIVO -->\n\n    <div class=\"cbf-deco-circle\"><\/div>\n\n\n\n    <!-- =====================================================\n         TEXTO\n    ====================================================== -->\n\n    <div class=\"cbf-content\">\n\n\n        <div class=\"cbf-kicker\">\n\n            Ingenier\u00eda que construye\n\n        <\/div>\n\n\n        <h2 class=\"cbf-title\">\n\n            Construyendo<br>\n\n            el\n\n            <span class=\"cbf-title-highlight\">\n\n                Futuro\n\n            <\/span>\n\n        <\/h2>\n\n\n        <div class=\"cbf-tech-line\"><\/div>\n\n\n        <p class=\"cbf-description\">\n\n            En <strong>Construbauca<\/strong> transformamos ideas en infraestructura que perdura. Desarrollamos soluciones integrales de ingenier\u00eda, construcci\u00f3n y rehabilitaci\u00f3n, combinando capacidad t\u00e9cnica, experiencia operativa y una visi\u00f3n orientada a crear proyectos s\u00f3lidos, funcionales y sostenibles.\n\n        <\/p>\n\n\n        <div class=\"cbf-disciplines\">\n\n\n            <span class=\"cbf-discipline\">\n\n                Ingenier\u00eda\n\n            <\/span>\n\n\n            <span class=\"cbf-discipline\">\n\n                Construcci\u00f3n\n\n            <\/span>\n\n\n            <span class=\"cbf-discipline\">\n\n                Infraestructura\n\n            <\/span>\n\n\n            <span class=\"cbf-discipline\">\n\n                Rehabilitaci\u00f3n\n\n            <\/span>\n\n\n        <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         EXCAVADORA\n    ====================================================== -->\n\n    <div\n    class=\"cbf-machine-zone\"\n    id=\"cbfMachineZone\"\n    >\n\n\n        <div class=\"cbf-machine-shape\"><\/div>\n\n\n        <div class=\"cbf-machine-light\"><\/div>\n\n\n        <div class=\"cbf-big-number\">\n\n            01\n\n        <\/div>\n\n\n        <div\n        class=\"cbf-machine-image-wrap\"\n        id=\"cbfMachineWrap\"\n        >\n\n\n            <img decoding=\"async\"\n            class=\"cbf-machine-image\"\n            src=\"https:\/\/images.unsplash.com\/photo-1768085091650-e8e89ef57b76?auto=format&#038;fit=crop&#038;w=1600&#038;q=90\"\n            alt=\"Excavadora amarilla trabajando en movimiento de tierra\"\n            >\n\n\n        <\/div>\n\n\n        <div class=\"cbf-machine-caption\">\n\n            Ingenier\u00eda \u00b7 Construcci\u00f3n \u00b7 Ejecuci\u00f3n\n\n        <\/div>\n\n\n    <\/div>\n\n\n<\/div>\n\n\n<\/section>\n\n\n\n<script>\n\n\/* ============================================================\n   MOVIMIENTO INTERACTIVO\n============================================================ *\/\n\n(function(){\n\n\n    const section =\n        document.getElementById(\n            \"cbfuture26\"\n        );\n\n\n    const machineZone =\n        document.getElementById(\n            \"cbfMachineZone\"\n        );\n\n\n    const machineWrap =\n        document.getElementById(\n            \"cbfMachineWrap\"\n        );\n\n\n    if(\n        !section ||\n        !machineZone ||\n        !machineWrap\n    ){\n        return;\n    }\n\n\n\n    \/* ========================================================\n       SOLO DESKTOP \/ DISPOSITIVOS CON MOUSE\n    ========================================================= *\/\n\n    const canHover =\n        window.matchMedia(\n            \"(hover:hover) and (pointer:fine)\"\n        ).matches;\n\n\n    if(!canHover){\n        return;\n    }\n\n\n\n    \/* ========================================================\n       MOVIMIENTO\n    ========================================================= *\/\n\n    section.addEventListener(\n        \"mousemove\",\n        function(event){\n\n\n            const rect =\n                section.getBoundingClientRect();\n\n\n            const x =\n                event.clientX -\n                rect.left;\n\n\n            const y =\n                event.clientY -\n                rect.top;\n\n\n            const normalizedX =\n                (\n                    x \/\n                    rect.width\n                ) -\n                .5;\n\n\n            const normalizedY =\n                (\n                    y \/\n                    rect.height\n                ) -\n                .5;\n\n\n\n            \/* EXCAVADORA *\/\n\n            const machineX =\n                normalizedX * 12;\n\n\n            const machineY =\n                normalizedY * 8;\n\n\n            machineWrap.style.setProperty(\n                \"--machine-x\",\n                `${machineX}px`\n            );\n\n\n            machineWrap.style.setProperty(\n                \"--machine-y\",\n                `${machineY}px`\n            );\n\n\n\n            \/* LUZ *\/\n\n            const lightX =\n                normalizedX * 35;\n\n\n            const lightY =\n                normalizedY * 28;\n\n\n            machineZone.style.setProperty(\n                \"--light-x\",\n                `${lightX}px`\n            );\n\n\n            machineZone.style.setProperty(\n                \"--light-y\",\n                `${lightY}px`\n            );\n\n\n        }\n    );\n\n\n\n    \/* ========================================================\n       REGRESAR A POSICI\u00d3N ORIGINAL\n    ========================================================= *\/\n\n    section.addEventListener(\n        \"mouseleave\",\n        function(){\n\n\n            machineWrap.style.setProperty(\n                \"--machine-x\",\n                \"0px\"\n            );\n\n\n            machineWrap.style.setProperty(\n                \"--machine-y\",\n                \"0px\"\n            );\n\n\n            machineZone.style.setProperty(\n                \"--light-x\",\n                \"0px\"\n            );\n\n\n            machineZone.style.setProperty(\n                \"--light-y\",\n                \"0px\"\n            );\n\n\n        }\n    );\n\n\n})();\n\n<\/script>\n\n\n<\/body>\n\n<\/html>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b32dc90 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b32dc90\" data-element_type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f4ff4d9\" data-id=\"f4ff4d9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-968f900 elementor-widget elementor-widget-text-editor\" data-id=\"968f900\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n\n<head>\n\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n<title>\u00c1reas de Especializaci\u00f3n | Construbauca<\/title>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link\nhref=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@600;700;800&#038;family=Inter:wght@400;500;600;700&#038;display=swap\"\nrel=\"stylesheet\"\n>\n\n<style>\n\n\/* ============================================================\n   CONSTRUBAUCA\n   NUESTRAS \u00c1REAS\n============================================================ *\/\n\n.cbxareas2,\n.cbxareas2 *{\n    box-sizing:border-box;\n}\n\n.cbxareas2{\n\n    --background:#f5f6f8;\n    --title:#34393f;\n    --text:#6c7680;\n\n    --blue:#168cff;\n    --cyan:#20ccd1;\n    --green:#31d3b3;\n\n    --gradient:\n        linear-gradient(\n            135deg,\n            #31d3b3 0%,\n            #20ccd1 30%,\n            #168cff 68%,\n            #4359e8 100%\n        );\n\n    width:100%;\n\n    margin:0;\n\n    padding:\n        70px 24px\n        85px;\n\n    background:\n        var(--background);\n\n    font-family:\n        \"Inter\",\n        Arial,\n        sans-serif;\n\n    color:\n        var(--title);\n}\n\n\n\/* ============================================================\n   CONTENEDOR\n============================================================ *\/\n\n.cbxareas2 .cbxa-shell{\n\n    width:100%;\n\n    max-width:1440px;\n\n    margin:\n        0 auto;\n}\n\n\n\/* ============================================================\n   ENCABEZADO\n============================================================ *\/\n\n.cbxareas2 .cbxa-kicker{\n\n    display:inline-flex;\n\n    align-items:center;\n\n    gap:11px;\n\n    margin:\n        0 0 18px 0;\n\n    color:\n        var(--blue);\n\n    font-size:\n        12px;\n\n    line-height:\n        1;\n\n    font-weight:\n        800;\n\n    letter-spacing:\n        1.8px;\n\n    text-transform:\n        uppercase;\n}\n\n\n.cbxareas2 .cbxa-kicker::before{\n\n    content:\"\";\n\n    width:\n        42px;\n\n    height:\n        2px;\n\n    border-radius:\n        20px;\n\n    background:\n        var(--gradient);\n}\n\n\n\/* ============================================================\n   T\u00cdTULO PRINCIPAL\n============================================================ *\/\n\n.cbxareas2 .cbxa-main-title{\n\n    display:block !important;\n\n    width:100% !important;\n\n    max-width:none !important;\n\n    margin:\n        0 0 18px 0 !important;\n\n    padding:\n        0 !important;\n\n    font-family:\n        \"Barlow Condensed\",\n        Arial,\n        sans-serif !important;\n\n    font-size:\n        clamp(\n            48px,\n            5vw,\n            72px\n        ) !important;\n\n    line-height:\n        .95 !important;\n\n    font-weight:\n        800 !important;\n\n    letter-spacing:\n        -.8px !important;\n\n    color:\n        var(--title) !important;\n\n    text-align:\n        left !important;\n}\n\n\n\/* ============================================================\n   INTRO\n============================================================ *\/\n\n.cbxareas2 .cbxa-intro{\n\n    display:block !important;\n\n    width:100% !important;\n\n    max-width:\n        900px !important;\n\n    margin:\n        0 0 42px 0 !important;\n\n    padding:\n        0 !important;\n\n    font-family:\n        \"Inter\",\n        Arial,\n        sans-serif !important;\n\n    font-size:\n        16px !important;\n\n    line-height:\n        1.7 !important;\n\n    font-weight:\n        400 !important;\n\n    letter-spacing:\n        0 !important;\n\n    color:\n        var(--text) !important;\n\n    text-align:\n        left !important;\n\n    white-space:\n        normal !important;\n\n    word-break:\n        normal !important;\n\n    overflow-wrap:\n        normal !important;\n\n    column-count:\n        1 !important;\n}\n\n\n\/* ============================================================\n   GRID\n============================================================ *\/\n\n.cbxareas2 .cbxa-grid{\n\n    width:\n        100%;\n\n    display:\n        grid;\n\n    grid-template-columns:\n        repeat(\n            4,\n            minmax(0,1fr)\n        );\n\n    gap:\n        20px;\n\n    align-items:\n        stretch;\n}\n\n\n\/* ============================================================\n   TARJETAS\n============================================================ *\/\n\n.cbxareas2 .cbxa-card{\n\n    position:\n        relative;\n\n    width:\n        100%;\n\n    min-width:\n        0;\n\n    height:\n        430px;\n\n    margin:\n        0;\n\n    padding:\n        0;\n\n    overflow:\n        hidden;\n\n    border-radius:\n        26px;\n\n    background:\n        #d7dde2;\n\n    box-shadow:\n        0 15px 38px\n        rgba(20,36,50,.10);\n\n    isolation:\n        isolate;\n\n    cursor:\n        default;\n\n    transition:\n\n        transform\n        .5s\n        cubic-bezier(.16,1,.3,1),\n\n        box-shadow\n        .5s ease;\n}\n\n\n.cbxareas2 .cbxa-card:hover{\n\n    transform:\n        translateY(-9px);\n\n    box-shadow:\n        0 30px 65px\n        rgba(20,36,50,.18);\n}\n\n\n\/* ============================================================\n   IMAGEN\n============================================================ *\/\n\n.cbxareas2 .cbxa-photo{\n\n    position:\n        absolute;\n\n    inset:\n        0;\n\n    z-index:\n        0;\n\n    display:\n        block;\n\n    width:\n        100%;\n\n    height:\n        100%;\n\n    object-fit:\n        cover;\n\n    transform:\n        scale(1.01);\n\n    filter:\n        saturate(.94)\n        contrast(1.03);\n\n    transition:\n\n        transform\n        1.1s\n        cubic-bezier(.16,1,.3,1),\n\n        filter\n        .65s ease;\n}\n\n\n.cbxareas2 .cbxa-card:hover\n.cbxa-photo{\n\n    transform:\n        scale(1.085);\n\n    filter:\n        saturate(.82)\n        brightness(.52)\n        contrast(1.06);\n}\n\n\n\/* ============================================================\n   ENCUADRE INDIVIDUAL\n============================================================ *\/\n\n.cbxareas2\n.cbxa-civil\n.cbxa-photo{\n\n    object-position:\n        center 48%;\n}\n\n\n\/* HIDR\u00c1ULICA - REPRESA *\/\n\n.cbxareas2\n.cbxa-hidraulica\n.cbxa-photo{\n\n    object-position:\n        center 50%;\n}\n\n\n\/* TRATAMIENTO *\/\n\n.cbxareas2\n.cbxa-agua\n.cbxa-photo{\n\n    object-position:\n        center 50%;\n}\n\n\n\/* MEC\u00c1NICA - TUBER\u00cdAS *\/\n\n.cbxareas2\n.cbxa-mecanica\n.cbxa-photo{\n\n    object-position:\n        center center;\n}\n\n\n\/* VIAL - ASFALTADO *\/\n\n.cbxareas2\n.cbxa-vial\n.cbxa-photo{\n\n    object-position:\n        center center;\n}\n\n\n\/* EL\u00c9CTRICA *\/\n\n.cbxareas2\n.cbxa-electrica\n.cbxa-photo{\n\n    object-position:\n        center center;\n}\n\n\n\/* HOSPITAL *\/\n\n.cbxareas2\n.cbxa-hospitalaria\n.cbxa-photo{\n\n    object-position:\n        center 48%;\n}\n\n\n\/* DEPORTIVA *\/\n\n.cbxareas2\n.cbxa-deportiva\n.cbxa-photo{\n\n    object-position:\n        center center;\n}\n\n\n\/* ============================================================\n   SOMBRA\n============================================================ *\/\n\n.cbxareas2 .cbxa-shade{\n\n    position:\n        absolute;\n\n    inset:\n        0;\n\n    z-index:\n        1;\n\n    pointer-events:\n        none;\n\n    background:\n\n        linear-gradient(\n            to top,\n\n            rgba(5,15,25,.90) 0%,\n\n            rgba(5,15,25,.57) 24%,\n\n            rgba(5,15,25,.14) 59%,\n\n            rgba(5,15,25,.03) 100%\n        );\n\n    transition:\n        background\n        .55s ease;\n}\n\n\n.cbxareas2 .cbxa-card:hover\n.cbxa-shade{\n\n    background:\n\n        linear-gradient(\n            145deg,\n\n            rgba(3,17,30,.95),\n\n            rgba(6,32,54,.87)\n        );\n}\n\n\n\/* ============================================================\n   LUZ HOVER\n============================================================ *\/\n\n.cbxareas2 .cbxa-hover-light{\n\n    position:\n        absolute;\n\n    inset:\n        0;\n\n    z-index:\n        2;\n\n    opacity:\n        0;\n\n    pointer-events:\n        none;\n\n    background:\n\n        radial-gradient(\n            circle at 15% 10%,\n\n            rgba(32,204,209,.25),\n\n            transparent 42%\n        ),\n\n        linear-gradient(\n            145deg,\n\n            rgba(49,211,179,.08),\n\n            rgba(22,140,255,.10),\n\n            rgba(67,89,232,.05)\n        );\n\n    transition:\n        opacity\n        .55s ease;\n}\n\n\n.cbxareas2 .cbxa-card:hover\n.cbxa-hover-light{\n\n    opacity:\n        1;\n}\n\n\n\/* ============================================================\n   L\u00cdNEA SUPERIOR\n============================================================ *\/\n\n.cbxareas2 .cbxa-card::after{\n\n    content:\"\";\n\n    position:\n        absolute;\n\n    z-index:\n        12;\n\n    top:\n        0;\n\n    left:\n        0;\n\n    width:\n        100%;\n\n    height:\n        4px;\n\n    background:\n        var(--gradient);\n\n    transform:\n        scaleX(0);\n\n    transform-origin:\n        left center;\n\n    transition:\n\n        transform\n        .6s\n        cubic-bezier(.16,1,.3,1);\n}\n\n\n.cbxareas2 .cbxa-card:hover::after{\n\n    transform:\n        scaleX(1);\n}\n\n\n\/* ============================================================\n   ETIQUETA\n============================================================ *\/\n\n.cbxareas2 .cbxa-tag{\n\n    position:\n        absolute;\n\n    z-index:\n        10;\n\n    top:\n        20px;\n\n    left:\n        20px;\n\n    display:\n        inline-flex;\n\n    align-items:\n        center;\n\n    gap:\n        8px;\n\n    padding:\n        8px 12px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.20);\n\n    border-radius:\n        100px;\n\n    background:\n        rgba(4,18,31,.27);\n\n    backdrop-filter:\n        blur(12px);\n\n    -webkit-backdrop-filter:\n        blur(12px);\n\n    color:\n        rgba(255,255,255,.94);\n\n    font-size:\n        10px;\n\n    line-height:\n        1;\n\n    font-weight:\n        700;\n\n    letter-spacing:\n        .8px;\n\n    text-transform:\n        uppercase;\n\n    transition:\n\n        transform\n        .45s\n        cubic-bezier(.16,1,.3,1),\n\n        background\n        .4s ease;\n}\n\n\n.cbxareas2 .cbxa-tag::before{\n\n    content:\"\";\n\n    width:\n        6px;\n\n    height:\n        6px;\n\n    flex:\n        0 0 6px;\n\n    border-radius:\n        50%;\n\n    background:\n        #34ddb7;\n\n    box-shadow:\n\n        0 0 0 4px\n        rgba(52,221,183,.08),\n\n        0 0 10px\n        rgba(52,221,183,.70);\n}\n\n\n.cbxareas2 .cbxa-card:hover\n.cbxa-tag{\n\n    transform:\n        translateY(-2px);\n\n    background:\n        rgba(4,18,31,.50);\n}\n\n\n\/* ============================================================\n   CONTENIDO\n============================================================ *\/\n\n.cbxareas2 .cbxa-content{\n\n    position:\n        absolute;\n\n    z-index:\n        6;\n\n    inset:\n        0;\n\n    display:\n        flex;\n\n    flex-direction:\n        column;\n\n    justify-content:\n        flex-end;\n\n    width:\n        100%;\n\n    height:\n        100%;\n\n    padding:\n        25px 22px;\n\n    pointer-events:\n        none;\n}\n\n\n\/* ============================================================\n   T\u00cdTULO TARJETA\n============================================================ *\/\n\n.cbxareas2\n.cbxa-card-title{\n\n    display:\n        block !important;\n\n    width:\n        100% !important;\n\n    max-width:\n        100% !important;\n\n    margin:\n        0 !important;\n\n    padding:\n        0 !important;\n\n    font-family:\n        \"Barlow Condensed\",\n        Arial,\n        sans-serif !important;\n\n    font-size:\n        clamp(\n            31px,\n            2.7vw,\n            42px\n        ) !important;\n\n    line-height:\n        .94 !important;\n\n    font-weight:\n        800 !important;\n\n    letter-spacing:\n        -.4px !important;\n\n    text-transform:\n        uppercase;\n\n    color:\n        #ffffff !important;\n\n    white-space:\n        normal !important;\n\n    word-break:\n        normal !important;\n\n    overflow-wrap:\n        normal !important;\n\n    column-count:\n        1 !important;\n\n    transform:\n        translateY(0);\n\n    opacity:\n        1;\n\n    transition:\n\n        transform\n        .55s\n        cubic-bezier(.16,1,.3,1),\n\n        opacity\n        .25s ease;\n}\n\n\n\/* ============================================================\n   T\u00cdTULO DESAPARECE AL PASAR CURSOR\n============================================================ *\/\n\n.cbxareas2\n.cbxa-card:hover\n.cbxa-card-title{\n\n    transform:\n        translateY(-260px);\n\n    opacity:\n        0;\n}\n\n\n\/* ============================================================\n   DESCRIPCI\u00d3N\n============================================================ *\/\n\n.cbxareas2\n.cbxa-description{\n\n    position:\n        absolute;\n\n    z-index:\n        9;\n\n    left:\n        22px;\n\n    right:\n        22px;\n\n    bottom:\n        27px;\n\n    display:\n        block !important;\n\n    width:\n        auto !important;\n\n    max-width:\n        none !important;\n\n    margin:\n        0 !important;\n\n    padding:\n        0 !important;\n\n    opacity:\n        0;\n\n    transform:\n        translateY(48px);\n\n    pointer-events:\n        none;\n\n    transition:\n\n        opacity\n        .38s ease\n        .08s,\n\n        transform\n        .55s\n        cubic-bezier(.16,1,.3,1)\n        .03s;\n}\n\n\n.cbxareas2\n.cbxa-card:hover\n.cbxa-description{\n\n    opacity:\n        1;\n\n    transform:\n        translateY(0);\n}\n\n\n\/* ============================================================\n   T\u00cdTULO DESCRIPCI\u00d3N\n============================================================ *\/\n\n.cbxareas2\n.cbxa-description-title{\n\n    display:\n        block !important;\n\n    width:\n        100% !important;\n\n    max-width:\n        100% !important;\n\n    margin:\n        0 0 10px 0 !important;\n\n    padding:\n        0 !important;\n\n    font-family:\n        \"Barlow Condensed\",\n        Arial,\n        sans-serif !important;\n\n    font-size:\n        25px !important;\n\n    line-height:\n        1 !important;\n\n    font-weight:\n        700 !important;\n\n    letter-spacing:\n        0 !important;\n\n    color:\n        #ffffff !important;\n\n    text-transform:\n        uppercase;\n\n    white-space:\n        normal !important;\n}\n\n\n\/* ============================================================\n   P\u00c1RRAFO\n============================================================ *\/\n\n.cbxareas2\n.cbxa-description-copy{\n\n    display:\n        block !important;\n\n    width:\n        100% !important;\n\n    min-width:\n        100% !important;\n\n    max-width:\n        100% !important;\n\n    margin:\n        0 0 15px 0 !important;\n\n    padding:\n        0 !important;\n\n    font-family:\n        \"Inter\",\n        Arial,\n        sans-serif !important;\n\n    font-size:\n        13px !important;\n\n    line-height:\n        1.58 !important;\n\n    font-weight:\n        400 !important;\n\n    letter-spacing:\n        0 !important;\n\n    word-spacing:\n        0 !important;\n\n    color:\n        rgba(255,255,255,.84) !important;\n\n    text-align:\n        left !important;\n\n    white-space:\n        normal !important;\n\n    word-break:\n        normal !important;\n\n    overflow-wrap:\n        normal !important;\n\n    hyphens:\n        none !important;\n\n    column-count:\n        1 !important;\n}\n\n\n\/* ============================================================\n   CATEGOR\u00cdA\n============================================================ *\/\n\n.cbxareas2\n.cbxa-mini{\n\n    display:\n        inline-flex;\n\n    align-items:\n        center;\n\n    gap:\n        8px;\n\n    color:\n        #65dfff;\n\n    font-size:\n        10px;\n\n    line-height:\n        1;\n\n    font-weight:\n        700;\n\n    letter-spacing:\n        .8px;\n\n    text-transform:\n        uppercase;\n}\n\n\n.cbxareas2\n.cbxa-mini::before{\n\n    content:\"\";\n\n    width:\n        17px;\n\n    height:\n        1px;\n\n    background:\n        var(--gradient);\n}\n\n\n\/* ============================================================\n   REFLEJO ANIMADO\n============================================================ *\/\n\n.cbxareas2\n.cbxa-shine{\n\n    position:\n        absolute;\n\n    z-index:\n        4;\n\n    top:\n        -25%;\n\n    left:\n        -90%;\n\n    width:\n        55%;\n\n    height:\n        150%;\n\n    pointer-events:\n        none;\n\n    opacity:\n        .5;\n\n    transform:\n        skewX(-18deg);\n\n    background:\n\n        linear-gradient(\n            90deg,\n\n            transparent,\n\n            rgba(255,255,255,.13),\n\n            transparent\n        );\n\n    transition:\n\n        left\n        .9s\n        cubic-bezier(.16,1,.3,1);\n}\n\n\n.cbxareas2\n.cbxa-card:hover\n.cbxa-shine{\n\n    left:\n        145%;\n}\n\n\n\/* ============================================================\n   TABLET\n============================================================ *\/\n\n@media\n(max-width:1150px){\n\n    .cbxareas2\n    .cbxa-grid{\n\n        grid-template-columns:\n            repeat(\n                2,\n                minmax(0,1fr)\n            );\n    }\n\n\n    .cbxareas2\n    .cbxa-card{\n\n        height:\n            420px;\n    }\n\n}\n\n\n\/* ============================================================\n   M\u00d3VIL\n============================================================ *\/\n\n@media\n(max-width:650px){\n\n    .cbxareas2{\n\n        padding:\n            50px 15px\n            65px;\n    }\n\n\n    .cbxareas2\n    .cbxa-main-title{\n\n        font-size:\n            46px !important;\n    }\n\n\n    .cbxareas2\n    .cbxa-intro{\n\n        font-size:\n            14.5px !important;\n\n        line-height:\n            1.6 !important;\n\n        margin-bottom:\n            30px !important;\n    }\n\n\n    .cbxareas2\n    .cbxa-grid{\n\n        grid-template-columns:\n            1fr;\n\n        gap:\n            17px;\n    }\n\n\n    .cbxareas2\n    .cbxa-card{\n\n        height:\n            390px;\n    }\n\n\n    .cbxareas2\n    .cbxa-card-title{\n\n        opacity:\n            0;\n\n        transform:\n            translateY(-230px);\n    }\n\n\n    .cbxareas2\n    .cbxa-description{\n\n        opacity:\n            1;\n\n        transform:\n            translateY(0);\n    }\n\n}\n\n\n\/* ============================================================\n   ACCESIBILIDAD\n============================================================ *\/\n\n@media\n(prefers-reduced-motion:reduce){\n\n    .cbxareas2 *,\n    .cbxareas2 *::before,\n    .cbxareas2 *::after{\n\n        transition:\n            none !important;\n\n        animation:\n            none !important;\n    }\n\n}\n\n<\/style>\n\n<\/head>\n\n\n<body>\n\n\n<section class=\"cbxareas2\">\n\n\n<div class=\"cbxa-shell\">\n\n\n    <!-- =====================================================\n         ENCABEZADO\n    ====================================================== -->\n\n    <div class=\"cbxa-kicker\">\n\n        \u00c1reas de especializaci\u00f3n\n\n    <\/div>\n\n\n    <h2 class=\"cbxa-main-title\">\n\n        Nuestras \u00c1reas\n\n    <\/h2>\n\n\n    <p class=\"cbxa-intro\">\n\n        Desarrollamos soluciones integrales en distintas \u00e1reas de ingenier\u00eda, construcci\u00f3n e infraestructura. Cada especialidad combina experiencia t\u00e9cnica, capacidad operativa y visi\u00f3n estrat\u00e9gica para responder a proyectos de alta exigencia.\n\n    <\/p>\n\n\n\n    <div class=\"cbxa-grid\">\n\n\n\n        <!-- =================================================\n             01 CIVILES\n        ================================================== -->\n\n        <article class=\"cbxa-card cbxa-civil\">\n\n\n            <img decoding=\"async\"\n                class=\"cbxa-photo\"\n                src=\"https:\/\/images.unsplash.com\/photo-1504307651254-35680f356dfd?auto=format&#038;fit=crop&#038;w=1400&#038;q=88\"\n                alt=\"Obras civiles\"\n            >\n\n\n            <div class=\"cbxa-shade\"><\/div>\n            <div class=\"cbxa-hover-light\"><\/div>\n            <div class=\"cbxa-shine\"><\/div>\n\n\n            <span class=\"cbxa-tag\">\n\n                \u00c1rea t\u00e9cnica\n\n            <\/span>\n\n\n            <div class=\"cbxa-content\">\n\n                <h3 class=\"cbxa-card-title\">\n\n                    Civiles\n\n                <\/h3>\n\n            <\/div>\n\n\n            <div class=\"cbxa-description\">\n\n                <span class=\"cbxa-description-title\">\n\n                    Obras Civiles\n\n                <\/span>\n\n                <p class=\"cbxa-description-copy\">\n\n                    Ejecutamos obras de infraestructura, edificaciones, fundaciones y rehabilitaciones con planificaci\u00f3n t\u00e9cnica, control constructivo y altos est\u00e1ndares de calidad.\n\n                <\/p>\n\n                <span class=\"cbxa-mini\">\n\n                    Infraestructura &#038; Construcci\u00f3n\n\n                <\/span>\n\n            <\/div>\n\n\n        <\/article>\n\n\n\n        <!-- =================================================\n             02 HIDR\u00c1ULICA\n             REPRESAS Y EMBALSES\n        ================================================== -->\n\n        <article class=\"cbxa-card cbxa-hidraulica\">\n\n\n            <img decoding=\"async\"\n                class=\"cbxa-photo\"\n                src=\"https:\/\/images.unsplash.com\/photo-1497668319663-af2fa49df87e?auto=format&#038;fit=crop&#038;w=1400&#038;q=88\"\n                alt=\"Represa y embalse\"\n            >\n\n\n            <div class=\"cbxa-shade\"><\/div>\n            <div class=\"cbxa-hover-light\"><\/div>\n            <div class=\"cbxa-shine\"><\/div>\n\n\n            <span class=\"cbxa-tag\">\n\n                \u00c1rea t\u00e9cnica\n\n            <\/span>\n\n\n            <div class=\"cbxa-content\">\n\n                <h3 class=\"cbxa-card-title\">\n\n                    Hidr\u00e1ulica\n\n                <\/h3>\n\n            <\/div>\n\n\n            <div class=\"cbxa-description\">\n\n                <span class=\"cbxa-description-title\">\n\n                    Ingenier\u00eda Hidr\u00e1ulica\n\n                <\/span>\n\n                <p class=\"cbxa-description-copy\">\n\n                    Desarrollamos obras hidr\u00e1ulicas vinculadas a represas, embalses, aliviaderos, canales, sistemas de conducci\u00f3n y estructuras para el control y manejo de grandes vol\u00famenes de agua.\n\n                <\/p>\n\n                <span class=\"cbxa-mini\">\n\n                    Represas &#038; Obras Hidr\u00e1ulicas\n\n                <\/span>\n\n            <\/div>\n\n\n        <\/article>\n\n\n\n        <!-- =================================================\n             03 TRATAMIENTO DE AGUA\n        ================================================== -->\n\n        <article class=\"cbxa-card cbxa-agua\">\n\n\n            <img decoding=\"async\"\n                class=\"cbxa-photo\"\n                src=\"https:\/\/images.unsplash.com\/photo-1538300342682-cf57afb97285?auto=format&#038;fit=crop&#038;w=1400&#038;q=88\"\n                alt=\"Planta de tratamiento de agua\"\n            >\n\n\n            <div class=\"cbxa-shade\"><\/div>\n            <div class=\"cbxa-hover-light\"><\/div>\n            <div class=\"cbxa-shine\"><\/div>\n\n\n            <span class=\"cbxa-tag\">\n\n                \u00c1rea t\u00e9cnica\n\n            <\/span>\n\n\n            <div class=\"cbxa-content\">\n\n                <h3 class=\"cbxa-card-title\">\n\n                    Tratamiento de Agua\n\n                <\/h3>\n\n            <\/div>\n\n\n            <div class=\"cbxa-description\">\n\n                <span class=\"cbxa-description-title\">\n\n                    Tratamiento de Agua\n\n                <\/span>\n\n                <p class=\"cbxa-description-copy\">\n\n                    Rehabilitamos y optimizamos plantas, sistemas hidr\u00e1ulicos y procesos de tratamiento orientados a mejorar la eficiencia, continuidad y calidad operativa.\n\n                <\/p>\n\n                <span class=\"cbxa-mini\">\n\n                    Plantas &#038; Optimizaci\u00f3n\n\n                <\/span>\n\n            <\/div>\n\n\n        <\/article>\n\n\n\n        <!-- =================================================\n             04 MEC\u00c1NICA\n             TUBER\u00cdAS INDUSTRIALES\n        ================================================== -->\n\n        <article class=\"cbxa-card cbxa-mecanica\">\n\n\n            <img decoding=\"async\"\n                class=\"cbxa-photo\"\n                src=\"https:\/\/images.unsplash.com\/photo-1773517460230-15928a2adc4e?auto=format&#038;fit=crop&#038;w=1400&#038;q=88\"\n                alt=\"Tuber\u00edas industriales de alta presi\u00f3n y v\u00e1lvulas\"\n            >\n\n\n            <div class=\"cbxa-shade\"><\/div>\n            <div class=\"cbxa-hover-light\"><\/div>\n            <div class=\"cbxa-shine\"><\/div>\n\n\n            <span class=\"cbxa-tag\">\n\n                \u00c1rea t\u00e9cnica\n\n            <\/span>\n\n\n            <div class=\"cbxa-content\">\n\n                <h3 class=\"cbxa-card-title\">\n\n                    Mec\u00e1nica\n\n                <\/h3>\n\n            <\/div>\n\n\n            <div class=\"cbxa-description\">\n\n                <span class=\"cbxa-description-title\">\n\n                    Ingenier\u00eda Mec\u00e1nica\n\n                <\/span>\n\n                <p class=\"cbxa-description-copy\">\n\n                    Ejecutamos sistemas de tuber\u00edas de alta presi\u00f3n, redes industriales, v\u00e1lvulas, accesorios y soluciones mec\u00e1nicas para conducci\u00f3n de fluidos y procesos especializados.\n\n                <\/p>\n\n                <span class=\"cbxa-mini\">\n\n                    Alta Presi\u00f3n &#038; Tuber\u00edas\n\n                <\/span>\n\n            <\/div>\n\n\n        <\/article>\n\n\n\n        <!-- =================================================\n             05 VIAL\n             ASFALTADO\n        ================================================== -->\n\n        <article class=\"cbxa-card cbxa-vial\">\n\n\n            <img decoding=\"async\"\n                class=\"cbxa-photo\"\n                src=\"https:\/\/images.unsplash.com\/photo-1772852340517-b11ec88979fc?auto=format&#038;fit=crop&#038;w=1400&#038;q=88\"\n                alt=\"Pavimentadora colocando asfalto en carretera\"\n            >\n\n\n            <div class=\"cbxa-shade\"><\/div>\n            <div class=\"cbxa-hover-light\"><\/div>\n            <div class=\"cbxa-shine\"><\/div>\n\n\n            <span class=\"cbxa-tag\">\n\n                \u00c1rea t\u00e9cnica\n\n            <\/span>\n\n\n            <div class=\"cbxa-content\">\n\n                <h3 class=\"cbxa-card-title\">\n\n                    Vial\n\n                <\/h3>\n\n            <\/div>\n\n\n            <div class=\"cbxa-description\">\n\n                <span class=\"cbxa-description-title\">\n\n                    Asfaltado de Carreteras\n\n                <\/span>\n\n                <p class=\"cbxa-description-copy\">\n\n                    Ejecutamos construcci\u00f3n y rehabilitaci\u00f3n de carreteras, preparaci\u00f3n de bases, colocaci\u00f3n de mezclas asf\u00e1lticas, pavimentaci\u00f3n y compactaci\u00f3n de superficies viales.\n\n                <\/p>\n\n                <span class=\"cbxa-mini\">\n\n                    Asfaltado &#038; Pavimentaci\u00f3n\n\n                <\/span>\n\n            <\/div>\n\n\n        <\/article>\n\n\n\n        <!-- =================================================\n             06 EL\u00c9CTRICA\n        ================================================== -->\n\n        <article class=\"cbxa-card cbxa-electrica\">\n\n\n            <img decoding=\"async\"\n                class=\"cbxa-photo\"\n                src=\"https:\/\/images.unsplash.com\/photo-1473341304170-971dccb5ac1e?auto=format&#038;fit=crop&#038;w=1400&#038;q=88\"\n                alt=\"Infraestructura el\u00e9ctrica de alta tensi\u00f3n\"\n            >\n\n\n            <div class=\"cbxa-shade\"><\/div>\n            <div class=\"cbxa-hover-light\"><\/div>\n            <div class=\"cbxa-shine\"><\/div>\n\n\n            <span class=\"cbxa-tag\">\n\n                \u00c1rea t\u00e9cnica\n\n            <\/span>\n\n\n            <div class=\"cbxa-content\">\n\n                <h3 class=\"cbxa-card-title\">\n\n                    El\u00e9ctrica\n\n                <\/h3>\n\n            <\/div>\n\n\n            <div class=\"cbxa-description\">\n\n                <span class=\"cbxa-description-title\">\n\n                    Sistemas El\u00e9ctricos\n\n                <\/span>\n\n                <p class=\"cbxa-description-copy\">\n\n                    Desarrollamos soluciones de alta y baja tensi\u00f3n, subestaciones, sistemas de transformaci\u00f3n, distribuci\u00f3n el\u00e9ctrica, alumbrado y sistemas de potencia.\n\n                <\/p>\n\n                <span class=\"cbxa-mini\">\n\n                    Alta Tensi\u00f3n &#038; Transformaci\u00f3n\n\n                <\/span>\n\n            <\/div>\n\n\n        <\/article>\n\n\n\n        <!-- =================================================\n             07 HOSPITALARIA\n        ================================================== -->\n\n        <article class=\"cbxa-card cbxa-hospitalaria\">\n\n\n            <img decoding=\"async\"\n                class=\"cbxa-photo\"\n                src=\"https:\/\/images.unsplash.com\/photo-1586773860418-d37222d8fce3?auto=format&#038;fit=crop&#038;w=1400&#038;q=88\"\n                alt=\"Infraestructura hospitalaria\"\n            >\n\n\n            <div class=\"cbxa-shade\"><\/div>\n            <div class=\"cbxa-hover-light\"><\/div>\n            <div class=\"cbxa-shine\"><\/div>\n\n\n            <span class=\"cbxa-tag\">\n\n                \u00c1rea especializada\n\n            <\/span>\n\n\n            <div class=\"cbxa-content\">\n\n                <h3 class=\"cbxa-card-title\">\n\n                    Hospitalaria\n\n                <\/h3>\n\n            <\/div>\n\n\n            <div class=\"cbxa-description\">\n\n                <span class=\"cbxa-description-title\">\n\n                    \u00c1rea Hospitalaria\n\n                <\/span>\n\n                <p class=\"cbxa-description-copy\">\n\n                    Ejecutamos construcci\u00f3n, adecuaci\u00f3n y rehabilitaci\u00f3n funcional de espacios hospitalarios, cl\u00ednicos y \u00e1reas t\u00e9cnicas especializadas.\n\n                <\/p>\n\n                <span class=\"cbxa-mini\">\n\n                    Salud &#038; Operatividad\n\n                <\/span>\n\n            <\/div>\n\n\n        <\/article>\n\n\n\n        <!-- =================================================\n             08 COMPLEJOS DEPORTIVOS\n        ================================================== -->\n\n        <article class=\"cbxa-card cbxa-deportiva\">\n\n\n            <img decoding=\"async\"\n                class=\"cbxa-photo\"\n                src=\"https:\/\/images.unsplash.com\/photo-1540747913346-19e32dc3e97e?auto=format&#038;fit=crop&#038;w=1400&#038;q=88\"\n                alt=\"Estadio e infraestructura deportiva\"\n            >\n\n\n            <div class=\"cbxa-shade\"><\/div>\n            <div class=\"cbxa-hover-light\"><\/div>\n            <div class=\"cbxa-shine\"><\/div>\n\n\n            <span class=\"cbxa-tag\">\n\n                \u00c1rea especializada\n\n            <\/span>\n\n\n            <div class=\"cbxa-content\">\n\n                <h3 class=\"cbxa-card-title\">\n\n                    Complejos Deportivos\n\n                <\/h3>\n\n            <\/div>\n\n\n            <div class=\"cbxa-description\">\n\n                <span class=\"cbxa-description-title\">\n\n                    Infraestructura Deportiva\n\n                <\/span>\n\n                <p class=\"cbxa-description-copy\">\n\n                    Dise\u00f1amos, construimos y rehabilitamos instalaciones deportivas, campos, complejos y espacios recreativos integrando infraestructura y equipamiento especializado.\n\n                <\/p>\n\n                <span class=\"cbxa-mini\">\n\n                    Dise\u00f1o &#038; Equipamiento\n\n                <\/span>\n\n            <\/div>\n\n\n        <\/article>\n\n\n\n    <\/div>\n\n\n<\/div>\n\n\n<\/section>\n\n\n<\/body>\n\n<\/html>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5597478 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"5597478\" data-element_type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[{&quot;jet_parallax_layout_image&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;_id&quot;:&quot;b606009&quot;,&quot;jet_parallax_layout_image_tablet&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;jet_parallax_layout_image_mobile&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;jet_parallax_layout_speed&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:50,&quot;sizes&quot;:[]},&quot;jet_parallax_layout_type&quot;:&quot;scroll&quot;,&quot;jet_parallax_layout_direction&quot;:null,&quot;jet_parallax_layout_fx_direction&quot;:null,&quot;jet_parallax_layout_z_index&quot;:&quot;&quot;,&quot;jet_parallax_layout_bg_x&quot;:50,&quot;jet_parallax_layout_bg_x_tablet&quot;:&quot;&quot;,&quot;jet_parallax_layout_bg_x_mobile&quot;:&quot;&quot;,&quot;jet_parallax_layout_bg_y&quot;:50,&quot;jet_parallax_layout_bg_y_tablet&quot;:&quot;&quot;,&quot;jet_parallax_layout_bg_y_mobile&quot;:&quot;&quot;,&quot;jet_parallax_layout_bg_size&quot;:&quot;auto&quot;,&quot;jet_parallax_layout_bg_size_tablet&quot;:&quot;&quot;,&quot;jet_parallax_layout_bg_size_mobile&quot;:&quot;&quot;,&quot;jet_parallax_layout_animation_prop&quot;:&quot;transform&quot;,&quot;jet_parallax_layout_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;]}],&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-57949eb\" data-id=\"57949eb\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fcde0df elementor-widget elementor-widget-image\" data-id=\"fcde0df\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"395\" height=\"51\" src=\"https:\/\/constructorabautista.com\/wp-content\/uploads\/2023\/06\/Mask-group.png\" class=\"attachment-large size-large wp-image-665\" alt=\"\" srcset=\"https:\/\/constructorabautista.com\/wp-content\/uploads\/2023\/06\/Mask-group.png 395w, https:\/\/constructorabautista.com\/wp-content\/uploads\/2023\/06\/Mask-group-300x39.png 300w\" sizes=\"(max-width: 395px) 100vw, 395px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-77423db elementor-icon-list--layout-inline elementor-align-center elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"77423db\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/constructorabautista.com\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Inicio<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/constructorabautista.com\/?page_id=85\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Nosotros<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/constructorabautista.com\/?page_id=23\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Organizaci\u00f3n<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/constructorabautista.com\/?page_id=396\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Areas<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/constructorabautista.com\/?page_id=423\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Portafolio<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/constructorabautista.com\/?page_id=443\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Otros paises<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/constructorabautista.com\/?page_id=6\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Cont\u00e1cto<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0c8e790 elementor-shape-circle elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons\" data-id=\"0c8e790\" data-element_type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-facebook-f elementor-repeater-item-758d9a6\" href=\"https:\/\/www.facebook.com\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Facebook-f<\/span>\n\t\t\t\t\t\t<i class=\"fab fa-facebook-f\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-twitter elementor-repeater-item-70e90e5\" href=\"https:\/\/twitter.com\/construbauca\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Twitter<\/span>\n\t\t\t\t\t\t<i class=\"fab fa-twitter\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-bb8369b\" href=\"https:\/\/www.instagram.com\/construbauca\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<i class=\"fab fa-instagram\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da35954 elementor-widget elementor-widget-text-editor\" data-id=\"da35954\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Copyright 2023 Constructorabautista. All rights reserved.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Areas Construyendo el Futuro | Construbauca Ingenier\u00eda que construye Construyendo el Futuro En Construbauca transformamos ideas en infraestructura que perdura. Desarrollamos soluciones integrales de ingenier\u00eda, construcci\u00f3n y rehabilitaci\u00f3n, combinando capacidad t\u00e9cnica, experiencia operativa y una visi\u00f3n orientada a crear proyectos s\u00f3lidos, funcionales y sostenibles. Ingenier\u00eda Construcci\u00f3n Infraestructura Rehabilitaci\u00f3n 01 Ingenier\u00eda \u00b7 Construcci\u00f3n \u00b7 Ejecuci\u00f3n \u00c1reas [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/constructorabautista.com\/index.php?rest_route=\/wp\/v2\/pages\/396"}],"collection":[{"href":"https:\/\/constructorabautista.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/constructorabautista.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/constructorabautista.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/constructorabautista.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=396"}],"version-history":[{"count":61,"href":"https:\/\/constructorabautista.com\/index.php?rest_route=\/wp\/v2\/pages\/396\/revisions"}],"predecessor-version":[{"id":918,"href":"https:\/\/constructorabautista.com\/index.php?rest_route=\/wp\/v2\/pages\/396\/revisions\/918"}],"wp:attachment":[{"href":"https:\/\/constructorabautista.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=396"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}