{"id":78,"date":"2020-11-14T08:38:28","date_gmt":"2020-11-14T08:38:28","guid":{"rendered":"https:\/\/jupiterx.artbees.net\/chemical-manufacturing\/?p=78"},"modified":"2026-08-18T15:53:43","modified_gmt":"2026-08-18T19:53:43","slug":"lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-3","status":"publish","type":"post","link":"https:\/\/constructorabautista.com\/construcloro\/2020\/11\/14\/lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-3\/","title":{"rendered":"Aplicaciones"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"78\" class=\"elementor elementor-78\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1147bc1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1147bc1\" 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-7be3280\" data-id=\"7be3280\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e667c8a elementor-widget elementor-widget-html\" data-id=\"e667c8a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"cb-sectores-page\" id=\"cbSectoresPage\">\r\n\r\n<style>\r\n\r\n\/* ============================================================\r\n   CONSTRUCLORO\r\n   SOLUCIONES POR SECTOR\r\n============================================================ *\/\r\n\r\n.cb-sectores-page,\r\n.cb-sectores-page *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.cb-sectores-page{\r\n\r\n    --dark:#26323b;\r\n    --dark2:#394651;\r\n    --text:#697681;\r\n    --line:#e3eaf0;\r\n\r\n    --green:#43dca0;\r\n    --cyan:#20ccd4;\r\n    --blue:#168cff;\r\n    --purple:#4359e8;\r\n\r\n    --gradient:\r\n        linear-gradient(\r\n            90deg,\r\n            #43dca0 0%,\r\n            #20ccd4 37%,\r\n            #168cff 73%,\r\n            #4359e8 100%\r\n        );\r\n\r\n    width:100%;\r\n\r\n    padding:\r\n        72px 24px\r\n        90px;\r\n\r\n    background:\r\n        transparent;\r\n\r\n    overflow:hidden;\r\n\r\n    font-family:\r\n        \"Inter\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    position:relative;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   FUENTES\r\n============================================================ *\/\r\n\r\n@import url(\r\n'https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700;800&display=swap'\r\n);\r\n\r\n\r\n\/* ============================================================\r\n   LUCES DECORATIVAS\r\n============================================================ *\/\r\n\r\n.cb-sectores-page .sec-glow{\r\n\r\n    position:absolute;\r\n\r\n    border-radius:50%;\r\n\r\n    filter:blur(70px);\r\n\r\n    pointer-events:none;\r\n\r\n    opacity:.15;\r\n\r\n    z-index:0;\r\n}\r\n\r\n\r\n.cb-sectores-page .sec-glow-1{\r\n\r\n    width:340px;\r\n    height:340px;\r\n\r\n    left:-120px;\r\n    top:130px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(32,204,212,.30),\r\n            transparent 70%\r\n        );\r\n}\r\n\r\n\r\n.cb-sectores-page .sec-glow-2{\r\n\r\n    width:390px;\r\n    height:390px;\r\n\r\n    right:-130px;\r\n    bottom:200px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(22,140,255,.22),\r\n            transparent 70%\r\n        );\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   CONTENEDOR\r\n============================================================ *\/\r\n\r\n.cb-sectores-page .sec-shell{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    width:100%;\r\n\r\n    max-width:\r\n        1440px;\r\n\r\n    margin:\r\n        0 auto;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   CABECERA\r\n============================================================ *\/\r\n\r\n.cb-sectores-page .sec-header{\r\n\r\n    max-width:\r\n        920px;\r\n\r\n    margin-bottom:\r\n        48px;\r\n}\r\n\r\n\r\n.cb-sectores-page .sec-kicker{\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:11px;\r\n\r\n    margin-bottom:\r\n        17px;\r\n\r\n    color:\r\n        var(--blue);\r\n\r\n    font-size:\r\n        11px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    letter-spacing:\r\n        1.9px;\r\n\r\n    text-transform:\r\n        uppercase;\r\n\r\n    opacity:0;\r\n\r\n    transform:\r\n        translateY(18px);\r\n\r\n    transition:\r\n        opacity .7s ease,\r\n        transform .7s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n\r\n.cb-sectores-page .sec-kicker::before{\r\n\r\n    content:\"\";\r\n\r\n    width:\r\n        43px;\r\n\r\n    height:\r\n        2px;\r\n\r\n    background:\r\n        var(--gradient);\r\n\r\n    border-radius:\r\n        30px;\r\n\r\n    transition:\r\n        width .45s ease;\r\n}\r\n\r\n\r\n.cb-sectores-page:hover\r\n.sec-kicker::before{\r\n\r\n    width:\r\n        76px;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TITULO\r\n============================================================ *\/\r\n\r\n.cb-sectores-page .sec-main-title{\r\n\r\n    display:block !important;\r\n\r\n    width:100% !important;\r\n\r\n    margin:\r\n        0 0 17px 0 !important;\r\n\r\n    padding:0 !important;\r\n\r\n    color:\r\n        var(--dark) !important;\r\n\r\n    font-family:\r\n        \"Barlow Condensed\",\r\n        Arial,\r\n        sans-serif !important;\r\n\r\n    font-size:\r\n        clamp(\r\n            52px,\r\n            6vw,\r\n            84px\r\n        ) !important;\r\n\r\n    line-height:\r\n        .91 !important;\r\n\r\n    font-weight:\r\n        800 !important;\r\n\r\n    letter-spacing:\r\n        -1px !important;\r\n\r\n    opacity:0;\r\n\r\n    transform:\r\n        translateY(22px);\r\n\r\n    transition:\r\n        opacity .75s ease .07s,\r\n        transform .75s cubic-bezier(.16,1,.3,1) .07s;\r\n}\r\n\r\n\r\n.cb-sectores-page\r\n.sec-main-title span{\r\n\r\n    color:transparent;\r\n\r\n    background:\r\n        var(--gradient);\r\n\r\n    background-size:\r\n        220% 100%;\r\n\r\n    background-position:\r\n        100% center;\r\n\r\n    -webkit-background-clip:text;\r\n\r\n    background-clip:text;\r\n\r\n    transition:\r\n        background-position\r\n        .9s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n\r\n.cb-sectores-page:hover\r\n.sec-main-title span{\r\n\r\n    background-position:\r\n        0% center;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   INTRO\r\n============================================================ *\/\r\n\r\n.cb-sectores-page .sec-intro{\r\n\r\n    display:block !important;\r\n\r\n    width:100% !important;\r\n\r\n    max-width:\r\n        820px !important;\r\n\r\n    margin:\r\n        0 !important;\r\n\r\n    padding:\r\n        0 !important;\r\n\r\n    color:\r\n        var(--text) !important;\r\n\r\n    font-size:\r\n        16px !important;\r\n\r\n    line-height:\r\n        1.75 !important;\r\n\r\n    font-weight:\r\n        400 !important;\r\n\r\n    white-space:\r\n        normal !important;\r\n\r\n    word-break:\r\n        normal !important;\r\n\r\n    overflow-wrap:\r\n        normal !important;\r\n\r\n    opacity:0;\r\n\r\n    transform:\r\n        translateY(18px);\r\n\r\n    transition:\r\n        opacity .75s ease .16s,\r\n        transform .75s cubic-bezier(.16,1,.3,1) .16s;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   INDICADOR 05 SECTORES\r\n============================================================ *\/\r\n\r\n.cb-sectores-page .sec-counter{\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:\r\n        12px;\r\n\r\n    margin-top:\r\n        27px;\r\n\r\n    padding:\r\n        11px 15px;\r\n\r\n    border:\r\n        1px solid\r\n        var(--line);\r\n\r\n    border-radius:\r\n        100px;\r\n\r\n    background:\r\n        rgba(255,255,255,.78);\r\n\r\n    color:\r\n        #61707c;\r\n\r\n    font-size:\r\n        10px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    letter-spacing:\r\n        .9px;\r\n\r\n    text-transform:\r\n        uppercase;\r\n\r\n    opacity:0;\r\n\r\n    transform:\r\n        translateY(16px);\r\n\r\n    transition:\r\n        opacity .7s ease .24s,\r\n        transform .7s cubic-bezier(.16,1,.3,1) .24s;\r\n}\r\n\r\n\r\n.cb-sectores-page\r\n.sec-counter strong{\r\n\r\n    color:\r\n        var(--blue);\r\n\r\n    font-family:\r\n        \"Barlow Condensed\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        21px;\r\n\r\n    line-height:\r\n        1;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   LISTA\r\n============================================================ *\/\r\n\r\n.cb-sectores-page .sec-list{\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    gap:\r\n        22px;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   BANNER\r\n============================================================ *\/\r\n\r\n.cb-sectores-page .sec-card{\r\n\r\n    position:relative;\r\n\r\n    width:100%;\r\n\r\n    min-height:\r\n        350px;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        58% 42%;\r\n\r\n    overflow:hidden;\r\n\r\n    border:\r\n        1px solid\r\n        var(--line);\r\n\r\n    border-radius:\r\n        30px;\r\n\r\n    background:\r\n        #ffffff;\r\n\r\n    box-shadow:\r\n        0 16px 42px\r\n        rgba(20,40,58,.08);\r\n\r\n    opacity:0;\r\n\r\n    transition:\r\n\r\n        transform .55s\r\n        cubic-bezier(.16,1,.3,1),\r\n\r\n        box-shadow .5s ease,\r\n\r\n        border-color .4s ease;\r\n}\r\n\r\n\r\n\/* entradas izquierda *\/\r\n\r\n.cb-sectores-page\r\n.sec-card.from-left{\r\n\r\n    transform:\r\n        translateX(-90px);\r\n}\r\n\r\n\r\n\/* entradas derecha *\/\r\n\r\n.cb-sectores-page\r\n.sec-card.from-right{\r\n\r\n    transform:\r\n        translateX(90px);\r\n}\r\n\r\n\r\n.cb-sectores-page\r\n.sec-card.visible{\r\n\r\n    opacity:1;\r\n\r\n    transform:\r\n        translateX(0);\r\n}\r\n\r\n\r\n.cb-sectores-page\r\n.sec-card:hover{\r\n\r\n    transform:\r\n        translateY(-7px);\r\n\r\n    border-color:\r\n        rgba(22,140,255,.17);\r\n\r\n    box-shadow:\r\n        0 29px 65px\r\n        rgba(20,40,58,.15);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   ALTERNAR POSICI\u00d3N\r\n============================================================ *\/\r\n\r\n.cb-sectores-page\r\n.sec-card.reverse{\r\n\r\n    grid-template-columns:\r\n        42% 58%;\r\n}\r\n\r\n\r\n.cb-sectores-page\r\n.sec-card.reverse\r\n.sec-image{\r\n\r\n    grid-column:\r\n        2;\r\n\r\n    grid-row:\r\n        1;\r\n}\r\n\r\n\r\n.cb-sectores-page\r\n.sec-card.reverse\r\n.sec-content{\r\n\r\n    grid-column:\r\n        1;\r\n\r\n    grid-row:\r\n        1;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   IMAGEN\r\n============================================================ *\/\r\n\r\n.cb-sectores-page .sec-image{\r\n\r\n    position:relative;\r\n\r\n    min-height:\r\n        350px;\r\n\r\n    overflow:hidden;\r\n\r\n    background:\r\n        #e9eff3;\r\n}\r\n\r\n\r\n.cb-sectores-page .sec-image img{\r\n\r\n    display:block;\r\n\r\n    width:100%;\r\n    height:100%;\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    object-fit:\r\n        cover;\r\n\r\n    object-position:\r\n        center;\r\n\r\n    transform:\r\n        scale(1.01);\r\n\r\n    transition:\r\n\r\n        transform\r\n        1.05s\r\n        cubic-bezier(.16,1,.3,1),\r\n\r\n        filter .5s ease;\r\n}\r\n\r\n\r\n.cb-sectores-page\r\n.sec-card:hover\r\n.sec-image img{\r\n\r\n    transform:\r\n        scale(1.075);\r\n\r\n    filter:\r\n        saturate(1.04)\r\n        contrast(1.02);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   CAPA SOBRE IMAGEN\r\n============================================================ *\/\r\n\r\n.cb-sectores-page .sec-image::after{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            180deg,\r\n            transparent 40%,\r\n            rgba(3,19,31,.24) 100%\r\n        );\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   NUMERO GRANDE\r\n============================================================ *\/\r\n\r\n.cb-sectores-page .sec-number{\r\n\r\n    position:absolute;\r\n\r\n    left:\r\n        24px;\r\n\r\n    bottom:\r\n        16px;\r\n\r\n    z-index:4;\r\n\r\n    color:\r\n        rgba(255,255,255,.92);\r\n\r\n    font-family:\r\n        \"Barlow Condensed\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        74px;\r\n\r\n    line-height:\r\n        .8;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    letter-spacing:\r\n        -2px;\r\n\r\n    text-shadow:\r\n        0 8px 25px\r\n        rgba(0,0,0,.22);\r\n\r\n    transition:\r\n        transform\r\n        .45s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n\r\n.cb-sectores-page\r\n.sec-card:hover\r\n.sec-number{\r\n\r\n    transform:\r\n        translateY(-4px);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   CONTENIDO\r\n============================================================ *\/\r\n\r\n.cb-sectores-page .sec-content{\r\n\r\n    position:relative;\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    justify-content:center;\r\n\r\n    padding:\r\n        36px 36px;\r\n\r\n    overflow:hidden;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   FONDO DECORATIVO DEL CONTENIDO\r\n============================================================ *\/\r\n\r\n.cb-sectores-page\r\n.sec-content::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:\r\n        220px;\r\n\r\n    height:\r\n        220px;\r\n\r\n    right:\r\n        -110px;\r\n\r\n    top:\r\n        -100px;\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n    background:\r\n\r\n        radial-gradient(\r\n            circle,\r\n            rgba(32,204,212,.10),\r\n            transparent 68%\r\n        );\r\n\r\n    transition:\r\n        transform .6s ease;\r\n}\r\n\r\n\r\n.cb-sectores-page\r\n.sec-card:hover\r\n.sec-content::before{\r\n\r\n    transform:\r\n        scale(1.15);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   ETIQUETA\r\n============================================================ *\/\r\n\r\n.cb-sectores-page .sec-label{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    align-self:flex-start;\r\n\r\n    gap:\r\n        8px;\r\n\r\n    margin-bottom:\r\n        16px;\r\n\r\n    padding:\r\n        8px 11px;\r\n\r\n    border:\r\n        1px solid\r\n        #e2e9ee;\r\n\r\n    border-radius:\r\n        100px;\r\n\r\n    background:\r\n        #f7fafc;\r\n\r\n    color:\r\n        #64727d;\r\n\r\n    font-size:\r\n        9px;\r\n\r\n    line-height:\r\n        1;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    letter-spacing:\r\n        .9px;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n.cb-sectores-page\r\n.sec-label::before{\r\n\r\n    content:\"\";\r\n\r\n    width:\r\n        6px;\r\n\r\n    height:\r\n        6px;\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n    background:\r\n        #43dca0;\r\n\r\n    box-shadow:\r\n        0 0 9px\r\n        rgba(67,220,160,.50);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TITULO TARJETA\r\n============================================================ *\/\r\n\r\n.cb-sectores-page .sec-title{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    display:block !important;\r\n\r\n    width:100% !important;\r\n\r\n    margin:\r\n        0 0 13px 0 !important;\r\n\r\n    padding:0 !important;\r\n\r\n    color:\r\n        var(--dark) !important;\r\n\r\n    font-family:\r\n        \"Barlow Condensed\",\r\n        Arial,\r\n        sans-serif !important;\r\n\r\n    font-size:\r\n        clamp(\r\n            35px,\r\n            3.5vw,\r\n            50px\r\n        ) !important;\r\n\r\n    line-height:\r\n        .92 !important;\r\n\r\n    font-weight:\r\n        800 !important;\r\n\r\n    letter-spacing:\r\n        -.5px !important;\r\n\r\n    transition:\r\n\r\n        transform\r\n        .45s cubic-bezier(.16,1,.3,1),\r\n\r\n        color .35s ease;\r\n}\r\n\r\n\r\n.cb-sectores-page\r\n.sec-card:hover\r\n.sec-title{\r\n\r\n    transform:\r\n        translateX(4px);\r\n\r\n    color:\r\n        var(--blue) !important;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   L\u00cdNEA\r\n============================================================ *\/\r\n\r\n.cb-sectores-page .sec-line{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    width:\r\n        50px;\r\n\r\n    height:\r\n        3px;\r\n\r\n    margin-bottom:\r\n        16px;\r\n\r\n    border-radius:\r\n        20px;\r\n\r\n    background:\r\n        var(--gradient);\r\n\r\n    transition:\r\n        width\r\n        .55s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n\r\n.cb-sectores-page\r\n.sec-card:hover\r\n.sec-line{\r\n\r\n    width:\r\n        145px;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TEXTO PRINCIPAL\r\n============================================================ *\/\r\n\r\n.cb-sectores-page .sec-short{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    display:block !important;\r\n\r\n    width:100% !important;\r\n\r\n    margin:\r\n        0 !important;\r\n\r\n    padding:0 !important;\r\n\r\n    color:\r\n        #56636e !important;\r\n\r\n    font-size:\r\n        14px !important;\r\n\r\n    line-height:\r\n        1.67 !important;\r\n\r\n    font-weight:\r\n        500 !important;\r\n\r\n    white-space:\r\n        normal !important;\r\n\r\n    word-break:\r\n        normal !important;\r\n\r\n    overflow-wrap:\r\n        normal !important;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TEXTO ADICIONAL HOVER\r\n============================================================ *\/\r\n\r\n.cb-sectores-page .sec-more{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    max-height:0;\r\n\r\n    margin-top:0;\r\n\r\n    overflow:hidden;\r\n\r\n    opacity:0;\r\n\r\n    transform:\r\n        translateY(10px);\r\n\r\n    color:\r\n        #75808a;\r\n\r\n    font-size:\r\n        12.5px;\r\n\r\n    line-height:\r\n        1.6;\r\n\r\n    transition:\r\n\r\n        max-height .55s ease,\r\n\r\n        margin-top .45s ease,\r\n\r\n        opacity .45s ease,\r\n\r\n        transform .45s ease;\r\n}\r\n\r\n\r\n.cb-sectores-page\r\n.sec-card:hover\r\n.sec-more{\r\n\r\n    max-height:\r\n        140px;\r\n\r\n    margin-top:\r\n        13px;\r\n\r\n    opacity:1;\r\n\r\n    transform:\r\n        translateY(0);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TAGS\r\n============================================================ *\/\r\n\r\n.cb-sectores-page .sec-tags{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    display:flex;\r\n\r\n    flex-wrap:wrap;\r\n\r\n    gap:\r\n        7px;\r\n\r\n    margin-top:\r\n        19px;\r\n}\r\n\r\n\r\n.cb-sectores-page .sec-tag{\r\n\r\n    padding:\r\n        7px 10px;\r\n\r\n    border:\r\n        1px solid\r\n        #e4ebef;\r\n\r\n    border-radius:\r\n        100px;\r\n\r\n    background:\r\n        #fafcfd;\r\n\r\n    color:\r\n        #64727d;\r\n\r\n    font-size:\r\n        9px;\r\n\r\n    font-weight:\r\n        700;\r\n\r\n    letter-spacing:\r\n        .3px;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   LINEA SUPERIOR HOVER\r\n============================================================ *\/\r\n\r\n.cb-sectores-page .sec-card::after{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    z-index:10;\r\n\r\n    top:0;\r\n    left:0;\r\n\r\n    width:100%;\r\n\r\n    height:\r\n        4px;\r\n\r\n    background:\r\n        var(--gradient);\r\n\r\n    transform:\r\n        scaleX(0);\r\n\r\n    transform-origin:\r\n        left center;\r\n\r\n    transition:\r\n        transform\r\n        .65s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n\r\n.cb-sectores-page\r\n.sec-card:hover::after{\r\n\r\n    transform:\r\n        scaleX(1);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   CABECERA VISIBLE\r\n============================================================ *\/\r\n\r\n.cb-sectores-page.ready\r\n.sec-kicker,\r\n\r\n.cb-sectores-page.ready\r\n.sec-main-title,\r\n\r\n.cb-sectores-page.ready\r\n.sec-intro,\r\n\r\n.cb-sectores-page.ready\r\n.sec-counter{\r\n\r\n    opacity:1;\r\n\r\n    transform:\r\n        translateY(0);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TABLET\r\n============================================================ *\/\r\n\r\n@media\r\n(max-width:1000px){\r\n\r\n    .cb-sectores-page\r\n    .sec-card,\r\n    .cb-sectores-page\r\n    .sec-card.reverse{\r\n\r\n        grid-template-columns:\r\n            1fr 1fr;\r\n\r\n        min-height:\r\n            330px;\r\n    }\r\n\r\n\r\n    .cb-sectores-page\r\n    .sec-image{\r\n\r\n        min-height:\r\n            330px;\r\n    }\r\n\r\n\r\n    .cb-sectores-page\r\n    .sec-content{\r\n\r\n        padding:\r\n            30px 25px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   M\u00d3VIL\r\n============================================================ *\/\r\n\r\n@media\r\n(max-width:700px){\r\n\r\n    .cb-sectores-page{\r\n\r\n        padding:\r\n            52px 15px\r\n            65px;\r\n    }\r\n\r\n\r\n    .cb-sectores-page\r\n    .sec-main-title{\r\n\r\n        font-size:\r\n            48px !important;\r\n    }\r\n\r\n\r\n    .cb-sectores-page\r\n    .sec-intro{\r\n\r\n        font-size:\r\n            14px !important;\r\n\r\n        line-height:\r\n            1.65 !important;\r\n    }\r\n\r\n\r\n    .cb-sectores-page\r\n    .sec-list{\r\n\r\n        gap:\r\n            17px;\r\n    }\r\n\r\n\r\n    .cb-sectores-page\r\n    .sec-card,\r\n    .cb-sectores-page\r\n    .sec-card.reverse{\r\n\r\n        display:flex;\r\n\r\n        flex-direction:\r\n            column;\r\n\r\n        min-height:\r\n            0;\r\n\r\n        border-radius:\r\n            23px;\r\n\r\n        transform:\r\n            none;\r\n    }\r\n\r\n\r\n    .cb-sectores-page\r\n    .sec-card.reverse\r\n    .sec-image,\r\n\r\n    .cb-sectores-page\r\n    .sec-card.reverse\r\n    .sec-content{\r\n\r\n        grid-column:\r\n            auto;\r\n\r\n        grid-row:\r\n            auto;\r\n    }\r\n\r\n\r\n    .cb-sectores-page\r\n    .sec-image{\r\n\r\n        width:100%;\r\n\r\n        min-height:\r\n            250px;\r\n    }\r\n\r\n\r\n    .cb-sectores-page\r\n    .sec-content{\r\n\r\n        padding:\r\n            25px 20px\r\n            23px;\r\n    }\r\n\r\n\r\n    .cb-sectores-page\r\n    .sec-title{\r\n\r\n        font-size:\r\n            34px !important;\r\n    }\r\n\r\n\r\n    \/*\r\n       NO DEPENDEMOS DEL HOVER EN M\u00d3VIL\r\n    *\/\r\n\r\n    .cb-sectores-page\r\n    .sec-more{\r\n\r\n        max-height:\r\n            none;\r\n\r\n        margin-top:\r\n            12px;\r\n\r\n        opacity:1;\r\n\r\n        transform:\r\n            none;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   ACCESIBILIDAD\r\n============================================================ *\/\r\n\r\n@media\r\n(prefers-reduced-motion:reduce){\r\n\r\n    .cb-sectores-page *,\r\n    .cb-sectores-page *::before,\r\n    .cb-sectores-page *::after{\r\n\r\n        animation:\r\n            none !important;\r\n\r\n        transition:\r\n            none !important;\r\n    }\r\n\r\n\r\n    .cb-sectores-page\r\n    .sec-card,\r\n\r\n    .cb-sectores-page\r\n    .sec-kicker,\r\n\r\n    .cb-sectores-page\r\n    .sec-main-title,\r\n\r\n    .cb-sectores-page\r\n    .sec-intro,\r\n\r\n    .cb-sectores-page\r\n    .sec-counter{\r\n\r\n        opacity:\r\n            1 !important;\r\n\r\n        transform:\r\n            none !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<div class=\"sec-glow sec-glow-1\"><\/div>\r\n<div class=\"sec-glow sec-glow-2\"><\/div>\r\n\r\n\r\n<div class=\"sec-shell\">\r\n\r\n\r\n    <!-- =====================================================\r\n         CABECERA\r\n    ====================================================== -->\r\n\r\n    <header class=\"sec-header\">\r\n\r\n\r\n        <div class=\"sec-kicker\">\r\n\r\n            Tecnolog\u00eda aplicada\r\n\r\n        <\/div>\r\n\r\n\r\n        <h1 class=\"sec-main-title\">\r\n\r\n            Soluciones por\r\n            <span>Sector<\/span>\r\n\r\n        <\/h1>\r\n\r\n\r\n        <p class=\"sec-intro\">\r\n\r\n            Desarrollamos soluciones de tratamiento, dosificaci\u00f3n y control del agua adaptadas a las necesidades espec\u00edficas de cada sector, combinando tecnolog\u00eda, precisi\u00f3n y confiabilidad operativa.\r\n\r\n        <\/p>\r\n\r\n\r\n        <div class=\"sec-counter\">\r\n\r\n            <strong>05<\/strong>\r\n\r\n            Sectores especializados\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/header>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         SECTORES\r\n    ====================================================== -->\r\n\r\n    <div class=\"sec-list\">\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             01 PLANTAS POTABILIZADORAS\r\n        ================================================== -->\r\n\r\n        <article class=\"sec-card from-left\">\r\n\r\n\r\n            <div class=\"sec-image\">\r\n\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/images.pexels.com\/photos\/12975471\/pexels-photo-12975471.jpeg?auto=compress&cs=tinysrgb&w=1600\"\r\n                    alt=\"Planta potabilizadora y tratamiento de agua\"\r\n                >\r\n\r\n\r\n                <span class=\"sec-number\">\r\n\r\n                    01\r\n\r\n                <\/span>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sec-content\">\r\n\r\n\r\n                <span class=\"sec-label\">\r\n\r\n                    Infraestructura h\u00eddrica\r\n\r\n                <\/span>\r\n\r\n\r\n                <h2 class=\"sec-title\">\r\n\r\n                    Plantas Potabilizadoras\r\n\r\n                <\/h2>\r\n\r\n\r\n                <div class=\"sec-line\"><\/div>\r\n\r\n\r\n                <p class=\"sec-short\">\r\n\r\n                    Sistemas orientados a garantizar agua segura mediante procesos eficientes de tratamiento, filtraci\u00f3n, desinfecci\u00f3n y dosificaci\u00f3n.\r\n\r\n                <\/p>\r\n\r\n\r\n                <div class=\"sec-more\">\r\n\r\n                    Integramos soluciones para optimizar procesos de potabilizaci\u00f3n y mejorar el control operativo, adapt\u00e1ndonos a las caracter\u00edsticas y exigencias de cada instalaci\u00f3n.\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sec-tags\">\r\n\r\n                    <span class=\"sec-tag\">\r\n                        Potabilizaci\u00f3n\r\n                    <\/span>\r\n\r\n                    <span class=\"sec-tag\">\r\n                        Filtraci\u00f3n\r\n                    <\/span>\r\n\r\n                    <span class=\"sec-tag\">\r\n                        Dosificaci\u00f3n\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             02 ALIMENTOS\r\n        ================================================== -->\r\n\r\n        <article class=\"sec-card reverse from-right\">\r\n\r\n\r\n            <div class=\"sec-image\">\r\n\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/images.pexels.com\/photos\/2889093\/pexels-photo-2889093.jpeg?auto=compress&cs=tinysrgb&w=1600\"\r\n                    alt=\"Procesos de lavado y tratamiento de alimentos\"\r\n                >\r\n\r\n\r\n                <span class=\"sec-number\">\r\n\r\n                    02\r\n\r\n                <\/span>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sec-content\">\r\n\r\n\r\n                <span class=\"sec-label\">\r\n\r\n                    Industria alimentaria\r\n\r\n                <\/span>\r\n\r\n\r\n                <h2 class=\"sec-title\">\r\n\r\n                    Industria de Alimentos\r\n\r\n                <\/h2>\r\n\r\n\r\n                <div class=\"sec-line\"><\/div>\r\n\r\n\r\n                <p class=\"sec-short\">\r\n\r\n                    Calidad del agua para procesos de lavado, preparaci\u00f3n, producci\u00f3n, limpieza y control sanitario.\r\n\r\n                <\/p>\r\n\r\n\r\n                <div class=\"sec-more\">\r\n\r\n                    El tratamiento adecuado del agua contribuye a mantener condiciones higi\u00e9nicas, respaldar la inocuidad del producto y mejorar la eficiencia de los procesos industriales.\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sec-tags\">\r\n\r\n                    <span class=\"sec-tag\">\r\n                        Lavado\r\n                    <\/span>\r\n\r\n                    <span class=\"sec-tag\">\r\n                        Higiene\r\n                    <\/span>\r\n\r\n                    <span class=\"sec-tag\">\r\n                        Producci\u00f3n\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             03 QU\u00cdMICA\r\n        ================================================== -->\r\n\r\n        <article class=\"sec-card from-left\">\r\n\r\n\r\n            <div class=\"sec-image\">\r\n\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/images.pexels.com\/photos\/12975468\/pexels-photo-12975468.jpeg?auto=compress&cs=tinysrgb&w=1600\"\r\n                    alt=\"Instalaci\u00f3n industrial de tanques y sistemas qu\u00edmicos\"\r\n                >\r\n\r\n\r\n                <span class=\"sec-number\">\r\n\r\n                    03\r\n\r\n                <\/span>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sec-content\">\r\n\r\n\r\n                <span class=\"sec-label\">\r\n\r\n                    Procesos industriales\r\n\r\n                <\/span>\r\n\r\n\r\n                <h2 class=\"sec-title\">\r\n\r\n                    Industria Qu\u00edmica\r\n\r\n                <\/h2>\r\n\r\n\r\n                <div class=\"sec-line\"><\/div>\r\n\r\n\r\n                <p class=\"sec-short\">\r\n\r\n                    Soluciones precisas para dosificaci\u00f3n, control y manejo de qu\u00edmicos en procesos industriales.\r\n\r\n                <\/p>\r\n\r\n\r\n                <div class=\"sec-more\">\r\n\r\n                    Dise\u00f1amos sistemas enfocados en la estabilidad de los procesos, la seguridad operativa y el control preciso de los par\u00e1metros de dosificaci\u00f3n.\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sec-tags\">\r\n\r\n                    <span class=\"sec-tag\">\r\n                        Dosificaci\u00f3n\r\n                    <\/span>\r\n\r\n                    <span class=\"sec-tag\">\r\n                        Control\r\n                    <\/span>\r\n\r\n                    <span class=\"sec-tag\">\r\n                        Seguridad\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             04 HOSPITAL\r\n        ================================================== -->\r\n\r\n        <article class=\"sec-card reverse from-right\">\r\n\r\n\r\n            <div class=\"sec-image\">\r\n\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/images.pexels.com\/photos\/7108114\/pexels-photo-7108114.jpeg?auto=compress&cs=tinysrgb&w=1600\"\r\n                    alt=\"\u00c1rea hospitalaria moderna y est\u00e9ril\"\r\n                >\r\n\r\n\r\n                <span class=\"sec-number\">\r\n\r\n                    04\r\n\r\n                <\/span>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sec-content\">\r\n\r\n\r\n                <span class=\"sec-label\">\r\n\r\n                    Aplicaci\u00f3n cr\u00edtica\r\n\r\n                <\/span>\r\n\r\n\r\n                <h2 class=\"sec-title\">\r\n\r\n                    Sector Hospitalario\r\n\r\n                <\/h2>\r\n\r\n\r\n                <div class=\"sec-line\"><\/div>\r\n\r\n\r\n                <p class=\"sec-short\">\r\n\r\n                    Agua segura para higiene, esterilizaci\u00f3n y procesos m\u00e9dicos que requieren altos est\u00e1ndares de calidad.\r\n\r\n                <\/p>\r\n\r\n\r\n                <div class=\"sec-more\">\r\n\r\n                    En instalaciones hospitalarias, la calidad del agua forma parte esencial de los procesos sanitarios y de las condiciones necesarias para operar \u00e1reas sensibles.\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sec-tags\">\r\n\r\n                    <span class=\"sec-tag\">\r\n                        Higiene\r\n                    <\/span>\r\n\r\n                    <span class=\"sec-tag\">\r\n                        Esterilizaci\u00f3n\r\n                    <\/span>\r\n\r\n                    <span class=\"sec-tag\">\r\n                        Agua segura\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             05 FARMAC\u00c9UTICA\r\n        ================================================== -->\r\n\r\n        <article class=\"sec-card from-left\">\r\n\r\n\r\n            <div class=\"sec-image\">\r\n\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/images.pexels.com\/photos\/4021819\/pexels-photo-4021819.jpeg?auto=compress&cs=tinysrgb&w=1600\"\r\n                    alt=\"Medicamentos y procesos farmac\u00e9uticos\"\r\n                >\r\n\r\n\r\n                <span class=\"sec-number\">\r\n\r\n                    05\r\n\r\n                <\/span>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"sec-content\">\r\n\r\n\r\n                <span class=\"sec-label\">\r\n\r\n                    Alta exigencia\r\n\r\n                <\/span>\r\n\r\n\r\n                <h2 class=\"sec-title\">\r\n\r\n                    Industria Farmac\u00e9utica\r\n\r\n                <\/h2>\r\n\r\n\r\n                <div class=\"sec-line\"><\/div>\r\n\r\n\r\n                <p class=\"sec-short\">\r\n\r\n                    Tratamiento y control del agua para procesos donde la pureza, estabilidad y precisi\u00f3n son fundamentales.\r\n\r\n                <\/p>\r\n\r\n\r\n                <div class=\"sec-more\">\r\n\r\n                    Las aplicaciones farmac\u00e9uticas requieren soluciones confiables que permitan respaldar procesos de fabricaci\u00f3n, formulaci\u00f3n, limpieza y control bajo estrictas exigencias operativas.\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"sec-tags\">\r\n\r\n                    <span class=\"sec-tag\">\r\n                        Pureza\r\n                    <\/span>\r\n\r\n                    <span class=\"sec-tag\">\r\n                        Precisi\u00f3n\r\n                    <\/span>\r\n\r\n                    <span class=\"sec-tag\">\r\n                        Procesos cr\u00edticos\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/article>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n\r\n    const page =\r\n        document.getElementById(\r\n            \"cbSectoresPage\"\r\n        );\r\n\r\n\r\n    if(!page){\r\n        return;\r\n    }\r\n\r\n\r\n\r\n    \/* ========================================================\r\n       CABECERA\r\n    ======================================================== *\/\r\n\r\n    requestAnimationFrame(\r\n        function(){\r\n\r\n            page.classList.add(\r\n                \"ready\"\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n\r\n\r\n    \/* ========================================================\r\n       TARJETAS\r\n    ======================================================== *\/\r\n\r\n    const cards =\r\n        page.querySelectorAll(\r\n            \".sec-card\"\r\n        );\r\n\r\n\r\n    if(\r\n        \"IntersectionObserver\"\r\n        in window\r\n    ){\r\n\r\n\r\n        const observer =\r\n            new IntersectionObserver(\r\n\r\n                function(entries){\r\n\r\n\r\n                    entries.forEach(\r\n                        function(entry){\r\n\r\n\r\n                            if(\r\n                                entry.isIntersecting\r\n                            ){\r\n\r\n\r\n                                entry.target.classList.add(\r\n                                    \"visible\"\r\n                                );\r\n\r\n\r\n                                observer.unobserve(\r\n                                    entry.target\r\n                                );\r\n\r\n\r\n                            }\r\n\r\n\r\n                        }\r\n                    );\r\n\r\n\r\n                },\r\n\r\n                {\r\n                    threshold:\r\n                        .16\r\n                }\r\n\r\n            );\r\n\r\n\r\n        cards.forEach(\r\n            function(card,index){\r\n\r\n\r\n                card.style.transitionDelay =\r\n                    `${index * .06}s`;\r\n\r\n\r\n                observer.observe(\r\n                    card\r\n                );\r\n\r\n\r\n            }\r\n        );\r\n\r\n\r\n    }\r\n    else{\r\n\r\n\r\n        cards.forEach(\r\n            function(card){\r\n\r\n                card.classList.add(\r\n                    \"visible\"\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n    }\r\n\r\n\r\n})();\r\n\r\n<\/script>\r\n\r\n\r\n<\/div>\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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tecnolog\u00eda aplicada Soluciones por Sector Desarrollamos soluciones de tratamiento, dosificaci\u00f3n y control del agua adaptadas a las necesidades espec\u00edficas de cada sector, combinando tecnolog\u00eda, precisi\u00f3n y confiabilidad operativa. 05 Sectores especializados 01 Infraestructura h\u00eddrica Plantas Potabilizadoras Sistemas orientados a garantizar agua segura mediante procesos eficientes de tratamiento, filtraci\u00f3n, desinfecci\u00f3n y dosificaci\u00f3n. Integramos soluciones para optimizar [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[34],"tags":[],"class_list":["post-78","post","type-post","status-publish","format-standard","hentry","category-aplicaciones"],"acf":[],"_links":{"self":[{"href":"https:\/\/constructorabautista.com\/construcloro\/wp-json\/wp\/v2\/posts\/78"}],"collection":[{"href":"https:\/\/constructorabautista.com\/construcloro\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/constructorabautista.com\/construcloro\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/constructorabautista.com\/construcloro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/constructorabautista.com\/construcloro\/wp-json\/wp\/v2\/comments?post=78"}],"version-history":[{"count":90,"href":"https:\/\/constructorabautista.com\/construcloro\/wp-json\/wp\/v2\/posts\/78\/revisions"}],"predecessor-version":[{"id":1045,"href":"https:\/\/constructorabautista.com\/construcloro\/wp-json\/wp\/v2\/posts\/78\/revisions\/1045"}],"wp:attachment":[{"href":"https:\/\/constructorabautista.com\/construcloro\/wp-json\/wp\/v2\/media?parent=78"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/constructorabautista.com\/construcloro\/wp-json\/wp\/v2\/categories?post=78"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/constructorabautista.com\/construcloro\/wp-json\/wp\/v2\/tags?post=78"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}