{"id":32263,"date":"2025-10-03T22:38:27","date_gmt":"2025-10-03T22:38:27","guid":{"rendered":"https:\/\/esako.com.pe\/?page_id=32263"},"modified":"2026-10-24T03:01:02","modified_gmt":"2026-10-24T03:01:02","slug":"soluciones","status":"publish","type":"page","link":"https:\/\/racks.esako.com.pe\/en\/soluciones\/","title":{"rendered":"SOLUTIONS"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"32263\" class=\"elementor elementor-32263\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-e5c15a0 e-flex e-con-boxed e-con e-parent\" data-id=\"e5c15a0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bfb2ad0 elementor-widget elementor-widget-html\" data-id=\"bfb2ad0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cabin:wght@400;500;600;700&display=swap');\r\n\r\n\/* ============ SIN SCROLL EN LA P\u00c1GINA (solo PC) ============ *\/\r\n@media (min-width: 1025px) {\r\n    html.sin-scroll,\r\n    body.sin-scroll,\r\n    html:has(.servicios4-wrap),\r\n    body:has(.servicios4-wrap) {\r\n        overflow: hidden !important;\r\n        height: 100% !important;\r\n        margin: 0;\r\n    }\r\n}\r\n\r\n\/* ============ CONTENEDOR GENERAL: PANTALLA COMPLETA ============ *\/\r\n.servicios4-wrap {\r\n    --alto-header: 100px;                         \/* Alto del header en laptop *\/\r\n    --gap: 0px;                                   \/* Espacio entre tarjetas (0 = pegadas) *\/\r\n\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 1;                                   \/* el header queda por encima *\/\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    grid-template-rows: minmax(0, 1fr);\r\n    gap: var(--gap);\r\n    width: 100vw;\r\n    height: 100vh;                                \/* respaldo *\/\r\n    height: 100dvh;\r\n    margin: 0;\r\n    padding: 0;\r\n    padding-top: var(--alto-header);\r\n    box-sizing: border-box;\r\n    background: #ffffff;\r\n    overflow: hidden;\r\n    font-family: 'Cabin', Arial, sans-serif;\r\n}\r\n\r\n.servicios4-wrap *,\r\n.servicios4-wrap *::before,\r\n.servicios4-wrap *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* ============ CADA TARJETA ============ *\/\r\n.servicio4-item {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: flex-end;                        \/* contenido pegado abajo *\/\r\n    min-width: 0;\r\n    min-height: 0;\r\n    height: 100%;\r\n    overflow: hidden;\r\n    background-color: #0b2345;\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n    isolation: isolate;\r\n}\r\n\r\n\/* Difuminado oscuro para poder leer el texto *\/\r\n.servicio4-item::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -1;\r\n    background: linear-gradient(to top, rgba(11, 35, 69, 0.97) 0%, rgba(11, 35, 69, 0.8) 45%, rgba(11, 35, 69, 0.25) 75%);\r\n    opacity: 1;\r\n    transition: opacity 0.4s ease;\r\n}\r\n\r\n.servicio4-contenido {\r\n    width: 100%;\r\n    padding: clamp(14px, 3vh, 40px) clamp(14px, 1.8vw, 32px);\r\n    color: #ffffff;\r\n    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);\r\n}\r\n\r\n\/* ============ T\u00cdTULO ============ *\/\r\n.servicio4-titulo {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    color: #ffffff !important;\r\n    font-family: 'Cabin', Arial, sans-serif;\r\n    font-size: clamp(16px, min(1.7vw, 3.2vh), 28px);\r\n    font-weight: 700;\r\n    line-height: 1.3;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\/* ============ DETALLE (se despliega desde abajo en PC) ============ *\/\r\n.servicio4-detalle {\r\n    display: grid;\r\n    grid-template-rows: 1fr;\r\n}\r\n\r\n.servicio4-detalle-interno {\r\n    min-height: 0;\r\n    overflow: hidden;\r\n    padding-top: clamp(8px, 1.4vh, 16px);\r\n}\r\n\r\n.servicio4-intro,\r\n.servicio4-nota {\r\n    margin: 0 0 clamp(6px, 1vh, 10px) 0 !important;\r\n    padding: 0 !important;\r\n    color: #ffffff !important;\r\n    font-family: 'Cabin', Arial, sans-serif;\r\n    font-size: clamp(14px, min(1.25vw, 2.6vh), 21px);\r\n    font-weight: 600;\r\n    line-height: 1.35;\r\n}\r\n\r\n.servicio4-nota {\r\n    margin: clamp(8px, 1.4vh, 14px) 0 0 0 !important;\r\n}\r\n\r\n.servicio4-lista {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    list-style: none !important;\r\n}\r\n\r\n.servicio4-lista li {\r\n    position: relative;\r\n    margin: 0 0 clamp(2px, 0.5vh, 5px) 0 !important;\r\n    padding: 0 0 0 1em !important;\r\n    color: #ffffff !important;\r\n    font-family: 'Cabin', Arial, sans-serif;\r\n    font-size: clamp(14px, min(1.25vw, 2.6vh), 21px);\r\n    font-weight: 400;\r\n    line-height: 1.35;\r\n}\r\n\r\n.servicio4-lista li::before {\r\n    content: \"\u2022\";\r\n    position: absolute;\r\n    left: 0;\r\n}\r\n\r\n\/* ============ PC (con mouse): detalle oculto, sale de abajo al pasar el cursor ============ *\/\r\n@media (min-width: 1025px) and (hover: hover) {\r\n    .servicio4-item::after {\r\n        opacity: 0;\r\n    }\r\n\r\n    .servicio4-item:hover::after,\r\n    .servicio4-item:focus-within::after {\r\n        opacity: 1;\r\n    }\r\n\r\n    .servicio4-detalle {\r\n        grid-template-rows: 0fr;\r\n        opacity: 0;\r\n        transform: translateY(40px);\r\n        transition: grid-template-rows 0.55s ease, opacity 0.45s ease, transform 0.55s ease;\r\n    }\r\n\r\n    .servicio4-item:hover .servicio4-detalle,\r\n    .servicio4-item:focus-within .servicio4-detalle {\r\n        grid-template-rows: 1fr;\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    \/* El t\u00edtulo siempre se lee, aun sin el difuminado *\/\r\n    .servicio4-titulo {\r\n        text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7), 0 0 14px rgba(0, 0, 0, 0.5);\r\n    }\r\n}\r\n\r\n\/* ============ TABLET: 2 columnas, todo visible, la tarjeta crece y la secci\u00f3n hace scroll ============ *\/\r\n@media (min-width: 601px) and (max-width: 1024px) {\r\n    .servicios4-wrap {\r\n        --alto-header: 60px;\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        grid-template-rows: none;\r\n        grid-auto-rows: auto;\r\n        align-content: start;\r\n        overflow-y: auto;                         \/* el scroll queda dentro de la secci\u00f3n *\/\r\n        overflow-x: hidden;\r\n    }\r\n\r\n    .servicio4-item {\r\n        height: auto;\r\n        min-height: max(420px, 48dvh);\r\n    }\r\n\r\n    .servicio4-contenido {\r\n        padding: 160px clamp(16px, 2.6vw, 28px) 24px clamp(16px, 2.6vw, 28px);   \/* deja ver la foto arriba *\/\r\n    }\r\n\r\n    .servicio4-titulo {\r\n        font-size: clamp(18px, 3vw, 26px);\r\n    }\r\n\r\n    .servicio4-intro,\r\n    .servicio4-nota,\r\n    .servicio4-lista li {\r\n        font-size: clamp(16px, 2.5vw, 21px);\r\n        line-height: 1.4;\r\n    }\r\n}\r\n\r\n\/* ============ PC t\u00e1ctil (pantalla grande sin mouse): todo visible ============ *\/\r\n@media (min-width: 1025px) and (hover: none) {\r\n    .servicio4-contenido {\r\n        max-height: 100%;\r\n        overflow-y: auto;\r\n    }\r\n}\r\n\r\n\/* ============ M\u00d3VIL: 1 columna, todo visible, scroll dentro de la secci\u00f3n ============ *\/\r\n@media (max-width: 600px) {\r\n    .servicios4-wrap {\r\n        --alto-header: 60px;\r\n        display: block;\r\n        height: 100vh;\r\n        height: 100dvh;\r\n        overflow-y: auto;\r\n        overflow-x: hidden;\r\n    }\r\n\r\n    .servicio4-item {\r\n        height: auto;\r\n        min-height: 440px;\r\n    }\r\n\r\n    .servicio4-contenido {\r\n        padding: 150px 16px 20px 16px;            \/* deja ver la foto arriba del texto *\/\r\n    }\r\n\r\n    .servicio4-titulo {\r\n        font-size: clamp(16px, 4.8vw, 20px);\r\n    }\r\n\r\n    .servicio4-intro,\r\n    .servicio4-nota,\r\n    .servicio4-lista li {\r\n        font-size: clamp(14px, 4vw, 17px);\r\n    }\r\n}\r\n\r\n\/* ============ SCROLLBAR OCULTO (el scroll sigue funcionando) ============ *\/\r\n.servicios4-wrap,\r\n.servicio4-contenido {\r\n    -ms-overflow-style: none;                     \/* Edge antiguo *\/\r\n    scrollbar-width: none;                        \/* Firefox *\/\r\n}\r\n\r\n.servicios4-wrap::-webkit-scrollbar,\r\n.servicio4-contenido::-webkit-scrollbar {\r\n    display: none;                                \/* Chrome, Safari, Edge *\/\r\n    width: 0;\r\n    height: 0;\r\n}\r\n\r\n\/* ACCESIBILIDAD *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n    .servicio4-item::after,\r\n    .servicio4-detalle {\r\n        transition: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"servicios4-wrap\">\r\n\r\n    <!-- TARJETA 1 -->\r\n    <article class=\"servicio4-item\" tabindex=\"0\"\r\n        style=\"background-image: url('\/wp-content\/uploads\/2026\/10\/34656462-7af5-45a7-b339-0987a281befe-e1792042574930.jpg');\">\r\n        <div class=\"servicio4-contenido\">\r\n            <h3 class=\"servicio4-titulo\">Servicio el\u00e9ctrico domiciliario, comercial e industrial<\/h3>\r\n            <div class=\"servicio4-detalle\">\r\n                <div class=\"servicio4-detalle-interno\">\r\n                    <p class=\"servicio4-intro\">Mantenimiento preventivo, correctivo e instalaci\u00f3n de:<\/p>\r\n                    <ul class=\"servicio4-lista\">\r\n                        <li>Motores el\u00e9ctricos<\/li>\r\n                        <li>Puertas r\u00e1pidas de lona<\/li>\r\n                        <li>Plataformas hidr\u00e1ulicas<\/li>\r\n                        <li>Bombas de agua<\/li>\r\n                        <li>Pozos a tierra<\/li>\r\n                        <li>Termas el\u00e9ctricas y solares<\/li>\r\n                        <li>Cercos el\u00e9ctricos<\/li>\r\n                        <li>Alarmas<\/li>\r\n                        <li>Intercomunicadores<\/li>\r\n                        <li>Cableado de acometida e interiores<\/li>\r\n                        <li>Peinado de tableros de distribuci\u00f3n<\/li>\r\n                        <li>Luminarias y m\u00e1s<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/article>\r\n\r\n    <!-- TARJETA 2 -->\r\n    <article class=\"servicio4-item\" tabindex=\"0\"\r\n        style=\"background-image: url('\/wp-content\/uploads\/2026\/10\/0c47a987-b46c-44b2-904e-d0e10ec83884.jpg');\">\r\n        <div class=\"servicio4-contenido\">\r\n            <h3 class=\"servicio4-titulo\">Servicio de mantenimiento de motores y grupos electr\u00f3genos<\/h3>\r\n            <div class=\"servicio4-detalle\">\r\n                <div class=\"servicio4-detalle-interno\">\r\n                    <p class=\"servicio4-intro\">Mantenimiento preventivo, correctivo e instalaci\u00f3n de:<\/p>\r\n                    <ul class=\"servicio4-lista\">\r\n                        <li>Motores di\u00e9sel marinos e industriales multimarca<\/li>\r\n                        <li>Grupos electr\u00f3genos multimarca<\/li>\r\n                        <li>Transmisiones y tomas de fuerza (PTO)<\/li>\r\n                        <li>Tableros el\u00e9ctricos de sala de m\u00e1quinas<\/li>\r\n                    <\/ul>\r\n                    <p class=\"servicio4-nota\">Capacitaciones en motores di\u00e9sel y grupos electr\u00f3genos<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/article>\r\n\r\n    <!-- TARJETA 3 (cambia la imagen por la que corresponda) -->\r\n    <article class=\"servicio4-item\" tabindex=\"0\"\r\n        style=\"background-image: url('\/wp-content\/uploads\/2026\/10\/ad4d9f57-3df5-4487-971b-c690e830dcac.jpg');\">\r\n        <div class=\"servicio4-contenido\">\r\n            <h3 class=\"servicio4-titulo\">Venta de motores di\u00e9sel, grupos electr\u00f3genos y excavadoras<\/h3>\r\n            <div class=\"servicio4-detalle\">\r\n                <div class=\"servicio4-detalle-interno\">\r\n                    <ul class=\"servicio4-lista\">\r\n                        <li>Motores di\u00e9sel marinos<\/li>\r\n                        <li>Transmisiones y toma de fuerza<\/li>\r\n                        <li>Grupos electr\u00f3genos a partir de 15 KW<\/li>\r\n                        <li>Excavators<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/article>\r\n\r\n    <!-- TARJETA 4 (cambia la imagen por la que corresponda) -->\r\n    <article class=\"servicio4-item\" tabindex=\"0\"\r\n        style=\"background-image: url('\/wp-content\/uploads\/2026\/10\/46230a89-bfab-4666-a600-c787022c131f.png');\">\r\n        <div class=\"servicio4-contenido\">\r\n            <h3 class=\"servicio4-titulo\">Venta de repuestos y consumibles<\/h3>\r\n            <div class=\"servicio4-detalle\">\r\n                <div class=\"servicio4-detalle-interno\">\r\n                    <ul class=\"servicio4-lista\">\r\n                        <li>Repuestos para motores di\u00e9sel<\/li>\r\n                        <li>Filtros, aceites, refrigerantes y m\u00e1s<\/li>\r\n                        <li>Mangueras hidr\u00e1ulicas a medida<\/li>\r\n                        <li>Suministro para pozo a tierra<\/li>\r\n                        <li>Ferreter\u00eda el\u00e9ctrica<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/article>\r\n\r\n<\/div>\r\n\r\n<script>\r\n    document.documentElement.classList.add('sin-scroll');\r\n    document.body.classList.add('sin-scroll');\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Servicio el\u00e9ctrico domiciliario, comercial e industrial Mantenimiento preventivo, correctivo e instalaci\u00f3n de: Motores el\u00e9ctricos Puertas r\u00e1pidas de lona Plataformas hidr\u00e1ulicas<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-32263","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/racks.esako.com.pe\/en\/wp-json\/wp\/v2\/pages\/32263","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/racks.esako.com.pe\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/racks.esako.com.pe\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/racks.esako.com.pe\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/racks.esako.com.pe\/en\/wp-json\/wp\/v2\/comments?post=32263"}],"version-history":[{"count":1027,"href":"https:\/\/racks.esako.com.pe\/en\/wp-json\/wp\/v2\/pages\/32263\/revisions"}],"predecessor-version":[{"id":42821,"href":"https:\/\/racks.esako.com.pe\/en\/wp-json\/wp\/v2\/pages\/32263\/revisions\/42821"}],"wp:attachment":[{"href":"https:\/\/racks.esako.com.pe\/en\/wp-json\/wp\/v2\/media?parent=32263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}