{"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-27T19:15:56","modified_gmt":"2026-10-27T19:15:56","slug":"soluciones","status":"publish","type":"page","link":"https:\/\/rack.pesquerakarsol.com\/en\/soluciones\/","title":{"rendered":"SOLUTIONS"},"content":{"rendered":"\t\t<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\/* ============ IDIOMA (TranslatePress): ES por defecto, EN cuando la p\u00e1gina est\u00e1 en ingl\u00e9s ============ *\/\r\n.t-en {\r\n    display: none;\r\n}\r\n\r\nhtml[lang^=\"en\"] .t-es,\r\nhtml:has(body[class*=\"translatepress-en\"]) .t-es {\r\n    display: none;\r\n}\r\n\r\nhtml[lang^=\"en\"] .t-en,\r\nhtml:has(body[class*=\"translatepress-en\"]) .t-en {\r\n    display: inline;\r\n}\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(.servicios3-wrap),\r\n    body:has(.servicios3-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.servicios3-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(3, 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.servicios3-wrap *,\r\n.servicios3-wrap *::before,\r\n.servicios3-wrap *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* ============ CADA TARJETA ============ *\/\r\n.servicio3-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 SOLO en la tarjeta que tiene texto *\/\r\n.servicio3-item--texto::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.85) 50%, rgba(11, 35, 69, 0.3) 80%);\r\n    opacity: 1;\r\n    transition: opacity 0.4s ease;\r\n}\r\n\r\n.servicio3-contenido {\r\n    width: 100%;\r\n    padding: clamp(14px, 3vh, 40px) clamp(14px, 2vw, 36px);\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.servicio3-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(18px, min(1.9vw, 3.4vh), 32px);\r\n    font-weight: 700;\r\n    line-height: 1.25;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\/* ============ DETALLE ============ *\/\r\n.servicio3-detalle {\r\n    display: grid;\r\n    grid-template-rows: 1fr;\r\n}\r\n\r\n.servicio3-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.servicio3-intro {\r\n    margin: 0 0 clamp(8px, 1.4vh, 14px) 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.2vw, 2.6vh), 21px);\r\n    font-weight: 600;\r\n    line-height: 1.35;\r\n}\r\n\r\n.servicio3-lista {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    list-style: none !important;\r\n}\r\n\r\n.servicio3-lista li {\r\n    position: relative;\r\n    margin: 0 0 clamp(5px, 1vh, 10px) 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.2vw, 2.6vh), 21px);\r\n    font-weight: 400;\r\n    line-height: 1.35;\r\n}\r\n\r\n.servicio3-lista li:last-child {\r\n    margin-bottom: 0 !important;\r\n}\r\n\r\n.servicio3-lista li::before {\r\n    content: \"\u2022\";\r\n    position: absolute;\r\n    left: 0;\r\n}\r\n\r\n\/* ============ PC (con mouse): sin difuminado ni detalle; al pasar el cursor salen desde abajo ============ *\/\r\n@media (min-width: 1025px) and (hover: hover) {\r\n    .servicio3-item--texto::after {\r\n        opacity: 0;\r\n    }\r\n\r\n    .servicio3-item--texto:hover::after,\r\n    .servicio3-item--texto:focus-within::after {\r\n        opacity: 1;\r\n    }\r\n\r\n    .servicio3-item--texto .servicio3-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    .servicio3-item--texto:hover .servicio3-detalle,\r\n    .servicio3-item--texto:focus-within .servicio3-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    .servicio3-item--texto .servicio3-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\/* ============ PC t\u00e1ctil (pantalla grande sin mouse): todo visible ============ *\/\r\n@media (min-width: 1025px) and (hover: none) {\r\n    .servicio3-contenido {\r\n        max-height: 100%;\r\n        overflow-y: auto;\r\n    }\r\n}\r\n\r\n\/* ============ TABLET: 3 CONTENEDORES EN VERTICAL, todo visible, scroll dentro de la secci\u00f3n ============ *\/\r\n@media (min-width: 601px) and (max-width: 1024px) {\r\n    .servicios3-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    .servicio3-item {\r\n        height: auto;\r\n        min-height: 380px;\r\n    }\r\n\r\n    .servicio3-item--texto {\r\n        min-height: 460px;\r\n    }\r\n\r\n    .servicio3-contenido {\r\n        padding: 180px clamp(20px, 4vw, 40px) 28px clamp(20px, 4vw, 40px);   \/* deja ver la foto arriba *\/\r\n    }\r\n\r\n    .servicio3-titulo {\r\n        font-size: clamp(20px, 3.4vw, 28px);\r\n    }\r\n\r\n    .servicio3-intro,\r\n    .servicio3-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\/* ============ M\u00d3VIL: 3 CONTENEDORES EN VERTICAL, todo visible, scroll dentro de la secci\u00f3n ============ *\/\r\n@media (max-width: 600px) {\r\n    .servicios3-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    .servicio3-item {\r\n        height: auto;\r\n        min-height: 300px;\r\n    }\r\n\r\n    .servicio3-item--texto {\r\n        min-height: 520px;\r\n    }\r\n\r\n    .servicio3-contenido {\r\n        padding: 150px 16px 22px 16px;            \/* deja ver la foto arriba del texto *\/\r\n    }\r\n\r\n    .servicio3-titulo {\r\n        font-size: clamp(17px, 5vw, 21px);\r\n    }\r\n\r\n    .servicio3-intro,\r\n    .servicio3-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.servicios3-wrap,\r\n.servicio3-contenido {\r\n    -ms-overflow-style: none;\r\n    scrollbar-width: none;\r\n}\r\n\r\n.servicios3-wrap::-webkit-scrollbar,\r\n.servicio3-contenido::-webkit-scrollbar {\r\n    display: none;\r\n    width: 0;\r\n    height: 0;\r\n}\r\n\r\n\/* ACCESIBILIDAD *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n    .servicio3-item--texto::after,\r\n    .servicio3-detalle {\r\n        transition: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"servicios3-wrap\">\r\n\r\n    <!-- TARJETA 1: CON TEXTO (el detalle aparece al pasar el cursor) -->\r\n    <article class=\"servicio3-item servicio3-item--texto\" tabindex=\"0\"\r\n        style=\"background-image: url('https:\/\/rack.pesquerakarsol.com\/wp-content\/uploads\/2026\/10\/60a16e03-f418-434b-8a65-358cd6cc894b.jpg');\">\r\n        <div class=\"servicio3-contenido\">\r\n            <h3 class=\"servicio3-titulo\">\r\n                <span class=\"t-es\" data-no-translation>Servicio de c\u00e1lculo estructural de racks y almacenes<\/span>\r\n                <span class=\"t-en\" data-no-translation>Structural calculation services for racks and warehouses<\/span>\r\n            <\/h3>\r\n            <div class=\"servicio3-detalle\">\r\n                <div class=\"servicio3-detalle-interno\">\r\n                    <p class=\"servicio3-intro\">\r\n                        <span class=\"t-es\" data-no-translation>Dise\u00f1o con normativas nacionales e internacionales:<\/span>\r\n                        <span class=\"t-en\" data-no-translation>Design based on national and international standards:<\/span>\r\n                    <\/p>\r\n                    <ul class=\"servicio3-lista\">\r\n                        <li>\r\n                            <span class=\"t-es\" data-no-translation>Revisiones de c\u00e1lculo estructural y memorias de c\u00e1lculo.<\/span>\r\n                            <span class=\"t-en\" data-no-translation>Structural calculation reviews and calculation reports.<\/span>\r\n                        <\/li>\r\n                        <li>\r\n                            <span class=\"t-es\" data-no-translation>Dise\u00f1o de sistemas de almacenamiento sismorresistentes.<\/span>\r\n                            <span class=\"t-en\" data-no-translation>Design of seismic-resistant storage systems.<\/span>\r\n                        <\/li>\r\n                        <li>\r\n                            <span class=\"t-es\" data-no-translation>Almacenes tradicionales y autoportantes.<\/span>\r\n                            <span class=\"t-en\" data-no-translation>Traditional and self-supporting warehouses.<\/span>\r\n                        <\/li>\r\n                        <li>\r\n                            <span class=\"t-es\" data-no-translation>Mantenimiento de puertas y rampas.<\/span>\r\n                            <span class=\"t-en\" data-no-translation>Maintenance of doors and ramps.<\/span>\r\n                        <\/li>\r\n                        <li>\r\n                            <span class=\"t-es\" data-no-translation>Cursos y charlas.<\/span>\r\n                            <span class=\"t-en\" data-no-translation>Courses and talks.<\/span>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/article>\r\n\r\n    <!-- TARJETA 2: SOLO IMAGEN (cambia la imagen por la que corresponda) -->\r\n    <article class=\"servicio3-item\"\r\n        style=\"background-image: url('https:\/\/rack.pesquerakarsol.com\/wp-content\/uploads\/2026\/10\/284936e9-7de3-40ed-aa7c-25592fb6895c.jpg');\"\r\n        aria-hidden=\"true\"><\/article>\r\n\r\n    <!-- TARJETA 3: SOLO IMAGEN (cambia la imagen por la que corresponda) -->\r\n    <article class=\"servicio3-item\"\r\n        style=\"background-image: url('https:\/\/rack.pesquerakarsol.com\/wp-content\/uploads\/2026\/10\/bf4b23e5-3e5e-40a5-b99d-1bf03a6e9cd9.jpg');\"\r\n        aria-hidden=\"true\"><\/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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Servicio de c\u00e1lculo estructural de racks y almacenes Structural calculation services for racks and warehouses Dise\u00f1o con normativas nacionales e<\/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:\/\/rack.pesquerakarsol.com\/en\/wp-json\/wp\/v2\/pages\/32263","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rack.pesquerakarsol.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rack.pesquerakarsol.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rack.pesquerakarsol.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rack.pesquerakarsol.com\/en\/wp-json\/wp\/v2\/comments?post=32263"}],"version-history":[{"count":1039,"href":"https:\/\/rack.pesquerakarsol.com\/en\/wp-json\/wp\/v2\/pages\/32263\/revisions"}],"predecessor-version":[{"id":42863,"href":"https:\/\/rack.pesquerakarsol.com\/en\/wp-json\/wp\/v2\/pages\/32263\/revisions\/42863"}],"wp:attachment":[{"href":"https:\/\/rack.pesquerakarsol.com\/en\/wp-json\/wp\/v2\/media?parent=32263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}