{"id":8,"date":"2026-09-21T15:51:24","date_gmt":"2026-09-21T15:51:24","guid":{"rendered":"https:\/\/consorciosagitario.com\/?page_id=8"},"modified":"2026-09-21T19:59:30","modified_gmt":"2026-09-21T19:59:30","slug":"inicio","status":"publish","type":"page","link":"https:\/\/consorciosagitario.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e2fc17 e-con e-atomic-element e-flexbox-base e-default-div e-45fbbcc \" data-id=\"6e2fc17\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6e2fc17\" data-e-type=\"e-flexbox\" data-id=\"6e2fc17\">\n    \t\t<div class=\"elementor-element elementor-element-228f743 elementor-widget elementor-widget-shortcode\" data-id=\"228f743\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <section class=\"sl-hero\" id=\"sl-hero\"\n             data-intervalo=\"6000\"\n             aria-roledescription=\"carrusel\" aria-label=\"Destacados\"\n             style=\"--sl-hr-oscuro:0.35;--sl-hr-alto:84vh;--sl-hr-zoom:8s;\">\n\n        <div class=\"sl-hr-slides\">\n                                <div class=\"sl-hr-slide sl-hr-slide-video sl-activo\">\n                        <video class=\"sl-hr-media sl-hr-video\" muted loop playsinline preload=\"auto\">\n                            <source src=\"https:\/\/consorciosagitario.com\/wp-content\/uploads\/2026\/09\/Gruas-Sagitario.mp4\" type=\"video\/mp4\">\n                        <\/video>\n                    <\/div>\n                                    <\/div>\n\n        <div class=\"sl-hr-overlay\"><\/div>\n\n                <div class=\"sl-hr-contenido\">\n                <!-- Un texto por fondo (mismo orden que los slides; vac\u00edo si ese fondo no tiene) -->\n        <div class=\"sl-hr-textos\">\n                            <h1 class=\"sl-hr-texto sl-activo\">EXPERTOS EN IZAJE Y CARGA PESADA<\/h1>\n                    <\/div>\n        \n                <div class=\"sl-hr-botones\">\n                                            <a class=\"sl-hr-btn sl-hr-btn-principal\" href=\"\/contacto\/\">\n                    <span>Solicitar cotizaci\u00f3n<\/span>\n                    <svg class=\"sl-hr-flecha\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 12h16M14 6l6 6-6 6\"\/><\/svg>\n                <\/a>\n                                                            <a class=\"sl-hr-btn sl-hr-btn-whatsapp\" href=\"https:\/\/wa.me\/51924892677?text=Hola%2C%20quisiera%20cotizar\" target=\"_blank\" rel=\"noopener noreferrer\">\n                    <span>Hablar por WhatsApp<\/span>\n                    <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\n                <\/a>\n                                    <\/div>\n                <\/div>\n        \n            <\/section>\n\n    <style>\n        .sl-hero, .sl-hero *{ box-sizing:border-box; }\n\n        @keyframes slHeroEntrada{ from{ opacity:0; } to{ opacity:1; } }\n        @keyframes slHeroZoom{ from{ transform:scale(1.08); } to{ transform:scale(1); } }\n        @keyframes slHeroTexto{ from{ opacity:0; transform:translateY(22px); } to{ opacity:1; transform:translateY(0); } }\n\n        \/* ---------- M\u00d3VIL (base) ---------- *\/\n        #sl-hero{\n            position:relative;\n            width:100%;\n            min-height:70vh;\n            min-height:70svh;\n            overflow:hidden;\n            background:var(--sl-color-primario,#0a0000);\n            animation:slHeroEntrada .9s ease both;\n        }\n        .sl-hr-slides{ position:absolute; inset:0; }\n\n        .sl-hr-slide{\n            position:absolute;\n            inset:0;\n            opacity:0;\n            visibility:hidden;\n            transition:opacity 1s ease, visibility 0s linear 1s;\n        }\n        .sl-hr-slide.sl-activo{\n            opacity:1;\n            visibility:visible;\n            transition:opacity 1s ease, visibility 0s;\n        }\n        .sl-hr-media{ position:absolute; inset:0; width:100%; height:100%; }\n        .sl-hr-img{ background-size:cover; background-position:center; background-repeat:no-repeat; }\n        .sl-hr-video{ object-fit:cover; display:block; }\n\n        \/* Zoom sutil mientras la imagen est\u00e1 activa *\/\n        .sl-hr-slide.sl-activo .sl-hr-img{ animation:slHeroZoom var(--sl-hr-zoom,8s) ease-out both; }\n\n        \/* Capa oscura para que el texto se lea *\/\n        .sl-hr-overlay{\n            position:absolute;\n            inset:0;\n            z-index:2;\n            pointer-events:none;\n            background:linear-gradient(to top,\n                rgba(0,0,0,calc(var(--sl-hr-oscuro,.35) + .25)) 0%,\n                rgba(0,0,0,var(--sl-hr-oscuro,.35)) 60%);\n        }\n\n        \/* Contenido (texto + botones): abajo a la izquierda *\/\n        .sl-hr-contenido{\n            position:absolute;\n            left:20px;\n            right:20px;\n            bottom:58px; \/* deja sitio a los puntos *\/\n            z-index:3;\n            max-width:900px;\n            display:flex;\n            flex-direction:column;\n            align-items:flex-start;\n            gap:18px;\n            pointer-events:none;\n            animation:slHeroTexto .9s ease .35s both; \/* entrada al cargar *\/\n        }\n        \/* Todos los textos ocupan la misma celda: el bloque mide lo que el texto m\u00e1s alto\n           y los botones no saltan al cambiar de fondo *\/\n        .sl-hr-textos{ display:grid; width:100%; }\n        #sl-hero .sl-hr-texto{\n            grid-area:1 \/ 1;\n            align-self:end;\n            margin:0;\n            padding:0;\n            color:#fff;\n            font-family:var(--fuente-titulos,'Poppins',sans-serif);\n            font-size:clamp(1.6rem, 7vw, 2.4rem);\n            font-weight:800;\n            line-height:1.08;\n            letter-spacing:.01em;\n            text-transform:uppercase;\n            text-shadow:0 2px 14px rgba(0,0,0,.45);\n            opacity:0;\n            visibility:hidden;\n            transform:translateY(16px);\n            transition:opacity .4s ease, transform .4s ease, visibility 0s linear .4s;\n        }\n        #sl-hero .sl-hr-texto.sl-activo{\n            opacity:1;\n            visibility:visible;\n            transform:translateY(0);\n            transition:opacity .7s ease .35s, transform .7s ease .35s, visibility 0s;\n        }\n\n        \/* Botones *\/\n        .sl-hr-botones{\n            display:flex;\n            flex-wrap:wrap;\n            gap:10px;\n            pointer-events:auto;\n        }\n        #sl-hero .sl-hr-btn{\n            display:inline-flex;\n            align-items:center;\n            gap:10px;\n            padding:12px 18px;\n            border:1px solid transparent;\n            border-radius:6px;\n            font-family:var(--fuente-texto,'Poppins',sans-serif);\n            font-size:14px;\n            font-weight:600;\n            line-height:1.2;\n            text-decoration:none;\n            cursor:pointer;\n            transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;\n        }\n        #sl-hero .sl-hr-btn svg{ flex:0 0 auto; display:block; transition:transform .25s ease; }\n        #sl-hero .sl-hr-btn-principal{\n            background:var(--sl-color-secundario,#e30613);\n            color:#fff;\n        }\n        #sl-hero .sl-hr-btn-whatsapp{\n            background:#fff;\n            color:var(--sl-color-primario,#0a0000);\n        }\n        #sl-hero .sl-hr-btn:hover{ transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,0,0,.3); }\n        #sl-hero .sl-hr-btn-principal:hover{ color:#fff; filter:brightness(1.08); }\n        #sl-hero .sl-hr-btn-whatsapp:hover{ color:var(--sl-color-primario,#0a0000); }\n        #sl-hero .sl-hr-btn:hover .sl-hr-flecha{ transform:translateX(4px); }\n        #sl-hero .sl-hr-btn:focus-visible{ outline:2px solid #fff; outline-offset:2px; }\n\n        \/* Puntos de navegaci\u00f3n *\/\n        .sl-hr-dots{\n            position:absolute;\n            z-index:4;\n            left:0;\n            right:0;\n            bottom:14px;\n            display:flex;\n            justify-content:center;\n            gap:2px;\n        }\n        #sl-hero .sl-hr-dot{\n            position:relative;\n            width:26px;\n            height:26px;\n            padding:0;\n            background:transparent;\n            border:0;\n            border-radius:0;\n            box-shadow:none;\n            cursor:pointer;\n        }\n        #sl-hero .sl-hr-dot::before{\n            content:\"\";\n            position:absolute;\n            top:50%;\n            left:50%;\n            width:10px;\n            height:10px;\n            border-radius:999px;\n            background:rgba(255,255,255,.55);\n            transform:translate(-50%,-50%);\n            transition:width .3s ease, background .3s ease;\n        }\n        #sl-hero .sl-hr-dot:hover,\n        #sl-hero .sl-hr-dot:focus{ background:transparent; }\n        #sl-hero .sl-hr-dot:focus-visible{ outline:2px solid #fff; outline-offset:-2px; }\n        #sl-hero .sl-hr-dot.sl-activo::before{\n            width:26px;\n            background:var(--sl-color-secundario,#e30613);\n        }\n\n        @media (prefers-reduced-motion:reduce){\n            #sl-hero{ animation:none; }\n            .sl-hr-slide.sl-activo .sl-hr-img{ animation:none; }\n            .sl-hr-slide{ transition:none; }\n            .sl-hr-contenido{ animation:none; }\n            #sl-hero .sl-hr-texto,\n            #sl-hero .sl-hr-texto.sl-activo{ transition:none; transform:none; }\n            #sl-hero .sl-hr-btn,\n            #sl-hero .sl-hr-btn svg{ transition:none; }\n            #sl-hero .sl-hr-btn:hover,\n            #sl-hero .sl-hr-btn:hover .sl-hr-flecha{ transform:none; }\n        }\n\n        \/* ---------- ESCRITORIO ---------- *\/\n        @media (min-width:992px){\n            #sl-hero{ height:var(--sl-hr-alto,80vh); min-height:480px; }\n            .sl-hr-dots{ justify-content:flex-end; padding-right:40px; bottom:26px; }\n            .sl-hr-contenido{\n                left:40px;\n                right:auto;\n                bottom:56px;\n                max-width:min(900px, 70%);\n                gap:24px;\n            }\n            #sl-hero .sl-hr-texto{ font-size:clamp(2.4rem, 3.8vw, 3.6rem); }\n            .sl-hr-botones{ gap:12px; }\n            #sl-hero .sl-hr-btn{ padding:13px 22px; font-size:15px; }\n        }\n    <\/style>\n\n    <script>\n        (function(){\n            var hero = document.getElementById('sl-hero');\n            if ( ! hero ) return;\n\n            var slides = hero.querySelectorAll('.sl-hr-slide');\n            var dots   = hero.querySelectorAll('.sl-hr-dot');\n            var textos = hero.querySelectorAll('.sl-hr-texto');\n            var intervalo = parseInt( hero.getAttribute('data-intervalo'), 10 ) || 6000;\n            var reducir = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n            var actual = 0, timer = null, pausado = false;\n\n            \/* Solo el video visible se reproduce (los dem\u00e1s se pausan) *\/\n            function reproducir(){\n                slides.forEach(function(slide, n){\n                    var v = slide.querySelector('video');\n                    if ( ! v ) return;\n                    if ( n === actual && ! reducir ) {\n                        var p = v.play();\n                        if ( p && p.catch ) p.catch(function(){});\n                    } else {\n                        v.pause();\n                    }\n                });\n            }\n\n            function ir(n){\n                slides[actual].classList.remove('sl-activo');\n                if ( textos[actual] ) { textos[actual].classList.remove('sl-activo'); }\n                if ( dots[actual] ) { dots[actual].classList.remove('sl-activo'); dots[actual].removeAttribute('aria-current'); }\n                actual = ( n + slides.length ) % slides.length;\n                slides[actual].classList.add('sl-activo');\n                if ( textos[actual] ) { textos[actual].classList.add('sl-activo'); }\n                if ( dots[actual] ) { dots[actual].classList.add('sl-activo'); dots[actual].setAttribute('aria-current','true'); }\n                reproducir();\n            }\n\n            function detener(){ if ( timer ) { clearInterval(timer); timer = null; } }\n            function iniciar(){\n                detener();\n                if ( slides.length < 2 || reducir || pausado ) return;\n                timer = setInterval(function(){ ir(actual + 1); }, intervalo);\n            }\n\n            dots.forEach(function(dot, n){\n                dot.addEventListener('click', function(){ ir(n); iniciar(); });\n            });\n            \/* Pausa al pasar el mouse (solo mouse: en pantallas t\u00e1ctiles no se congela) *\/\n            hero.addEventListener('pointerenter', function(e){\n                if ( e.pointerType === 'mouse' ) { pausado = true; detener(); }\n            });\n            hero.addEventListener('pointerleave', function(e){\n                if ( e.pointerType === 'mouse' ) { pausado = false; iniciar(); }\n            });\n            document.addEventListener('visibilitychange', function(){\n                if ( document.hidden ) { detener(); } else { iniciar(); }\n            });\n\n            reproducir();\n            iniciar();\n        })();\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-5dc2fa7 e-con e-atomic-element e-flexbox-base e-default-div e-981fe11 \" data-id=\"5dc2fa7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5dc2fa7\" data-e-type=\"e-flexbox\" data-id=\"5dc2fa7\">\n    \t\t<div class=\"elementor-element elementor-element-ac9294c elementor-widget elementor-widget-shortcode\" data-id=\"ac9294c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <section class=\"sl-stack\" id=\"sl-stack\"\n             data-animar=\"1\"\n             data-duracion=\"2000\"\n             aria-label=\"Cifras destacadas\"\n             style=\"--sl-sk-bg:var(--sl-color-fondo-alterno, #e5e5e5);\">\n        <div class=\"sl-sk-inner\">\n            <ul class=\"sl-sk-lista\">\n                                    <li class=\"sl-sk-item sl-sk-animar\" style=\"--sl-sk-d:0ms;\">\n                        <span class=\"sl-sk-sr\">80+ A\u00f1os<\/span>\n                        <span class=\"sl-sk-cifra\" aria-hidden=\"true\">\n                                                        <span class=\"sl-sk-num\">\n                                <span class=\"sl-sk-fantasma\">80<\/span>\n                                <span class=\"sl-sk-valor\" data-valor=\"80\" data-dec=\"0\">80<\/span>\n                            <\/span>\n                            <span class=\"sl-sk-acento\">+<\/span>                        <\/span>\n                                                    <span class=\"sl-sk-etiqueta\" aria-hidden=\"true\">A\u00f1os<\/span>\n                                            <\/li>\n                                    <li class=\"sl-sk-item sl-sk-animar\" style=\"--sl-sk-d:120ms;\">\n                        <span class=\"sl-sk-sr\">500+ Proyectos<\/span>\n                        <span class=\"sl-sk-cifra\" aria-hidden=\"true\">\n                                                        <span class=\"sl-sk-num\">\n                                <span class=\"sl-sk-fantasma\">500<\/span>\n                                <span class=\"sl-sk-valor\" data-valor=\"500\" data-dec=\"0\">500<\/span>\n                            <\/span>\n                            <span class=\"sl-sk-acento\">+<\/span>                        <\/span>\n                                                    <span class=\"sl-sk-etiqueta\" aria-hidden=\"true\">Proyectos<\/span>\n                                            <\/li>\n                                    <li class=\"sl-sk-item sl-sk-animar\" style=\"--sl-sk-d:240ms;\">\n                        <span class=\"sl-sk-sr\">20+ Gr\u00faas<\/span>\n                        <span class=\"sl-sk-cifra\" aria-hidden=\"true\">\n                                                        <span class=\"sl-sk-num\">\n                                <span class=\"sl-sk-fantasma\">20<\/span>\n                                <span class=\"sl-sk-valor\" data-valor=\"20\" data-dec=\"0\">20<\/span>\n                            <\/span>\n                            <span class=\"sl-sk-acento\">+<\/span>                        <\/span>\n                                                    <span class=\"sl-sk-etiqueta\" aria-hidden=\"true\">Gr\u00faas<\/span>\n                                            <\/li>\n                                    <li class=\"sl-sk-item sl-sk-animar\" style=\"--sl-sk-d:360ms;\">\n                        <span class=\"sl-sk-sr\">100% Seguridad<\/span>\n                        <span class=\"sl-sk-cifra\" aria-hidden=\"true\">\n                                                        <span class=\"sl-sk-num\">\n                                <span class=\"sl-sk-fantasma\">100<\/span>\n                                <span class=\"sl-sk-valor\" data-valor=\"100\" data-dec=\"0\">100<\/span>\n                            <\/span>\n                            <span class=\"sl-sk-acento\">%<\/span>                        <\/span>\n                                                    <span class=\"sl-sk-etiqueta\" aria-hidden=\"true\">Seguridad<\/span>\n                                            <\/li>\n                            <\/ul>\n        <\/div>\n    <\/section>\n\n    <noscript><style>#sl-stack .sl-sk-animar{ opacity:1; transform:none; }<\/style><\/noscript>\n\n    <style>\n        .sl-stack, .sl-stack *{ box-sizing:border-box; }\n\n        @keyframes slStackEntrada{\n            from{ opacity:0; transform:translateY(22px); }\n            to{ opacity:1; transform:translateY(0); }\n        }\n\n        \/* ---------- M\u00d3VIL (base): 2 \u00d7 2 ---------- *\/\n        #sl-stack{\n            width:100%;\n            background:var(--sl-sk-bg,#e5e5e5);\n            color:var(--sl-color-primario,#0a0000);\n            font-family:var(--fuente-texto,'Poppins',sans-serif);\n        }\n        .sl-sk-inner{\n            max-width:1280px;\n            margin:0 auto;\n            padding:36px 20px;\n        }\n        .sl-sk-lista{\n            list-style:none;\n            margin:0;\n            padding:0;\n            display:grid;\n            grid-template-columns:repeat(2,minmax(0,1fr));\n            gap:32px 16px;\n        }\n        .sl-sk-item{\n            display:flex;\n            flex-direction:column;\n            align-items:center;\n            text-align:center;\n            margin:0;\n        }\n\n        \/* Animaci\u00f3n al hacer scroll: oculto hasta que el JS agrega .sl-sk-visible *\/\n        #sl-stack .sl-sk-animar{ opacity:0; transform:translateY(22px); }\n        #sl-stack .sl-sk-animar.sl-sk-visible{ animation:slStackEntrada .8s ease both; animation-delay:var(--sl-sk-d,0ms); }\n\n        \/* Texto solo para lectores de pantalla *\/\n        .sl-sk-sr{\n            position:absolute;\n            width:1px;\n            height:1px;\n            margin:-1px;\n            padding:0;\n            overflow:hidden;\n            clip:rect(0,0,0,0);\n            white-space:nowrap;\n            border:0;\n        }\n\n        \/* Cifra: n\u00famero (fuente de t\u00edtulos) + sufijo\/prefijo en color secundario *\/\n        #sl-stack .sl-sk-cifra{\n            display:inline-flex;\n            align-items:baseline;\n            justify-content:center;\n            font-family:var(--fuente-titulos,'Handel Gothic D',sans-serif);\n            font-size:clamp(40px,11vw,52px);\n            font-weight:700;\n            line-height:1.05;\n            color:var(--sl-color-primario,#0a0000);\n        }\n        #sl-stack .sl-sk-acento{ color:var(--sl-color-secundario,#e30613); }\n\n        \/* El \"fantasma\" reserva el ancho final para que la cifra no salte mientras cuenta *\/\n        .sl-sk-num{ position:relative; display:inline-block; }\n        .sl-sk-fantasma{ visibility:hidden; }\n        .sl-sk-valor{ position:absolute; left:0; top:0; white-space:nowrap; }\n\n        #sl-stack .sl-sk-etiqueta{\n            margin-top:8px;\n            font-size:12px;\n            font-weight:600;\n            letter-spacing:.03em;\n            line-height:1.3;\n            text-transform:uppercase;\n            color:var(--sl-color-primario,#0a0000);\n        }\n\n        @media (prefers-reduced-motion:reduce){\n            #sl-stack .sl-sk-animar,\n            #sl-stack .sl-sk-animar.sl-sk-visible{ opacity:1; transform:none; animation:none; }\n        }\n\n        \/* ---------- ESCRITORIO: todas en fila ---------- *\/\n        @media (min-width:992px){\n            .sl-sk-inner{ padding:clamp(36px,4vw,56px) clamp(24px,5vw,72px); }\n            .sl-sk-lista{\n                grid-template-columns:repeat(auto-fit,minmax(170px,1fr));\n                gap:32px 24px;\n            }\n            #sl-stack .sl-sk-cifra{ font-size:clamp(46px,5.6vw,68px); }\n            #sl-stack .sl-sk-etiqueta{ margin-top:10px; font-size:14px; }\n        }\n    <\/style>\n\n    <script>\n        (function(){\n            var raiz = document.getElementById('sl-stack');\n            if ( ! raiz ) return;\n\n            var items    = raiz.querySelectorAll('.sl-sk-item');\n            var animar   = raiz.getAttribute('data-animar') === '1';\n            var duracion = parseInt( raiz.getAttribute('data-duracion'), 10 ) || 2000;\n            var reducir  = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n            var contar   = animar && ! reducir;\n\n            function formatear(n, dec){\n                return dec > 0 ? n.toFixed(dec) : String( Math.round(n) );\n            }\n\n            \/* Antes de aparecer, los n\u00fameros arrancan en 0 (sin JS se ve el valor final) *\/\n            if ( contar ) {\n                raiz.querySelectorAll('.sl-sk-valor').forEach(function(v){\n                    v.textContent = formatear( 0, parseInt( v.getAttribute('data-dec'), 10 ) || 0 );\n                });\n            }\n\n            function subir(item){\n                var v = item.querySelector('.sl-sk-valor');\n                if ( ! v || ! contar ) return;\n                var fin = parseFloat( v.getAttribute('data-valor') );\n                var dec = parseInt( v.getAttribute('data-dec'), 10 ) || 0;\n                if ( isNaN(fin) ) return;\n\n                var inicio = null;\n                function paso(t){\n                    if ( inicio === null ) inicio = t;\n                    var p = Math.min( 1, ( t - inicio ) \/ duracion );\n                    var suave = 1 - Math.pow( 1 - p, 3 );          \/\/ frena al final\n                    v.textContent = formatear( fin * suave, dec );\n                    if ( p < 1 ) { requestAnimationFrame(paso); } else { v.textContent = formatear( fin, dec ); }\n                }\n                requestAnimationFrame(paso);\n            }\n\n            function mostrar(item){\n                item.classList.add('sl-sk-visible');\n                subir(item);\n            }\n\n            if ( ! ('IntersectionObserver' in window) ) {\n                items.forEach(function(item){ item.classList.add('sl-sk-visible'); });\n                if ( contar ) {\n                    raiz.querySelectorAll('.sl-sk-valor').forEach(function(v){\n                        v.textContent = formatear( parseFloat( v.getAttribute('data-valor') ), parseInt( v.getAttribute('data-dec'), 10 ) || 0 );\n                    });\n                }\n                return;\n            }\n\n            var observer = new IntersectionObserver(function(entradas){\n                entradas.forEach(function(entrada){\n                    if ( entrada.isIntersecting ) {\n                        mostrar( entrada.target );\n                        observer.unobserve( entrada.target );\n                    }\n                });\n            }, { threshold: 0.3 });\n            items.forEach(function(item){ observer.observe(item); });\n        })();\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-227df9f e-con e-atomic-element e-flexbox-base e-default-div e-dc9c139 \" data-id=\"227df9f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"227df9f\" data-e-type=\"e-flexbox\" data-id=\"227df9f\">\n    \t\t<div class=\"elementor-element elementor-element-707c6fa elementor-widget elementor-widget-shortcode\" data-id=\"707c6fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <section class=\"sl-historia\" id=\"sl-historia\" style=\"--sl-hs-bg:var(--sl-color-fondo-alterno, #f5f5f5);\">\n        <div class=\"sl-hs-inner\">\n\n            <div class=\"sl-hs-texto\">\n                                    <p class=\"sl-hs-eyebrow sl-hs-animar\" style=\"--sl-hs-d:0ms;\">EXPERIENCIA \u00b7 SEGURIDAD \u00b7 CAPACIDAD OPERATIVA<\/p>\n                                                    <h2 class=\"sl-hs-titulo sl-hs-animar\" style=\"--sl-hs-d:100ms;\">sagitario<\/h2>\n                                                    <div class=\"sl-hs-desc sl-hs-animar\" style=\"--sl-hs-d:200ms;\"><p>Empresa peruana especializada en alquiler de gr\u00faas telesc\u00f3picas, camiones gr\u00faa, montacargas, maniobras e izajes y transporte de carga pesada. M\u00e1s de 20 a\u00f1os participando en proyectos de gran envergadura en los sectores de miner\u00eda, energ\u00eda, construcci\u00f3n, oil &amp; gas e industria, con altos est\u00e1ndares de seguridad, precisi\u00f3n y capacidad.<\/p><\/div>\n                                                    <a class=\"sl-hs-boton sl-hs-animar\" style=\"--sl-hs-d:300ms;\" href=\"\/nosotros\/\">Leer m\u00e1s<\/a>\n                            <\/div>\n\n                        <figure class=\"sl-hs-imagen sl-hs-animar\" style=\"--sl-hs-d:150ms;\">\n                <img decoding=\"async\" src=\"https:\/\/consorciosagitario.com\/wp-content\/uploads\/2026\/09\/1e00e1a807c8936449d1f68422a9ab9164f2d83c.jpg\" alt=\"sagitario\" loading=\"lazy\">\n            <\/figure>\n            \n        <\/div>\n    <\/section>\n\n    <noscript><style>#sl-historia .sl-hs-animar{ opacity:1; transform:none; }<\/style><\/noscript>\n\n    <style>\n        .sl-historia, .sl-historia *{ box-sizing:border-box; }\n\n        @keyframes slHistoriaEntrada{\n            from{ opacity:0; transform:translateY(24px); }\n            to{ opacity:1; transform:translateY(0); }\n        }\n        @keyframes slHistoriaImagen{\n            from{ opacity:0; transform:translateY(24px) scale(.97); }\n            to{ opacity:1; transform:translateY(0) scale(1); }\n        }\n\n        \/* ---------- M\u00d3VIL (base): texto arriba, imagen abajo ---------- *\/\n        #sl-historia{\n            width:100%;\n            background:var(--sl-hs-bg,#f5f5f5);\n            color:var(--sl-color-primario,#0a0000);\n            font-family:var(--fuente-texto,'Poppins',sans-serif);\n        }\n        .sl-hs-inner{\n            max-width:1280px;\n            margin:0 auto;\n            padding:44px 20px;\n            display:grid;\n            grid-template-columns:minmax(0,1fr);\n            gap:32px;\n            align-items:center;\n        }\n        .sl-hs-texto{\n            display:flex;\n            flex-direction:column;\n            align-items:flex-start;\n        }\n\n        \/* Animaci\u00f3n al hacer scroll: oculto hasta que el JS agrega .sl-hs-visible *\/\n        #sl-historia .sl-hs-animar{ opacity:0; transform:translateY(24px); }\n        #sl-historia .sl-hs-animar.sl-hs-visible{ animation:slHistoriaEntrada .8s ease both; animation-delay:var(--sl-hs-d,0ms); }\n        #sl-historia .sl-hs-imagen.sl-hs-visible{ animation-name:slHistoriaImagen; }\n\n        \/* Frase superior y t\u00edtulo \u2192 fuente de t\u00edtulos *\/\n        #sl-historia .sl-hs-eyebrow{\n            margin:0 0 12px;\n            padding:0;\n            font-family:var(--fuente-titulos,'Handel Gothic D',sans-serif);\n            font-size:12px;\n            font-weight:700;\n            line-height:1.4;\n            letter-spacing:.03em;\n            text-transform:uppercase;\n            color:var(--sl-color-secundario,#e30613);\n        }\n        #sl-historia .sl-hs-titulo{\n            margin:0 0 20px;\n            padding:0;\n            font-family:var(--fuente-titulos,'Handel Gothic D',sans-serif);\n            font-size:clamp(40px,11.5vw,56px);\n            font-weight:700;\n            line-height:1;\n            letter-spacing:.01em;\n            text-transform:uppercase;\n            color:var(--sl-color-primario,#0a0000);\n        }\n\n        \/* Descripci\u00f3n y bot\u00f3n \u2192 fuente de texto *\/\n        #sl-historia .sl-hs-desc p{\n            margin:0 0 14px;\n            font-family:var(--fuente-texto,'Poppins',sans-serif);\n            font-size:15px;\n            line-height:1.65;\n            color:var(--sl-color-primario,#0a0000);\n        }\n        #sl-historia .sl-hs-desc p:last-child{ margin-bottom:0; }\n\n        #sl-historia .sl-hs-boton{\n            display:inline-block;\n            margin-top:26px;\n            padding:12px 24px;\n            background:var(--sl-color-secundario,#e30613);\n            border-radius:0;\n            color:#fff;\n            font-family:var(--fuente-texto,'Poppins',sans-serif);\n            font-size:14px;\n            font-weight:700;\n            letter-spacing:.02em;\n            line-height:1.2;\n            text-decoration:none;\n            text-transform:uppercase;\n            transition:filter .2s ease, transform .2s ease;\n        }\n        #sl-historia .sl-hs-boton:hover,\n        #sl-historia .sl-hs-boton:focus{ filter:brightness(1.15); color:#fff; }\n        #sl-historia .sl-hs-boton:focus-visible{ outline:2px solid var(--sl-color-primario,#0a0000); outline-offset:3px; }\n\n        \/* Imagen *\/\n        #sl-historia .sl-hs-imagen{ margin:0; overflow:hidden; }\n        #sl-historia .sl-hs-imagen img{\n            display:block;\n            width:100%;\n            height:auto;\n            aspect-ratio:4 \/ 3.4;\n            object-fit:cover;\n        }\n\n        @media (prefers-reduced-motion:reduce){\n            #sl-historia .sl-hs-animar,\n            #sl-historia .sl-hs-animar.sl-hs-visible{ opacity:1; transform:none; animation:none; }\n        }\n\n        \/* ---------- ESCRITORIO: dos columnas ---------- *\/\n        @media (min-width:992px){\n            .sl-hs-inner{\n                padding:clamp(48px,5vw,72px) clamp(24px,4.6vw,64px);\n                grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);\n                gap:clamp(32px,4.5vw,64px);\n            }\n            .sl-hs-izq .sl-hs-inner{ grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); }\n            .sl-hs-izq .sl-hs-texto{ order:2; }\n            .sl-hs-izq .sl-hs-imagen{ order:1; }\n\n            #sl-historia .sl-hs-eyebrow{ font-size:clamp(15px,1.19vw,17px); margin-bottom:14px; }\n            #sl-historia .sl-hs-titulo{ font-size:clamp(56px,6vw,76px); margin-bottom:24px; }\n            #sl-historia .sl-hs-desc p{ font-size:clamp(15px,1.3vw,17px); }\n            #sl-historia .sl-hs-boton{ margin-top:34px; padding:13px 28px; }\n            #sl-historia .sl-hs-imagen img{ aspect-ratio:1.06 \/ 1; }\n        }\n    <\/style>\n\n    <script>\n        (function(){\n            var elementos = document.querySelectorAll('#sl-historia .sl-hs-animar');\n            if ( ! elementos.length ) return;\n\n            if ( ! ('IntersectionObserver' in window) ) {\n                elementos.forEach(function(el){ el.classList.add('sl-hs-visible'); });\n                return;\n            }\n            var observer = new IntersectionObserver(function(entradas){\n                entradas.forEach(function(entrada){\n                    if ( entrada.isIntersecting ) {\n                        entrada.target.classList.add('sl-hs-visible');\n                        observer.unobserve( entrada.target );\n                    }\n                });\n            }, { threshold: 0.15 });\n            elementos.forEach(function(el){ observer.observe(el); });\n        })();\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-44dd0cd e-con e-atomic-element e-flexbox-base e-default-div e-e9f4954 \" data-id=\"44dd0cd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"44dd0cd\" data-e-type=\"e-flexbox\" data-id=\"44dd0cd\">\n    \t\t<div class=\"elementor-element elementor-element-f144da8 elementor-widget elementor-widget-shortcode\" data-id=\"f144da8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <section class=\"sl-servicios\" id=\"sl-servicios\"\n             data-auto=\"0\"\n             data-intervalo=\"5000\"\n             style=\"--sl-sv-bg:var(--sl-color-fondo, #ffffff);--sl-sv-card:var(--sl-color-primario, #222222);--sl-sv-v-tab:2;--sl-sv-v-esc:3;\">\n        <div class=\"sl-sv-inner\">\n\n                        <header class=\"sl-sv-cabecera\">\n                                    <p class=\"sl-sv-eyebrow sl-sv-animar\" style=\"--sl-sv-d:0ms;\">Nuestros servicios<\/p>\n                                                    <h2 class=\"sl-sv-titulo sl-sv-animar\" style=\"--sl-sv-d:100ms;\">Potencia y precisi\u00f3n<br \/>\nen cada maniobra<\/h2>\n                            <\/header>\n            \n            <div class=\"sl-sv-carrusel\">\n                <ul class=\"sl-sv-pista\" tabindex=\"0\" aria-label=\"Servicios (desliza para ver m\u00e1s)\">\n                                            <li class=\"sl-sv-card sl-sv-animar\" style=\"--sl-sv-d:0ms;\">\n                            <div class=\"sl-sv-img\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/consorciosagitario.com\/wp-content\/uploads\/2026\/09\/gruas-telescopicas.jpg\" alt=\"\" loading=\"lazy\" draggable=\"false\">\n                                                            <\/div>\n                            <div class=\"sl-sv-cuerpo\">\n                                <h3 class=\"sl-sv-nombre\">Gr\u00faas<br \/>\ntelesc\u00f3picas<\/h3>\n                                <span class=\"sl-sv-linea\" aria-hidden=\"true\"><\/span>\n                                                                    <p class=\"sl-sv-texto\">Capacidad operativa para proyectos de alta exigencia, de 90 hasta 1000 toneladas.<\/p>\n                                                                                                    <a class=\"sl-sv-enlace\" href=\"\/servicios\/gruas-telescopicas\/\" draggable=\"false\">\n                                        <span class=\"sl-sv-enlace-texto\">Ver servicio<span class=\"sl-sr\"> \u2014 Gr\u00faas telesc\u00f3picas<\/span><\/span>\n                                        <svg class=\"sl-sv-flecha\" viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n                                    <\/a>\n                                                            <\/div>\n                        <\/li>\n                                            <li class=\"sl-sv-card sl-sv-animar\" style=\"--sl-sv-d:110ms;\">\n                            <div class=\"sl-sv-img\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/consorciosagitario.com\/wp-content\/uploads\/2026\/09\/camiones-grua.jpg\" alt=\"\" loading=\"lazy\" draggable=\"false\">\n                                                            <\/div>\n                            <div class=\"sl-sv-cuerpo\">\n                                <h3 class=\"sl-sv-nombre\">Camiones<br \/>\ngr\u00faa<\/h3>\n                                <span class=\"sl-sv-linea\" aria-hidden=\"true\"><\/span>\n                                                                    <p class=\"sl-sv-texto\">Carga, descarga y maniobras de alta exigencia. Flota de 15 a 50 toneladas.<\/p>\n                                                                                                    <a class=\"sl-sv-enlace\" href=\"\/servicios\/camiones-grua\/\" draggable=\"false\">\n                                        <span class=\"sl-sv-enlace-texto\">Ver servicio<span class=\"sl-sr\"> \u2014 Camiones gr\u00faa<\/span><\/span>\n                                        <svg class=\"sl-sv-flecha\" viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n                                    <\/a>\n                                                            <\/div>\n                        <\/li>\n                                            <li class=\"sl-sv-card sl-sv-animar\" style=\"--sl-sv-d:220ms;\">\n                            <div class=\"sl-sv-img\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/consorciosagitario.com\/wp-content\/uploads\/2026\/09\/alquiler-de-montacarga.jpg\" alt=\"\" loading=\"lazy\" draggable=\"false\">\n                                                            <\/div>\n                            <div class=\"sl-sv-cuerpo\">\n                                <h3 class=\"sl-sv-nombre\">Alquiler de<br \/>\nmontacarga<\/h3>\n                                <span class=\"sl-sv-linea\" aria-hidden=\"true\"><\/span>\n                                                                    <p class=\"sl-sv-texto\">Carga, descarga y movimiento de materiales. De 5 hasta 30 toneladas.<\/p>\n                                                                                                    <a class=\"sl-sv-enlace\" href=\"\/servicios\/alquiler-de-montacarga\/\" draggable=\"false\">\n                                        <span class=\"sl-sv-enlace-texto\">Ver servicio<span class=\"sl-sr\"> \u2014 Alquiler de montacarga<\/span><\/span>\n                                        <svg class=\"sl-sv-flecha\" viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n                                    <\/a>\n                                                            <\/div>\n                        <\/li>\n                                            <li class=\"sl-sv-card sl-sv-animar\" style=\"--sl-sv-d:330ms;\">\n                            <div class=\"sl-sv-img\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/consorciosagitario.com\/wp-content\/uploads\/2026\/09\/transporte-especial.jpg\" alt=\"\" loading=\"lazy\" draggable=\"false\">\n                                                            <\/div>\n                            <div class=\"sl-sv-cuerpo\">\n                                <h3 class=\"sl-sv-nombre\">Transporte<br \/>\nespecial<\/h3>\n                                <span class=\"sl-sv-linea\" aria-hidden=\"true\"><\/span>\n                                                                    <p class=\"sl-sv-texto\">Transporte seguro, eficiente y certificado para cargas sobredimensionadas.<\/p>\n                                                                                                    <a class=\"sl-sv-enlace\" href=\"\/servicios\/transporte-especial\/\" draggable=\"false\">\n                                        <span class=\"sl-sv-enlace-texto\">Ver servicio<span class=\"sl-sr\"> \u2014 Transporte especial<\/span><\/span>\n                                        <svg class=\"sl-sv-flecha\" viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n                                    <\/a>\n                                                            <\/div>\n                        <\/li>\n                                            <li class=\"sl-sv-card sl-sv-animar\" style=\"--sl-sv-d:440ms;\">\n                            <div class=\"sl-sv-img\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/consorciosagitario.com\/wp-content\/uploads\/2026\/09\/ingenieria-de-izajes.jpg\" alt=\"\" loading=\"lazy\" draggable=\"false\">\n                                                            <\/div>\n                            <div class=\"sl-sv-cuerpo\">\n                                <h3 class=\"sl-sv-nombre\">Ingenier\u00eda<br \/>\nde izajes<\/h3>\n                                <span class=\"sl-sv-linea\" aria-hidden=\"true\"><\/span>\n                                                                    <p class=\"sl-sv-texto\">An\u00e1lisis, modelamiento y planificaci\u00f3n de cada maniobra.<\/p>\n                                                                                                    <a class=\"sl-sv-enlace\" href=\"\/servicios\/ingenieria-de-izajes\/\" draggable=\"false\">\n                                        <span class=\"sl-sv-enlace-texto\">Ver servicio<span class=\"sl-sr\"> \u2014 Ingenier\u00eda de izajes<\/span><\/span>\n                                        <svg class=\"sl-sv-flecha\" viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n                                    <\/a>\n                                                            <\/div>\n                        <\/li>\n                                    <\/ul>\n\n                <div class=\"sl-sv-dots\" role=\"group\" aria-label=\"Navegaci\u00f3n del carrusel\" hidden><\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <noscript><style>#sl-servicios .sl-sv-animar{ opacity:1; transform:none; }<\/style><\/noscript>\n\n    <style>\n        .sl-servicios, .sl-servicios *{ box-sizing:border-box; }\n\n        @keyframes slServiciosEntrada{\n            from{ opacity:0; transform:translateY(24px); }\n            to{ opacity:1; transform:translateY(0); }\n        }\n\n        \/* ---------- M\u00d3VIL (base): 1 tarjeta ---------- *\/\n        #sl-servicios{\n            --sl-sv-gap:16px;\n            --sl-sv-v:1;\n            width:100%;\n            background:var(--sl-sv-bg,#fff);\n            color:var(--sl-color-primario,#0a0000);\n            font-family:var(--fuente-texto,'Poppins',sans-serif);\n        }\n        .sl-sv-inner{\n            max-width:1280px;\n            margin:0 auto;\n            padding:44px 20px 40px;\n        }\n\n        \/* Animaci\u00f3n al hacer scroll: oculto hasta que el JS agrega .sl-sv-visible *\/\n        #sl-servicios .sl-sv-animar{ opacity:0; transform:translateY(24px); }\n        #sl-servicios .sl-sv-animar.sl-sv-visible{ animation:slServiciosEntrada .8s ease both; animation-delay:var(--sl-sv-d,0ms); }\n\n        \/* Texto solo para lectores de pantalla *\/\n        .sl-sr{\n            position:absolute;\n            width:1px;\n            height:1px;\n            margin:-1px;\n            padding:0;\n            overflow:hidden;\n            clip:rect(0,0,0,0);\n            white-space:nowrap;\n            border:0;\n        }\n\n        \/* Encabezado: frase y t\u00edtulo \u2192 fuente de t\u00edtulos *\/\n        .sl-sv-cabecera{ margin-bottom:28px; }\n        #sl-servicios .sl-sv-eyebrow{\n            margin:0 0 8px;\n            padding:0;\n            font-family:var(--fuente-titulos,'Handel Gothic D',sans-serif);\n            font-size:12px;\n            font-weight:700;\n            line-height:1.4;\n            letter-spacing:.03em;\n            text-transform:uppercase;\n            color:var(--sl-color-secundario,#e30613);\n        }\n        #sl-servicios .sl-sv-titulo{\n            margin:0;\n            padding:0;\n            font-family:var(--fuente-titulos,'Handel Gothic D',sans-serif);\n            font-size:clamp(30px,8.6vw,44px);\n            font-weight:700;\n            line-height:1.08;\n            letter-spacing:.01em;\n            text-transform:uppercase;\n            color:var(--sl-color-primario,#0a0000);\n        }\n\n        \/* Carrusel: scroll horizontal con im\u00e1n (deslizable con el dedo) *\/\n        .sl-sv-pista{\n            list-style:none;\n            margin:0;\n            padding:0;\n            display:flex;\n            gap:var(--sl-sv-gap);\n            overflow-x:auto;\n            overflow-y:hidden;\n            scroll-snap-type:x mandatory;\n            scrollbar-width:none;\n            -webkit-overflow-scrolling:touch;\n            overscroll-behavior-x:contain;\n            cursor:grab;\n        }\n        .sl-sv-pista::-webkit-scrollbar{ display:none; }\n        .sl-sv-pista:focus-visible{ outline:2px solid var(--sl-color-secundario,#e30613); outline-offset:4px; }\n        .sl-sv-pista.sl-sv-arrastrando{ scroll-snap-type:none; cursor:grabbing; user-select:none; }\n\n        \/* Tarjeta *\/\n        .sl-sv-card{\n            position:relative;\n            flex:0 0 calc((100% - (var(--sl-sv-v) - 1) * var(--sl-sv-gap)) \/ var(--sl-sv-v));\n            scroll-snap-align:start;\n            display:flex;\n            flex-direction:column;\n            margin:0;\n            background:var(--sl-sv-card,#222);\n            color:#fff;\n        }\n        .sl-sv-img{\n            overflow:hidden;\n            aspect-ratio:1.37 \/ 1;\n            background:rgba(255,255,255,.08);\n        }\n        #sl-servicios .sl-sv-img img{\n            display:block;\n            width:100%;\n            height:100%;\n            object-fit:cover;\n            transition:transform .6s ease;\n            -webkit-user-drag:none;\n        }\n        #sl-servicios .sl-sv-card:hover .sl-sv-img img{ transform:scale(1.05); }\n\n        .sl-sv-cuerpo{\n            flex:1;\n            display:flex;\n            flex-direction:column;\n            align-items:flex-start;\n            padding:22px 20px 24px;\n        }\n        #sl-servicios .sl-sv-nombre{\n            max-width:11.5em;\n            margin:0;\n            padding:0;\n            font-family:var(--fuente-titulos,'Handel Gothic D',sans-serif);\n            font-size:16px;\n            font-weight:700;\n            line-height:1.25;\n            letter-spacing:.01em;\n            text-transform:uppercase;\n            color:#fff;\n        }\n        .sl-sv-linea{\n            display:block;\n            width:11em;\n            max-width:100%;\n            height:2px;\n            margin:14px 0 18px;\n            background:var(--sl-color-secundario,#e30613);\n            font-size:16px;\n        }\n        #sl-servicios .sl-sv-texto{\n            margin:0 0 20px;\n            font-family:var(--fuente-texto,'Poppins',sans-serif);\n            font-size:14px;\n            line-height:1.6;\n            color:#fff;\n        }\n\n        \/* Enlace al pie: \"VER SERVICIO \u2192\" (toda la tarjeta es clicable) *\/\n        #sl-servicios .sl-sv-enlace{\n            display:inline-flex;\n            align-items:center;\n            gap:8px;\n            margin-top:auto;\n            font-family:var(--fuente-texto,'Poppins',sans-serif);\n            font-size:12px;\n            font-weight:700;\n            letter-spacing:.03em;\n            text-decoration:none;\n            text-transform:uppercase;\n            color:#fff;\n        }\n        #sl-servicios .sl-sv-enlace::after{ content:\"\"; position:absolute; inset:0; z-index:1; }\n        #sl-servicios .sl-sv-enlace:focus-visible{ outline:none; }\n        #sl-servicios .sl-sv-card:focus-within{ outline:2px solid var(--sl-color-secundario,#e30613); outline-offset:2px; }\n        .sl-sv-flecha{ transition:transform .25s ease; }\n        #sl-servicios .sl-sv-card:hover .sl-sv-flecha{ transform:translateX(4px); }\n        #sl-servicios .sl-sv-enlace:hover{ color:#fff; }\n        #sl-servicios .sl-sv-enlace-solo{ position:static; margin:0; }\n\n        \/* Puntos de navegaci\u00f3n *\/\n        .sl-sv-dots{\n            display:flex;\n            justify-content:center;\n            flex-wrap:wrap;\n            gap:0;\n            margin-top:20px;\n        }\n        .sl-sv-dots[hidden]{ display:none; }\n        #sl-servicios .sl-sv-dot{\n            position:relative;\n            width:22px;\n            height:22px;\n            padding:0;\n            background:transparent;\n            border:0;\n            border-radius:0;\n            box-shadow:none;\n            cursor:pointer;\n        }\n        #sl-servicios .sl-sv-dot::before{\n            content:\"\";\n            position:absolute;\n            top:50%;\n            left:50%;\n            width:10px;\n            height:10px;\n            border-radius:2px;\n            background:rgba(0,0,0,.18);\n            transform:translate(-50%,-50%);\n            transition:background .25s ease, transform .25s ease;\n        }\n        #sl-servicios .sl-sv-dot:hover,\n        #sl-servicios .sl-sv-dot:focus{ background:transparent; }\n        #sl-servicios .sl-sv-dot:focus-visible{ outline:2px solid var(--sl-color-secundario,#e30613); outline-offset:-2px; }\n        #sl-servicios .sl-sv-dot.sl-activo::before{\n            background:var(--sl-color-primario,#0a0000);\n            transform:translate(-50%,-50%) scale(1.15);\n        }\n\n        @media (prefers-reduced-motion:reduce){\n            #sl-servicios .sl-sv-animar,\n            #sl-servicios .sl-sv-animar.sl-sv-visible{ opacity:1; transform:none; animation:none; }\n            #sl-servicios .sl-sv-img img,\n            .sl-sv-flecha{ transition:none; }\n        }\n\n        \/* ---------- TABLET: hasta 2 tarjetas ---------- *\/\n        @media (min-width:768px){\n            #sl-servicios{ --sl-sv-v:var(--sl-sv-v-tab,2); }\n        }\n\n        \/* ---------- ESCRITORIO: hasta 3 tarjetas ---------- *\/\n        @media (min-width:992px){\n            #sl-servicios{ --sl-sv-v:var(--sl-sv-v-esc,3); --sl-sv-gap:clamp(16px,1.7vw,24px); }\n            .sl-sv-inner{ padding:clamp(48px,5vw,72px) clamp(24px,3.6vw,48px) 48px; }\n            .sl-sv-cabecera{ margin-bottom:clamp(28px,3.4vw,44px); }\n            #sl-servicios .sl-sv-eyebrow{ font-size:clamp(15px,1.19vw,17px); margin-bottom:10px; }\n           \n\n            .sl-sv-cuerpo{ padding:clamp(22px,2.2vw,30px) clamp(18px,1.8vw,26px) clamp(24px,2.4vw,32px); }\n            #sl-servicios .sl-sv-nombre{ font-size:clamp(16px,1.35vw,19px); }\n            #sl-servicios .sl-sv-linea{ font-size:clamp(16px,1.35vw,19px); margin:16px 0 20px; }\n            #sl-servicios .sl-sv-texto{ font-size:clamp(14px,1.15vw,16px); }\n            #sl-servicios .sl-sv-enlace{ font-size:clamp(12px,1vw,14px); }\n        }\n    <\/style>\n\n    <script>\n        (function(){\n            var raiz = document.getElementById('sl-servicios');\n            if ( ! raiz ) return;\n\n            var pista    = raiz.querySelector('.sl-sv-pista');\n            var caja     = raiz.querySelector('.sl-sv-dots');\n            var tarjetas = raiz.querySelectorAll('.sl-sv-card');\n            var animados = raiz.querySelectorAll('.sl-sv-cabecera .sl-sv-animar');\n            var auto     = raiz.getAttribute('data-auto') === '1';\n            var intervalo = parseInt( raiz.getAttribute('data-intervalo'), 10 ) || 5000;\n            var reducir  = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n            var paso = 0, posiciones = 1, actual = 0, dots = [], timer = null, pausado = false;\n\n            \/* ---------- Medidas y puntos ---------- *\/\n            function medir(){\n                if ( ! tarjetas.length ) return;\n                var gap = parseFloat( getComputedStyle(pista).columnGap ) || 0;\n                paso = tarjetas[0].getBoundingClientRect().width + gap;\n                var max = pista.scrollWidth - pista.clientWidth;\n                posiciones = ( max > 2 && paso > 0 ) ? Math.round( max \/ paso ) + 1 : 1;\n                construirPuntos();\n                actualizar();\n            }\n\n            function construirPuntos(){\n                if ( posiciones < 2 ) { caja.hidden = true; caja.innerHTML = ''; dots = []; return; }\n                caja.hidden = false;\n                if ( dots.length === posiciones ) return;\n                caja.innerHTML = '';\n                dots = [];\n                for ( var i = 0; i < posiciones; i++ ) {\n                    (function(n){\n                        var b = document.createElement('button');\n                        b.type = 'button';\n                        b.className = 'sl-sv-dot';\n                        b.setAttribute('aria-label', 'Ir a la posici\u00f3n ' + ( n + 1 ) + ' de ' + posiciones);\n                        b.addEventListener('click', function(){ ir(n); reiniciarAuto(); });\n                        caja.appendChild(b);\n                        dots.push(b);\n                    })(i);\n                }\n            }\n\n            function actualizar(){\n                if ( ! paso ) return;\n                actual = Math.max( 0, Math.min( posiciones - 1, Math.round( pista.scrollLeft \/ paso ) ) );\n                dots.forEach(function(d, n){\n                    d.classList.toggle('sl-activo', n === actual);\n                    if ( n === actual ) { d.setAttribute('aria-current', 'true'); } else { d.removeAttribute('aria-current'); }\n                });\n            }\n\n            function ir(n){\n                n = Math.max( 0, Math.min( posiciones - 1, n ) );\n                pista.scrollTo({ left: n * paso, behavior: reducir ? 'auto' : 'smooth' });\n            }\n\n            \/* Actualiza el punto activo mientras se desliza *\/\n            var esperando = false;\n            pista.addEventListener('scroll', function(){\n                if ( esperando ) return;\n                esperando = true;\n                requestAnimationFrame(function(){ actualizar(); esperando = false; });\n            }, { passive: true });\n\n            var redim = null;\n            window.addEventListener('resize', function(){ clearTimeout(redim); redim = setTimeout(medir, 150); });\n\n            \/* ---------- Teclado (flechas) ---------- *\/\n            pista.addEventListener('keydown', function(e){\n                if ( e.key === 'ArrowRight' ) { e.preventDefault(); ir( actual + 1 ); reiniciarAuto(); }\n                if ( e.key === 'ArrowLeft' )  { e.preventDefault(); ir( actual - 1 ); reiniciarAuto(); }\n            });\n\n            \/* ---------- Arrastrar con el mouse (el dedo ya desliza de forma nativa) ---------- *\/\n            var arrastrando = false, movio = false, x0 = 0, s0 = 0;\n            pista.addEventListener('pointerdown', function(e){\n                if ( e.pointerType !== 'mouse' || e.button !== 0 || posiciones < 2 ) return;\n                arrastrando = true; movio = false; x0 = e.clientX; s0 = pista.scrollLeft;\n            });\n            window.addEventListener('pointermove', function(e){\n                if ( ! arrastrando ) return;\n                var dx = e.clientX - x0;\n                if ( Math.abs( dx ) > 5 ) { movio = true; pista.classList.add('sl-sv-arrastrando'); }\n                if ( movio ) pista.scrollLeft = s0 - dx;\n            });\n            window.addEventListener('pointerup', function(){\n                if ( ! arrastrando ) return;\n                arrastrando = false;\n                pista.classList.remove('sl-sv-arrastrando');\n                if ( movio ) { ir( Math.round( pista.scrollLeft \/ paso ) ); reiniciarAuto(); }\n            });\n            \/* Si se arrastr\u00f3, no seguir el enlace de la tarjeta *\/\n            pista.addEventListener('click', function(e){\n                if ( movio ) { e.preventDefault(); e.stopPropagation(); movio = false; }\n            }, true);\n\n            \/* ---------- Avance autom\u00e1tico ---------- *\/\n            function detenerAuto(){ if ( timer ) { clearInterval( timer ); timer = null; } }\n            function iniciarAuto(){\n                detenerAuto();\n                if ( ! auto || reducir || pausado || posiciones < 2 ) return;\n                timer = setInterval(function(){ ir( actual >= posiciones - 1 ? 0 : actual + 1 ); }, intervalo);\n            }\n            function reiniciarAuto(){ iniciarAuto(); }\n\n            raiz.addEventListener('pointerenter', function(e){ if ( e.pointerType === 'mouse' ) { pausado = true; detenerAuto(); } });\n            raiz.addEventListener('pointerleave', function(e){ if ( e.pointerType === 'mouse' ) { pausado = false; iniciarAuto(); } });\n            raiz.addEventListener('focusin', function(){ pausado = true; detenerAuto(); });\n            raiz.addEventListener('focusout', function(){ pausado = false; iniciarAuto(); });\n            document.addEventListener('visibilitychange', function(){ if ( document.hidden ) { detenerAuto(); } else { iniciarAuto(); } });\n\n            \/* ---------- Entrada al hacer scroll ---------- *\/\n            function mostrar(el){ el.classList.add('sl-sv-visible'); }\n            if ( ! ('IntersectionObserver' in window) ) {\n                animados.forEach(mostrar);\n                tarjetas.forEach(mostrar);\n            } else {\n                var obsTexto = new IntersectionObserver(function(entradas){\n                    entradas.forEach(function(en){ if ( en.isIntersecting ) { mostrar( en.target ); obsTexto.unobserve( en.target ); } });\n                }, { threshold: 0.15 });\n                animados.forEach(function(el){ obsTexto.observe( el ); });\n\n                \/* Las tarjetas se animan todas juntas al entrar el carrusel (las que est\u00e1n fuera de vista no quedan ocultas) *\/\n                var obsCarrusel = new IntersectionObserver(function(entradas){\n                    entradas.forEach(function(en){\n                        if ( en.isIntersecting ) { tarjetas.forEach(mostrar); obsCarrusel.disconnect(); }\n                    });\n                }, { threshold: 0.15 });\n                obsCarrusel.observe( pista );\n            }\n\n            medir();\n            iniciarAuto();\n            window.addEventListener('load', medir);   \/\/ por si las im\u00e1genes cambian las medidas\n        })();\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-828fecd e-con e-atomic-element e-flexbox-base e-default-div e-0f459db \" data-id=\"828fecd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"828fecd\" data-e-type=\"e-flexbox\" data-id=\"828fecd\">\n    \t\t<div class=\"elementor-element elementor-element-0fcdb69 elementor-widget elementor-widget-shortcode\" data-id=\"0fcdb69\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <section class=\"sl-grua\" id=\"sl-grua\" style=\"--sl-gr-bg:var(--sl-color-fondo-alterno, #f5f5f5);--sl-gr-corte:30%;--sl-gr-icono:40px;\">\n        <div class=\"sl-gr-inner\">\n\n            <div class=\"sl-gr-media sl-gr-animar-img\">\n                                    <img decoding=\"async\" src=\"https:\/\/consorciosagitario.com\/wp-content\/uploads\/2026\/09\/ad1b0d3b5ff283ed64a1c18a124c129bf89a014b.png\" alt=\"La gr\u00faa de Mayor capacidad del pa\u00eds\" loading=\"lazy\">\n                            <\/div>\n\n            <div class=\"sl-gr-texto\">\n                                    <p class=\"sl-gr-eyebrow sl-gr-animar\" style=\"--sl-gr-d:0ms;\">Experiencia<\/p>\n                                                    <h2 class=\"sl-gr-titulo sl-gr-animar\" style=\"--sl-gr-d:100ms;\">La gr\u00faa de<br \/>\n<span class=\"sl-gr-resalte\">Mayor capacidad<\/span><br \/>\ndel pa\u00eds<\/h2>\n                                                    <div class=\"sl-gr-desc sl-gr-animar\" style=\"--sl-gr-d:200ms;\"><p>Nuestra gr\u00faa de celos\u00eda <span class=\"sl-gr-resalte\">Manitowoc 21000 de 1,000 toneladas<\/span> representa una de las mayores capacidades de izaje disponibles en el pa\u00eds para operaciones de alta exigencia.<\/p><p>Dise\u00f1ada para maniobras de gran escala, permite ejecutar <span class=\"sl-gr-resalte\">montajes complejos con estabilidad, alcance y capacidad operativa<\/span> en proyectos que demandan planificaci\u00f3n y precisi\u00f3n en campo.<\/p><\/div>\n                                                    <div class=\"sl-gr-cierre sl-gr-animar\" style=\"--sl-gr-d:300ms;\">\n                                                    <img decoding=\"async\" class=\"sl-gr-icono\" src=\"https:\/\/consorciosagitario.com\/wp-content\/uploads\/2026\/09\/ebe2dad53aaec9c38ca03cdf770b59a4c0be88d5.png\" alt=\"\" loading=\"lazy\">\n                                                                            <p class=\"sl-gr-destacado\">Tecnolog\u00eda y capacidad operativa para asumir grandes desaf\u00edos<\/p>\n                                            <\/div>\n                            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <noscript><style>#sl-grua .sl-gr-animar, #sl-grua .sl-gr-animar-img{ opacity:1; transform:none; }<\/style><\/noscript>\n\n    <style>\n        .sl-grua, .sl-grua *{ box-sizing:border-box; }\n\n        @keyframes slGruaEntrada{\n            from{ opacity:0; transform:translateY(24px); }\n            to{ opacity:1; transform:translateY(0); }\n        }\n        @keyframes slGruaImagen{\n            from{ opacity:0; transform:translateX(-36px); }\n            to{ opacity:1; transform:translateX(0); }\n        }\n\n        \/* ---------- M\u00d3VIL (base): imagen arriba, texto abajo ---------- *\/\n        #sl-grua{\n            width:100%;\n            overflow:hidden;\n            background:var(--sl-gr-bg,#f5f5f5);\n            color:var(--sl-color-primario,#0a0000);\n            font-family:var(--fuente-texto,'Poppins',sans-serif);\n        }\n        .sl-gr-inner{\n            display:grid;\n            grid-template-columns:minmax(0,1fr);\n        }\n\n        \/* Animaci\u00f3n al hacer scroll: oculto hasta que el JS agrega .sl-gr-visible *\/\n        #sl-grua .sl-gr-animar{ opacity:0; transform:translateY(24px); }\n        #sl-grua .sl-gr-animar.sl-gr-visible{ animation:slGruaEntrada .8s ease both; animation-delay:var(--sl-gr-d,0ms); }\n        #sl-grua .sl-gr-animar-img{ opacity:0; }\n        #sl-grua .sl-gr-animar-img.sl-gr-visible{ animation:slGruaImagen .9s ease both; }\n\n        \/* Imagen con borde inferior inclinado en m\u00f3vil *\/\n        .sl-gr-media{\n            position:relative;\n            height:clamp(240px,72vw,520px);\n            background:rgba(0,0,0,.12);\n            clip-path:polygon(0 0,100% 0,100% calc(100% - 26px),0 100%);\n        }\n        #sl-grua .sl-gr-media img{\n            position:absolute;\n            inset:0;\n            display:block;\n            width:100%;\n            height:100%;\n            object-fit:cover;\n        }\n\n        .sl-gr-texto{\n            display:flex;\n            flex-direction:column;\n            align-items:flex-start;\n            padding:26px 20px 48px;\n        }\n\n        \/* Frase superior con l\u00ednea roja delante *\/\n        #sl-grua .sl-gr-eyebrow{\n            display:flex;\n            align-items:center;\n            gap:12px;\n            margin:0 0 14px;\n            padding:0;\n            font-family:var(--fuente-titulos,'Handel Gothic D',sans-serif);\n            font-size:12px;\n            font-weight:700;\n            line-height:1.4;\n            letter-spacing:.03em;\n            text-transform:uppercase;\n            color:var(--sl-color-secundario,#e30613);\n        }\n        #sl-grua .sl-gr-eyebrow::before{\n            content:\"\";\n            flex:0 0 26px;\n            height:2px;\n            background:var(--sl-color-secundario,#e30613);\n        }\n\n        \/* T\u00edtulo \u2192 fuente de t\u00edtulos; lo resaltado va en rojo *\/\n        #sl-grua .sl-gr-titulo{\n            margin:0 0 22px;\n            padding:0;\n            font-family:var(--fuente-titulos,'Handel Gothic D',sans-serif);\n            font-size:clamp(30px,9vw,44px);\n            font-weight:700;\n            line-height:1.06;\n            letter-spacing:.01em;\n            text-transform:uppercase;\n            color:var(--sl-color-primario,#0a0000);\n        }\n        #sl-grua .sl-gr-resalte{ color:var(--sl-color-secundario,#e30613); }\n\n        \/* Descripci\u00f3n \u2192 fuente de texto *\/\n        #sl-grua .sl-gr-desc p{\n            margin:0 0 16px;\n            font-family:var(--fuente-texto,'Poppins',sans-serif);\n            font-size:15px;\n            line-height:1.65;\n            color:var(--sl-color-primario,#0a0000);\n        }\n        #sl-grua .sl-gr-desc p:last-child{ margin-bottom:0; }\n        #sl-grua .sl-gr-desc .sl-gr-resalte{ font-weight:600; }\n\n        \/* Cierre: \u00edcono (imagen) + frase destacada *\/\n        .sl-gr-cierre{\n            display:flex;\n            align-items:center;\n            gap:16px;\n            margin-top:28px;\n        }\n        #sl-grua .sl-gr-icono{\n            display:block;\n            flex:0 0 auto;\n            width:auto;\n            max-width:40%;\n            height:var(--sl-gr-icono,40px);\n            object-fit:contain;\n        }\n        #sl-grua .sl-gr-destacado{\n            max-width:24em;\n            margin:0;\n            font-family:var(--fuente-texto,'Poppins',sans-serif);\n            font-size:12px;\n            font-weight:700;\n            line-height:1.5;\n            letter-spacing:.01em;\n            text-transform:uppercase;\n            color:var(--sl-color-secundario,#e30613);\n        }\n\n        @media (prefers-reduced-motion:reduce){\n            #sl-grua .sl-gr-animar,\n            #sl-grua .sl-gr-animar.sl-gr-visible,\n            #sl-grua .sl-gr-animar-img,\n            #sl-grua .sl-gr-animar-img.sl-gr-visible{ opacity:1; transform:none; animation:none; }\n        }\n\n        \/* ---------- ESCRITORIO: imagen con corte diagonal + texto ---------- *\/\n        @media (min-width:992px){\n            .sl-gr-inner{\n                grid-template-columns:minmax(0,1fr) minmax(0,1fr);\n                min-height:clamp(440px,42vw,700px);\n            }\n            .sl-gr-media{\n                height:auto;\n                clip-path:polygon(0 0,100% 0,calc(100% - var(--sl-gr-corte,30%)) 100%,0 100%);\n            }\n            .sl-gr-texto{\n                justify-content:center;\n                padding:clamp(40px,5.4vw,84px) clamp(24px,5vw,80px) clamp(40px,5.4vw,84px) clamp(20px,2.8vw,44px);\n            }\n            #sl-grua .sl-gr-eyebrow{ font-size:clamp(15px,1.19vw,17px); margin-bottom:16px; }\n            #sl-grua .sl-gr-eyebrow::before{ flex-basis:30px; }\n            #sl-grua .sl-gr-titulo{ font-size:clamp(34px,4.4vw,60px); margin-bottom:clamp(24px,2.6vw,36px); }\n            #sl-grua .sl-gr-desc p{ font-size:clamp(14px,1.15vw,16px); margin-bottom:18px; }\n            .sl-gr-cierre{ margin-top:clamp(28px,3vw,44px); gap:20px; }\n            #sl-grua .sl-gr-destacado{ font-size:clamp(12px,1vw,14px); }\n        }\n    <\/style>\n\n    <script>\n        (function(){\n            var elementos = document.querySelectorAll('#sl-grua .sl-gr-animar, #sl-grua .sl-gr-animar-img');\n            if ( ! elementos.length ) return;\n\n            if ( ! ('IntersectionObserver' in window) ) {\n                elementos.forEach(function(el){ el.classList.add('sl-gr-visible'); });\n                return;\n            }\n            var observer = new IntersectionObserver(function(entradas){\n                entradas.forEach(function(entrada){\n                    if ( entrada.isIntersecting ) {\n                        entrada.target.classList.add('sl-gr-visible');\n                        observer.unobserve( entrada.target );\n                    }\n                });\n            }, { threshold: 0.12 });\n            elementos.forEach(function(el){ observer.observe(el); });\n        })();\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-061ffa1 e-con e-atomic-element e-flexbox-base e-default-div e-64b0fe6 \" data-id=\"061ffa1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"061ffa1\" data-e-type=\"e-flexbox\" data-id=\"061ffa1\">\n    \t\t<div class=\"elementor-element elementor-element-5c773c2 elementor-widget elementor-widget-shortcode\" data-id=\"5c773c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <section class=\"sl-banner sl-bn-fijo\" id=\"sl-banner\" data-parallax=\"fijo\" style=\"--sl-bn-oscuro:0.45;--sl-bn-alto:420px;--sl-bn-pos:center center;\">\n                    <div class=\"sl-bn-fondo sl-bn-animar-fondo\">\n                <img decoding=\"async\" class=\"sl-bn-parallax-img\" src=\"https:\/\/consorciosagitario.com\/wp-content\/uploads\/2026\/09\/1accc68f0c0ecbdac14d6c90f523f359536f758d.png\" alt=\"La seguridad no es un protocolo, es parte de nuestra cultura\" loading=\"lazy\">\n            <\/div>\n                <div class=\"sl-bn-overlay\"><\/div>\n\n        <div class=\"sl-bn-inner\">\n                            <h2 class=\"sl-bn-titulo\"><span class=\"sl-bn-linea sl-bn-animar\" style=\"--sl-bn-d:0ms;\">La <span class=\"sl-bn-resalte\">seguridad<\/span><\/span><span class=\"sl-bn-linea sl-bn-animar\" style=\"--sl-bn-d:130ms;\">no es un protocolo,<\/span><span class=\"sl-bn-linea sl-bn-animar\" style=\"--sl-bn-d:260ms;\">es parte de nuestra <span class=\"sl-bn-resalte\">cultura<\/span><\/span><\/h2>\n                    <\/div>\n    <\/section>\n\n    <noscript><style>#sl-banner .sl-bn-animar, #sl-banner .sl-bn-animar-fondo{ opacity:1; transform:none; }<\/style><\/noscript>\n\n    <style>\n        .sl-banner, .sl-banner *{ box-sizing:border-box; }\n\n        @keyframes slBannerLinea{\n            from{ opacity:0; transform:translateY(26px); }\n            to{ opacity:1; transform:translateY(0); }\n        }\n        \/* Solo opacidad: un transform en el contenedor romper\u00eda el fondo fijo *\/\n        @keyframes slBannerFondo{\n            from{ opacity:0; }\n            to{ opacity:1; }\n        }\n\n        \/* ---------- M\u00d3VIL (base) ---------- *\/\n        #sl-banner{\n            position:relative;\n            width:100%;\n            min-height:clamp(300px,82vw,420px);\n            display:flex;\n            align-items:flex-end;\n            overflow:hidden;\n            background:var(--sl-color-primario,#0a0000);\n            color:#fff;\n            font-family:var(--fuente-texto,'Poppins',sans-serif);\n        }\n\n        \/* Imagen de fondo (aparece con un fundido suave) *\/\n        #sl-banner .sl-bn-fondo{ position:absolute; inset:0; overflow:hidden; }\n        #sl-banner .sl-bn-fondo img{\n            position:absolute;\n            top:0;\n            left:0;\n            display:block;\n            width:100% !important;\n            height:100% !important;\n            max-width:none !important;\n            max-height:none !important;\n            margin:0 !important;\n            object-fit:cover;\n            object-position:var(--sl-bn-pos,center center);\n        }\n\n        \/* PARALLAX \u00b7 FONDO FIJO\n           clip-path recorta al tama\u00f1o del banner; la imagen queda \"pegada\" a la\n           pantalla (fixed) y el banner funciona como una ventana que se desliza. *\/\n        #sl-banner.sl-bn-fijo .sl-bn-fondo{\n            overflow:visible;\n            clip-path:inset(0);\n            -webkit-clip-path:inset(0);\n        }\n        #sl-banner.sl-bn-fijo .sl-bn-fondo img{\n            position:fixed;\n            top:0;\n            left:0;\n            width:100vw !important;\n            height:100vh !important;\n            height:100lvh !important; \/* m\u00f3vil: no salta al esconderse la barra del navegador *\/\n        }\n        \/* Respaldo por JS si un contenedor del tema rompe el position:fixed *\/\n        #sl-banner.sl-bn-fijo.sl-bn-fijo-js .sl-bn-fondo img{\n            position:absolute;\n            left:0;\n            will-change:transform;\n        }\n        #sl-banner .sl-bn-animar-fondo{ opacity:0; }\n        #sl-banner .sl-bn-animar-fondo.sl-bn-visible{ animation:slBannerFondo 1.6s ease both; }\n\n        \/* Capa oscura: m\u00e1s fuerte abajo y a la izquierda, donde va el t\u00edtulo *\/\n        .sl-bn-overlay{\n            position:absolute;\n            inset:0;\n            pointer-events:none;\n            background:\n                linear-gradient(to top, rgba(0,0,0,calc(var(--sl-bn-oscuro,.45) + .3)) 0%, rgba(0,0,0,0) 70%),\n                linear-gradient(to right, rgba(0,0,0,calc(var(--sl-bn-oscuro,.45) + .15)) 0%, rgba(0,0,0,calc(var(--sl-bn-oscuro,.45) * .35)) 100%);\n        }\n\n        .sl-bn-inner{\n            position:relative;\n            z-index:2;\n            width:100%;\n            max-width:1280px;\n            margin:0 auto;\n            padding:60px 20px 32px;\n        }\n\n        \/* T\u00edtulo \u2192 fuente de t\u00edtulos, may\u00fasculas; lo resaltado va en rojo *\/\n        #sl-banner .sl-bn-titulo{\n            margin:0;\n            padding:0;\n            font-family:var(--fuente-titulos,'Handel Gothic D',sans-serif);\n            font-size:clamp(26px,7.4vw,40px);\n            font-weight:700;\n            line-height:1.12;\n            letter-spacing:.01em;\n            text-transform:uppercase;\n            color:#fff;\n            text-shadow:0 2px 18px rgba(0,0,0,.35);\n        }\n        #sl-banner .sl-bn-linea{ display:block; }\n        #sl-banner .sl-bn-resalte{ color:var(--sl-color-secundario,#e30613); }\n\n        \/* Cada l\u00ednea del t\u00edtulo entra por separado al hacer scroll *\/\n        #sl-banner .sl-bn-linea.sl-bn-animar{ opacity:0; transform:translateY(26px); }\n        #sl-banner .sl-bn-linea.sl-bn-animar.sl-bn-visible{ animation:slBannerLinea .8s ease both; animation-delay:var(--sl-bn-d,0ms); }\n\n        @media (prefers-reduced-motion:reduce){\n            #sl-banner .sl-bn-linea.sl-bn-animar,\n            #sl-banner .sl-bn-linea.sl-bn-animar.sl-bn-visible,\n            #sl-banner .sl-bn-animar-fondo,\n            #sl-banner .sl-bn-animar-fondo.sl-bn-visible{ opacity:1; transform:none; animation:none; }\n        }\n\n        \/* ---------- ESCRITORIO ---------- *\/\n        @media (min-width:992px){\n            #sl-banner{ min-height:580px; }\n            .sl-bn-inner{ padding:80px clamp(24px,5.5vw,80px) clamp(36px,4.6vw,64px); }\n            #sl-banner .sl-bn-titulo{ font-size:clamp(34px,4.3vw,64px); }\n        }\n    <\/style>\n\n    <script>\n        (function(){\n            var banner = document.getElementById('sl-banner');\n            if ( ! banner ) return;\n\n            \/* ---------- 1. Animaciones de entrada al hacer scroll ---------- *\/\n            var elementos = banner.querySelectorAll('.sl-bn-animar, .sl-bn-animar-fondo');\n            if ( elementos.length ) {\n                if ( ! ('IntersectionObserver' in window) ) {\n                    elementos.forEach(function(el){ el.classList.add('sl-bn-visible'); });\n                } else {\n                    var observer = new IntersectionObserver(function(entradas){\n                        entradas.forEach(function(entrada){\n                            if ( entrada.isIntersecting ) {\n                                entrada.target.classList.add('sl-bn-visible');\n                                observer.unobserve( entrada.target );\n                            }\n                        });\n                    }, { threshold: 0.2 });\n                    elementos.forEach(function(el){ observer.observe(el); });\n                }\n            }\n\n            \/* ---------- 2. Fondo fijo: respaldo si el tema rompe el position:fixed ----------\n               Si alg\u00fan contenedor padre (p. ej. de Elementor) tiene transform\/filter,\n               el fixed deja de funcionar. Aqu\u00ed se detecta y se simula con JS. *\/\n            var img = banner.querySelector('.sl-bn-fondo img');\n            if ( ! img || ! banner.classList.contains('sl-bn-fijo') ) return;\n\n            var modoJS = false, pendiente = false;\n\n            function fixedFunciona(){\n                var r = img.getBoundingClientRect();\n                return Math.abs( r.top ) < 2 && Math.abs( r.left ) < 2;\n            }\n\n            function moverJS(){\n                pendiente = false;\n                var rect = banner.getBoundingClientRect();\n                var vh   = window.innerHeight || document.documentElement.clientHeight;\n                if ( rect.bottom < 0 || rect.top > vh ) return;\n                img.style.top    = '0px';\n                img.style.left   = ( -rect.left ) + 'px';\n                img.style.setProperty( 'width',  document.documentElement.clientWidth + 'px', 'important' );\n                img.style.setProperty( 'height', vh + 'px', 'important' );\n                img.style.transform = 'translate3d(0,' + ( -rect.top ).toFixed(1) + 'px,0)';\n            }\n\n            function revisar(){\n                if ( modoJS ) {\n                    if ( ! pendiente ) { pendiente = true; window.requestAnimationFrame( moverJS ); }\n                    return;\n                }\n                if ( ! fixedFunciona() ) {\n                    modoJS = true;\n                    banner.classList.add('sl-bn-fijo-js');\n                    moverJS();\n                }\n            }\n\n            document.addEventListener( 'scroll', revisar, { passive: true, capture: true } );\n            window.addEventListener( 'resize', revisar );\n            window.addEventListener( 'load', revisar );\n            revisar();\n        })();\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-01656d5 e-con e-atomic-element e-flexbox-base e-default-div e-3cb3f26 \" data-id=\"01656d5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"01656d5\" data-e-type=\"e-flexbox\" data-id=\"01656d5\">\n    \t\t<div class=\"elementor-element elementor-element-85cc0c1 elementor-widget elementor-widget-shortcode\" data-id=\"85cc0c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <section class=\"sl-experiencia\" id=\"sl-experiencia\" style=\"--sl-ex-bg:var(--sl-color-fondo, #ffffff);--sl-ex-oscuro:0.35;\">\n        <div class=\"sl-ex-inner\">\n\n                        <header class=\"sl-ex-cabecera\">\n                <div class=\"sl-ex-cabecera-texto\">\n                                            <p class=\"sl-ex-eyebrow sl-ex-animar\" style=\"--sl-ex-d:0ms;\">Experiencia<\/p>\n                                                                <h2 class=\"sl-ex-titulo sl-ex-animar\" style=\"--sl-ex-d:100ms;\">Proyectos emblem\u00e1ticos<\/h2>\n                                    <\/div>\n                                    <a class=\"sl-ex-todos sl-ex-animar\" style=\"--sl-ex-d:200ms;\" href=\"\/proyectos\/\">Ver todos<\/a>\n                            <\/header>\n            \n            <ul class=\"sl-ex-lista\">\n                                    <li class=\"sl-ex-card sl-ex-animar\" style=\"--sl-ex-d:0ms;\">\n                                                    <img decoding=\"async\" class=\"sl-ex-img\" src=\"https:\/\/consorciosagitario.com\/wp-content\/uploads\/2026\/09\/85a6286726fb506fcf12c0cecfc7f350e09a6699.png\" alt=\"\" loading=\"lazy\">\n                                                <div class=\"sl-ex-velo\"><\/div>\n                        <div class=\"sl-ex-cuerpo\">\n                                                            <p class=\"sl-ex-etiqueta\">Proyecto<\/p>\n                                                        <h3 class=\"sl-ex-nombre\">Overhaul de<br \/>\npala CAT 7495<\/h3>\n                        <\/div>\n                                                    <a class=\"sl-ex-enlace\" href=\"\/pala-cat-7495\/\"><span class=\"sl-sr\">Overhaul de pala CAT 7495<\/span><\/a>\n                                            <\/li>\n                                    <li class=\"sl-ex-card sl-ex-animar\" style=\"--sl-ex-d:120ms;\">\n                                                    <img decoding=\"async\" class=\"sl-ex-img\" src=\"https:\/\/consorciosagitario.com\/wp-content\/uploads\/2026\/09\/c815f6022ef8de91991ddd001654121a6e378dbd.png\" alt=\"\" loading=\"lazy\">\n                                                <div class=\"sl-ex-velo\"><\/div>\n                        <div class=\"sl-ex-cuerpo\">\n                                                            <p class=\"sl-ex-etiqueta\">Proyecto<\/p>\n                                                        <h3 class=\"sl-ex-nombre\">Armado de 15<br \/>\ncamiones mineros<\/h3>\n                        <\/div>\n                                                    <a class=\"sl-ex-enlace\" href=\"\/camiones-mineros\/\"><span class=\"sl-sr\">Armado de 15 camiones mineros<\/span><\/a>\n                                            <\/li>\n                                    <li class=\"sl-ex-card sl-ex-animar\" style=\"--sl-ex-d:240ms;\">\n                                                    <img decoding=\"async\" class=\"sl-ex-img\" src=\"https:\/\/consorciosagitario.com\/wp-content\/uploads\/2026\/09\/e83d9f396022ae24f4782a67b8c84155b9ce8ded.png\" alt=\"\" loading=\"lazy\">\n                                                <div class=\"sl-ex-velo\"><\/div>\n                        <div class=\"sl-ex-cuerpo\">\n                                                            <p class=\"sl-ex-etiqueta\">Proyecto<\/p>\n                                                        <h3 class=\"sl-ex-nombre\">Central<br \/>\ntermoel\u00e9ctrica<br \/>\nF\u00e9nix Power<\/h3>\n                        <\/div>\n                                                    <a class=\"sl-ex-enlace\" href=\"\/fenix-power\/\"><span class=\"sl-sr\">Central termoel\u00e9ctrica F\u00e9nix Power<\/span><\/a>\n                                            <\/li>\n                            <\/ul>\n\n        <\/div>\n    <\/section>\n\n    <noscript><style>#sl-experiencia .sl-ex-animar{ opacity:1; transform:none; }<\/style><\/noscript>\n\n    <style>\n        .sl-experiencia, .sl-experiencia *{ box-sizing:border-box; }\n\n        @keyframes slExperienciaEntrada{\n            from{ opacity:0; transform:translateY(24px); }\n            to{ opacity:1; transform:translateY(0); }\n        }\n\n        \/* ---------- M\u00d3VIL (base): tarjetas en fila deslizable ---------- *\/\n        #sl-experiencia{\n            width:100%;\n            background:var(--sl-ex-bg,#fff);\n            color:var(--sl-color-primario,#0a0000);\n            font-family:var(--fuente-texto,'Poppins',sans-serif);\n        }\n        .sl-ex-inner{\n            max-width:1280px;\n            margin:0 auto;\n            padding:44px 20px;\n        }\n\n        \/* Animaci\u00f3n al hacer scroll: oculto hasta que el JS agrega .sl-ex-visible *\/\n        #sl-experiencia .sl-ex-animar{ opacity:0; transform:translateY(24px); }\n        #sl-experiencia .sl-ex-animar.sl-ex-visible{ animation:slExperienciaEntrada .8s ease both; animation-delay:var(--sl-ex-d,0ms); }\n\n        \/* Texto solo para lectores de pantalla *\/\n        .sl-sr{\n            position:absolute;\n            width:1px;\n            height:1px;\n            margin:-1px;\n            padding:0;\n            overflow:hidden;\n            clip:rect(0,0,0,0);\n            white-space:nowrap;\n            border:0;\n        }\n\n        \/* Encabezado *\/\n        .sl-ex-cabecera{\n            display:flex;\n            flex-direction:column;\n            align-items:flex-start;\n            gap:14px;\n            margin-bottom:26px;\n        }\n        #sl-experiencia .sl-ex-eyebrow{\n            display:flex;\n            align-items:center;\n            gap:12px;\n            margin:0 0 10px;\n            padding:0;\n            font-family:var(--fuente-titulos,'Handel Gothic D',sans-serif);\n            font-size:12px;\n            font-weight:700;\n            line-height:1.4;\n            letter-spacing:.03em;\n            text-transform:uppercase;\n            color:var(--sl-color-secundario,#e30613);\n        }\n        #sl-experiencia .sl-ex-eyebrow::before{\n            content:\"\";\n            flex:0 0 26px;\n            height:2px;\n            background:var(--sl-color-secundario,#e30613);\n        }\n        #sl-experiencia .sl-ex-titulo{\n            margin:0;\n            padding:0;\n            font-family:var(--fuente-titulos,'Handel Gothic D',sans-serif);\n            font-size:clamp(28px,8vw,40px);\n            font-weight:700;\n            line-height:1.08;\n            letter-spacing:.01em;\n            text-transform:uppercase;\n            color:var(--sl-color-primario,#0a0000);\n        }\n        #sl-experiencia .sl-ex-resalte{ color:var(--sl-color-secundario,#e30613); }\n\n        \/* \"VER TODOS\": rojo, subrayado *\/\n        #sl-experiencia .sl-ex-todos{\n            display:inline-block;\n            padding-bottom:3px;\n            border-bottom:2px solid var(--sl-color-secundario,#e30613);\n            font-family:var(--fuente-titulos,'Handel Gothic D',sans-serif);\n            font-size:14px;\n            font-weight:700;\n            letter-spacing:.03em;\n            line-height:1.2;\n            text-decoration:none;\n            text-transform:uppercase;\n            color:var(--sl-color-secundario,#e30613);\n            transition:opacity .2s ease;\n        }\n        #sl-experiencia .sl-ex-todos:hover{ opacity:.75; color:var(--sl-color-secundario,#e30613); }\n\n        \/* Lista de tarjetas: en m\u00f3vil se desliza en horizontal *\/\n        .sl-ex-lista{\n            list-style:none;\n            margin:0 -20px;\n            padding:0 20px;\n            display:flex;\n            gap:14px;\n            overflow-x:auto;\n            scroll-snap-type:x mandatory;\n            scroll-padding-left:20px;\n            scrollbar-width:none;\n            -webkit-overflow-scrolling:touch;\n        }\n        .sl-ex-lista::-webkit-scrollbar{ display:none; }\n\n        \/* Tarjeta: imagen + velo oscuro + texto abajo *\/\n        .sl-ex-card{\n            position:relative;\n            flex:0 0 78%;\n            scroll-snap-align:start;\n            aspect-ratio:4 \/ 5;\n            margin:0;\n            overflow:hidden;\n            background:#2a2a2a;\n            color:#fff;\n        }\n        #sl-experiencia .sl-ex-img{\n            position:absolute;\n            inset:0;\n            display:block;\n            width:100%;\n            height:100%;\n            object-fit:cover;\n            transition:transform .7s ease;\n        }\n        #sl-experiencia .sl-ex-card:hover .sl-ex-img{ transform:scale(1.05); }\n        .sl-ex-velo{\n            position:absolute;\n            inset:0;\n            pointer-events:none;\n            background:\n                linear-gradient(to top, rgba(0,0,0,calc(var(--sl-ex-oscuro,.35) + .35)) 0%, rgba(0,0,0,0) 62%),\n                rgba(0,0,0,var(--sl-ex-oscuro,.35));\n            transition:background .4s ease;\n        }\n        .sl-ex-cuerpo{\n            position:absolute;\n            left:0;\n            right:0;\n            bottom:0;\n            padding:20px 18px 22px;\n        }\n        #sl-experiencia .sl-ex-etiqueta{\n            margin:0 0 6px;\n            padding:0;\n            font-family:var(--fuente-titulos,'Handel Gothic D',sans-serif);\n            font-size:11px;\n            font-weight:700;\n            line-height:1.3;\n            letter-spacing:.04em;\n            text-transform:uppercase;\n            color:var(--sl-color-secundario,#e30613);\n        }\n        #sl-experiencia .sl-ex-nombre{\n            margin:0;\n            padding:0;\n            font-family:var(--fuente-titulos,'Handel Gothic D',sans-serif);\n            font-size:clamp(18px,5.4vw,22px);\n            font-weight:700;\n            line-height:1.15;\n            letter-spacing:.01em;\n            text-transform:uppercase;\n            color:#fff;\n        }\n        #sl-experiencia .sl-ex-nombre .sl-ex-resalte{ color:var(--sl-color-secundario,#e30613); }\n\n        \/* Enlace que cubre toda la tarjeta *\/\n        #sl-experiencia .sl-ex-enlace{ position:absolute; inset:0; z-index:2; text-decoration:none; }\n        #sl-experiencia .sl-ex-enlace:focus-visible{ outline:3px solid var(--sl-color-secundario,#e30613); outline-offset:-3px; }\n\n        @media (prefers-reduced-motion:reduce){\n            #sl-experiencia .sl-ex-animar,\n            #sl-experiencia .sl-ex-animar.sl-ex-visible{ opacity:1; transform:none; animation:none; }\n            #sl-experiencia .sl-ex-img{ transition:none; }\n        }\n\n        \/* ---------- TABLET: 2 por fila ---------- *\/\n        @media (min-width:768px){\n            .sl-ex-lista{\n                margin:0;\n                padding:0;\n                display:grid;\n                grid-template-columns:repeat(2,minmax(0,1fr));\n                gap:18px;\n                overflow:visible;\n            }\n            .sl-ex-card{ flex:none; }\n            .sl-ex-cabecera{ flex-direction:row; align-items:flex-end; justify-content:space-between; gap:24px; }\n        }\n\n        \/* ---------- ESCRITORIO: 3 por fila ---------- *\/\n        @media (min-width:992px){\n            .sl-ex-inner{ padding:clamp(48px,5vw,72px) clamp(24px,3.6vw,48px); }\n            .sl-ex-cabecera{ margin-bottom:clamp(28px,3.4vw,44px); }\n            #sl-experiencia .sl-ex-eyebrow{ font-size:clamp(15px,1.19vw,17px); margin-bottom:12px; }\n            \n            #sl-experiencia .sl-ex-todos{ font-size:clamp(14px,1.2vw,17px); margin-bottom:.6em; }\n\n            .sl-ex-lista{\n                grid-template-columns:repeat(3,minmax(0,1fr));\n                gap:clamp(16px,2vw,28px);\n            }\n            .sl-ex-cuerpo{ padding:clamp(20px,2vw,28px) clamp(18px,1.9vw,26px) clamp(22px,2.2vw,30px); }\n            #sl-experiencia .sl-ex-etiqueta{ font-size:clamp(11px,.95vw,13px); }\n            #sl-experiencia .sl-ex-nombre{ font-size:clamp(18px,1.7vw,25px); }\n        }\n    <\/style>\n\n    <script>\n        (function(){\n            var raiz = document.getElementById('sl-experiencia');\n            if ( ! raiz ) return;\n\n            var cabecera = raiz.querySelectorAll('.sl-ex-cabecera .sl-ex-animar');\n            var lista    = raiz.querySelector('.sl-ex-lista');\n            var tarjetas = raiz.querySelectorAll('.sl-ex-card');\n\n            function mostrar(el){ el.classList.add('sl-ex-visible'); }\n\n            if ( ! ('IntersectionObserver' in window) ) {\n                cabecera.forEach(mostrar);\n                tarjetas.forEach(mostrar);\n                return;\n            }\n\n            var obsCabecera = new IntersectionObserver(function(entradas){\n                entradas.forEach(function(en){ if ( en.isIntersecting ) { mostrar( en.target ); obsCabecera.unobserve( en.target ); } });\n            }, { threshold: 0.2 });\n            cabecera.forEach(function(el){ obsCabecera.observe( el ); });\n\n            \/* Las tarjetas se animan juntas al entrar la lista (en m\u00f3vil algunas quedan fuera de vista y no deben quedar ocultas) *\/\n            var obsLista = new IntersectionObserver(function(entradas){\n                entradas.forEach(function(en){\n                    if ( en.isIntersecting ) { tarjetas.forEach(mostrar); obsLista.disconnect(); }\n                });\n            }, { threshold: 0.15 });\n            if ( lista ) obsLista.observe( lista );\n        })();\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-5ae79f0 e-con e-atomic-element e-flexbox-base e-default-div e-b047808 \" data-id=\"5ae79f0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5ae79f0\" data-e-type=\"e-flexbox\" data-id=\"5ae79f0\">\n    \t\t<div class=\"elementor-element elementor-element-5d9ff61 elementor-widget elementor-widget-shortcode\" data-id=\"5d9ff61\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <section class=\"sl-cotizar\" id=\"sl-cotizar\" style=\"--sl-ct-bg:var(--sl-color-fondo-alterno, #f9f9f9);\">\n        <div class=\"sl-ct-inner\">\n\n                            <h2 class=\"sl-ct-titulo sl-ct-animar\" style=\"--sl-ct-d:0ms;\">\u00bfListo para elevar tu<br \/>\nproyecto?<\/h2>\n            \n                            <p class=\"sl-ct-desc sl-ct-animar\" style=\"--sl-ct-d:100ms;\">Nuestro equipo de ingenieros est\u00e1 listo para dise\u00f1ar la soluci\u00f3n de izaje m\u00e1s eficiente y segura para tu obra.<\/p>\n            \n                        <div class=\"sl-ct-accion sl-ct-animar\" style=\"--sl-ct-d:200ms;\">\n                                    <div class=\"sl-ct-tel\">\n                                                    <span class=\"sl-ct-tel-etiqueta\">Ll\u00e1manos ahora<\/span>\n                                                                            <a class=\"sl-ct-tel-numero\" href=\"tel:+51948418842\">(+51) 948 418 842<\/a>\n                                            <\/div>\n                \n                                    <span class=\"sl-ct-separador\" aria-hidden=\"true\"><\/span>\n                \n                                    <a class=\"sl-ct-boton\" href=\"\/contacto\/\">Solicitar una cotizaci\u00f3n<\/a>\n                            <\/div>\n            \n        <\/div>\n    <\/section>\n\n    <noscript><style>#sl-cotizar .sl-ct-animar{ opacity:1; transform:none; }<\/style><\/noscript>\n\n    <style>\n        .sl-cotizar, .sl-cotizar *{ box-sizing:border-box; }\n\n        @keyframes slCotizarEntrada{\n            from{ opacity:0; transform:translateY(24px); }\n            to{ opacity:1; transform:translateY(0); }\n        }\n\n        \/* ---------- M\u00d3VIL (base): todo apilado y centrado ---------- *\/\n        #sl-cotizar{\n            width:100%;\n            background:var(--sl-ct-bg,#f9f9f9);\n            color:var(--sl-color-primario,#0a0000);\n            font-family:var(--fuente-texto,'Poppins',sans-serif);\n            text-align:center;\n        }\n        .sl-ct-inner{\n            max-width:1100px;\n            margin:0 auto;\n            padding:52px 20px 56px;\n            display:flex;\n            flex-direction:column;\n            align-items:center;\n        }\n\n        \/* Animaci\u00f3n al hacer scroll: oculto hasta que el JS agrega .sl-ct-visible *\/\n        #sl-cotizar .sl-ct-animar{ opacity:0; transform:translateY(24px); }\n        #sl-cotizar .sl-ct-animar.sl-ct-visible{ animation:slCotizarEntrada .8s ease both; animation-delay:var(--sl-ct-d,0ms); }\n\n        \/* T\u00edtulo \u2192 fuente de t\u00edtulos; lo resaltado va en rojo *\/\n        #sl-cotizar .sl-ct-titulo{\n            max-width:14em;\n            margin:0 auto 16px;\n            padding:0;\n            font-family:var(--fuente-titulos,'Handel Gothic D',sans-serif);\n            font-size:clamp(24px,6.6vw,40px);\n            font-weight:700;\n            text-wrap:balance;\n            line-height:1.1;\n            letter-spacing:.01em;\n            text-transform:uppercase;\n            color:var(--sl-color-primario,#0a0000);\n        }\n        #sl-cotizar .sl-ct-resalte{ color:var(--sl-color-secundario,#e30613); }\n\n        \/* Descripci\u00f3n \u2192 fuente de texto *\/\n        #sl-cotizar .sl-ct-desc{\n            max-width:34em;\n            margin:0 auto 30px;\n            padding:0;\n            font-family:var(--fuente-texto,'Poppins',sans-serif);\n            font-size:15px;\n            line-height:1.6;\n            color:var(--sl-color-texto-claro,#555555);\n        }\n\n        \/* Acci\u00f3n: tel\u00e9fono | l\u00ednea | bot\u00f3n *\/\n        .sl-ct-accion{\n            display:flex;\n            flex-direction:column;\n            align-items:center;\n            gap:22px;\n            width:100%;\n        }\n        .sl-ct-tel{\n            display:flex;\n            flex-direction:column;\n            align-items:center;\n            gap:4px;\n        }\n        #sl-cotizar .sl-ct-tel-etiqueta{\n            font-family:var(--fuente-titulos,'Handel Gothic D',sans-serif);\n            font-size:11px;\n            font-weight:700;\n            line-height:1.3;\n            letter-spacing:.04em;\n            text-transform:uppercase;\n            color:var(--sl-color-secundario,#e30613);\n        }\n        #sl-cotizar .sl-ct-tel-numero{\n            font-family:var(--fuente-titulos,'Handel Gothic D',sans-serif);\n            font-size:clamp(24px,7.2vw,32px);\n            font-weight:700;\n            line-height:1.1;\n            letter-spacing:.01em;\n            text-decoration:none;\n            color:var(--sl-color-primario,#0a0000);\n            transition:color .2s ease;\n        }\n        #sl-cotizar a.sl-ct-tel-numero:hover{ color:var(--sl-color-secundario,#e30613); }\n\n        \/* Separador: l\u00ednea roja corta horizontal en m\u00f3vil, vertical en escritorio *\/\n        .sl-ct-separador{\n            display:block;\n            width:52px;\n            height:1px;\n            background:var(--sl-color-secundario,#e30613);\n        }\n\n        \/* Bot\u00f3n \u2192 fuente de texto *\/\n        #sl-cotizar .sl-ct-boton{\n            display:inline-block;\n            width:100%;\n            max-width:340px;\n            padding:15px 24px;\n            background:var(--sl-color-secundario,#e30613);\n            border-radius:0;\n            color:#fff;\n            font-family:var(--fuente-texto,'Poppins',sans-serif);\n            font-size:13px;\n            font-weight:700;\n            letter-spacing:.03em;\n            line-height:1.2;\n            text-align:center;\n            text-decoration:none;\n            text-transform:uppercase;\n            transition:filter .2s ease, transform .2s ease;\n        }\n        #sl-cotizar .sl-ct-boton:hover,\n        #sl-cotizar .sl-ct-boton:focus{ filter:brightness(1.15); color:#fff; }\n        #sl-cotizar .sl-ct-boton:focus-visible{ outline:2px solid var(--sl-color-primario,#0a0000); outline-offset:3px; }\n\n        @media (prefers-reduced-motion:reduce){\n            #sl-cotizar .sl-ct-animar,\n            #sl-cotizar .sl-ct-animar.sl-ct-visible{ opacity:1; transform:none; animation:none; }\n        }\n\n        \/* ---------- ESCRITORIO: tel\u00e9fono | l\u00ednea | bot\u00f3n en fila ---------- *\/\n        @media (min-width:992px){\n            .sl-ct-inner{ padding:clamp(56px,6vw,96px) clamp(24px,4vw,64px) clamp(60px,6.4vw,104px); }\n            #sl-cotizar .sl-ct-titulo{ font-size:clamp(44px,5.6vw,76px); margin-bottom:20px; }\n            #sl-cotizar .sl-ct-desc{ font-size:clamp(14px,1.15vw,17px); margin-bottom:clamp(30px,3.4vw,48px); }\n\n            .sl-ct-accion{\n                flex-direction:row;\n                justify-content:center;\n                align-items:center;\n                gap:clamp(24px,2.8vw,40px);\n            }\n            .sl-ct-tel{ align-items:flex-start; }\n            #sl-cotizar .sl-ct-tel-etiqueta{ font-size:clamp(15px,1.19vw,17px); }\n            #sl-cotizar .sl-ct-tel-numero{ font-size:clamp(26px,2.9vw,42px); }\n            .sl-ct-separador{ width:1px; height:clamp(48px,4.4vw,64px); }\n            #sl-cotizar .sl-ct-boton{ width:auto; max-width:none; padding:clamp(14px,1.3vw,18px) clamp(26px,2.6vw,38px); font-size:clamp(12px,1vw,14px); }\n        }\n    <\/style>\n\n    <script>\n        (function(){\n            var elementos = document.querySelectorAll('#sl-cotizar .sl-ct-animar');\n            if ( ! elementos.length ) return;\n\n            if ( ! ('IntersectionObserver' in window) ) {\n                elementos.forEach(function(el){ el.classList.add('sl-ct-visible'); });\n                return;\n            }\n            var observer = new IntersectionObserver(function(entradas){\n                entradas.forEach(function(entrada){\n                    if ( entrada.isIntersecting ) {\n                        entrada.target.classList.add('sl-ct-visible');\n                        observer.unobserve( entrada.target );\n                    }\n                });\n            }, { threshold: 0.2 });\n            elementos.forEach(function(el){ observer.observe(el); });\n        })();\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/consorciosagitario.com\/en\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/consorciosagitario.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/consorciosagitario.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/consorciosagitario.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/consorciosagitario.com\/en\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":25,"href":"https:\/\/consorciosagitario.com\/en\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":67,"href":"https:\/\/consorciosagitario.com\/en\/wp-json\/wp\/v2\/pages\/8\/revisions\/67"}],"wp:attachment":[{"href":"https:\/\/consorciosagitario.com\/en\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}