{"id":8,"date":"2026-07-06T10:12:25","date_gmt":"2026-07-06T10:12:25","guid":{"rendered":"https:\/\/srlrecliven.com\/?page_id=8"},"modified":"2026-09-24T14:06:35","modified_gmt":"2026-09-24T14:06:35","slug":"home","status":"publish","type":"page","link":"https:\/\/srlrecliven.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc680e6 e-con e-atomic-element e-flexbox-base e-df76d8b \" data-id=\"cc680e6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"cc680e6\">\n    \t\t<div class=\"elementor-element elementor-element-95e50ae elementor-widget elementor-widget-html\" data-id=\"95e50ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"recliven-hero-trust-wrapper\">\n\n    <section class=\"recliven-hero\">\n\n        <div class=\"hero-content\">\n\n            <span class=\"hero-eyebrow\" data-trp-translate-id=\"hero_eyebrow\">\n                SOLUCIONES QUE GENERAN CONFIANZA\n            <\/span>\n\n            <h1 data-trp-translate-id=\"hero_title\">\n                Soluciones en Refrigeraci\u00f3n, Climatizaci\u00f3n y Automatizaci\u00f3n.\n            <\/h1>\n\n            <p data-trp-translate-id=\"hero_desc\">\n                Ofrecemos soluciones profesionales en refrigeraci\u00f3n, aire acondicionado, automatizaci\u00f3n, energ\u00eda renovable e impresi\u00f3n 3D para hogares, comercios y empresas.\n            <\/p>\n\n            <div class=\"hero-buttons\">\n                <a href=\"https:\/\/wa.me\/5363462855\" class=\"hero-btn hero-btn-primary\" target=\"_blank\" rel=\"noopener\">\n                    <span data-trp-translate-id=\"hero_btn_text\">Solicitar servicio<\/span> <span>\u2192<\/span>\n                <\/a>\n            <\/div>\n\n        <\/div>\n\n\n        <!-- DISTINTIVO DE UBICACI\u00d3N -->\n        <a href=\"https:\/\/maps.app.goo.gl\/3e8juYQ72fRYvY9X7\" class=\"hero-badge\" target=\"_blank\" rel=\"noopener\">\n\n            <div class=\"badge-icon\">\n                <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                    <path d=\"M12 2.5 C7.86 2.5 4.5 5.75 4.5 9.7 C4.5 14.7 12 21.5 12 21.5 C12 21.5 19.5 14.7 19.5 9.7 C19.5 5.75 16.14 2.5 12 2.5Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n                    <circle cx=\"12\" cy=\"9.5\" r=\"2.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n                <\/svg>\n            <\/div>\n\n            <div class=\"badge-text\">\n                <strong data-trp-translate-id=\"badge_address\">\n                    Avenida Jes\u00fas Men\u00e9ndez #966\n                <\/strong>\n                <span data-trp-translate-id=\"badge_city\">\n                    \/ Trocha y San Fernando, Santiago de Cuba\n                <\/span>\n            <\/div>\n\n        <\/a>\n\n    <\/section>\n\n\n    <!-- BLOQUE DE CONFIANZA -->\n    <div class=\"recliven-trust\">\n\n        <div class=\"recliven-trust-item\">\n            <div class=\"recliven-trust-icon\">\u2605<\/div>\n            <div class=\"recliven-trust-content\">\n                <h3 class=\"recliven-trust-title\" data-trp-translate-id=\"trust_1_title\">\n                    +15 a\u00f1os de experiencia\n                <\/h3>\n                <p class=\"recliven-trust-text\" data-trp-translate-id=\"trust_1_text\">\n                    M\u00e1s de 15 a\u00f1os ofreciendo soluciones confiables.\n                <\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"recliven-trust-item\">\n            <div class=\"recliven-trust-icon\">\u25f7<\/div>\n            <div class=\"recliven-trust-content\">\n                <h3 class=\"recliven-trust-title\" data-trp-translate-id=\"trust_2_title\">\n                    Atenci\u00f3n r\u00e1pida y garantizada\n                <\/h3>\n                <p class=\"recliven-trust-text\" data-trp-translate-id=\"trust_2_text\">\n                    Respondemos r\u00e1pido, solucionamos mejor.\n                <\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"recliven-trust-item\">\n            <div class=\"recliven-trust-icon\">\u2302<\/div>\n            <div class=\"recliven-trust-content\">\n                <h3 class=\"recliven-trust-title\" data-trp-translate-id=\"trust_3_title\">\n                    Servicio residencial y comercial\n                <\/h3>\n                <p class=\"recliven-trust-text\" data-trp-translate-id=\"trust_3_text\">\n                    Trabajamos con hogares, comercios y empresas.\n                <\/p>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n<style>\n\/* =========================================================\n   CONTENEDOR PRINCIPAL\n========================================================= *\/\n.recliven-hero-trust-wrapper {\n    width: 100%;\n    position: relative;\n    box-sizing: border-box;\n}\n\n.recliven-hero-trust-wrapper *,\n.recliven-hero-trust-wrapper *::before,\n.recliven-hero-trust-wrapper *::after {\n    box-sizing: border-box;\n}\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n.recliven-hero {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 1867 \/ 576;\n    min-height: 480px;\n    max-height: 650px;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    background-image: url('https:\/\/saddlebrown-porpoise-943391.hostingersite.com\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_i0n8xei0n8xei0n8.jpg');\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: center right;\n    font-family: Arial, Helvetica, sans-serif;\n}\n\n\/* =========================================================\n   CONTENIDO HERO\n========================================================= *\/\n.hero-content {\n    position: relative;\n    z-index: 5;\n    width: 52%;\n    padding-left: 5.5%;\n}\n\n.hero-eyebrow {\n    display: block;\n    margin-bottom: 17px;\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 0.4px;\n    color: #164b7a;\n}\n\n.hero-content h1 {\n    margin: 0 0 20px;\n    max-width: 650px;\n    font-size: clamp(38px, 4vw, 60px);\n    line-height: 1.06;\n    font-weight: 800;\n    color: #102f4d;\n}\n\n.hero-content p {\n    max-width: 540px;\n    margin: 0 0 28px;\n    font-size: 17px;\n    line-height: 1.5;\n    color: #303d49;\n}\n\n\/* =========================================================\n   BOT\u00d3N (SIN SUBRAYADO)\n========================================================= *\/\n.hero-buttons {\n    display: flex;\n    align-items: center;\n}\n\n.hero-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 50px;\n    padding: 0 25px;\n    border-radius: 7px;\n    text-decoration: none !important;\n    font-size: 14px;\n    font-weight: 700;\n    white-space: nowrap;\n    transition: all 0.25s ease;\n}\n\n.hero-btn * {\n    text-decoration: none !important;\n}\n\n.hero-btn-primary {\n    gap: 14px;\n    background: #075bb5;\n    color: #ffffff !important;\n    box-shadow: 0 7px 18px rgba(7, 91, 181, 0.20);\n}\n\n.hero-btn-primary:hover {\n    background: #064f9d;\n    color: #ffffff !important;\n    text-decoration: none !important;\n    transform: translateY(-2px);\n}\n\n.hero-btn-primary span {\n    font-size: 22px;\n    line-height: 1;\n    text-decoration: none !important;\n}\n\n\/* =========================================================\n   DISTINTIVO DE UBICACI\u00d3N\n========================================================= *\/\n.hero-badge {\n    position: absolute;\n    right: 3.5%;\n    bottom: 7%;\n    z-index: 10;\n    display: flex;\n    align-items: center;\n    gap: 11px;\n    padding: 10px 19px 10px 11px;\n    background: #ffffff;\n    border-radius: 50px;\n    box-shadow: 0 8px 25px rgba(0,0,0,0.12);\n    text-decoration: none !important;\n    color: inherit;\n    cursor: pointer;\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\n}\n\n.hero-badge:hover {\n    color: inherit;\n    text-decoration: none !important;\n    transform: translateY(-3px);\n    box-shadow: 0 11px 28px rgba(0,0,0,0.16);\n}\n\n.badge-icon {\n    width: 42px;\n    height: 42px;\n    min-width: 42px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background: #e9f3ff;\n    color: #075bb5;\n}\n\n.badge-icon svg {\n    width: 22px;\n    height: 22px;\n    display: block;\n}\n\n.badge-text {\n    display: flex;\n    flex-direction: column;\n    max-width: 300px;\n    font-size: 12px;\n    line-height: 1.3;\n    color: #173d60;\n}\n\n.badge-text strong {\n    font-weight: 700;\n    color: #142f4c;\n}\n\n.badge-text span {\n    font-weight: 600;\n    color: #526b83;\n}\n\n\/* =========================================================\n   BLOQUE DE CONFIANZA\n========================================================= *\/\n.recliven-trust {\n    width: min(94%, 1200px);\n    margin: 0 auto 0;\n    position: relative;\n    z-index: 15;\n    background: #ffffff;\n    border-radius: 14px;\n    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.10);\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    overflow: hidden;\n}\n\n.recliven-trust-item {\n    min-height: 82px;\n    padding: 18px 28px;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    position: relative;\n}\n\n.recliven-trust-item:not(:last-child)::after {\n    content: \"\";\n    position: absolute;\n    right: 0;\n    top: 20%;\n    height: 60%;\n    width: 1px;\n    background: #e2e7ee;\n}\n\n.recliven-trust-icon {\n    width: 48px;\n    height: 48px;\n    min-width: 48px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #0756b5;\n    font-size: 25px;\n}\n\n.recliven-trust-content {\n    display: flex;\n    flex-direction: column;\n    gap: 5px;\n}\n\n.recliven-trust-title {\n    margin: 0;\n    font-family: Arial, sans-serif;\n    font-size: 14px;\n    font-weight: 700;\n    color: #14233a;\n    line-height: 1.25;\n}\n\n.recliven-trust-text {\n    margin: 0;\n    font-family: Arial, sans-serif;\n    font-size: 11px;\n    font-weight: 400;\n    color: #687589;\n    line-height: 1.45;\n}\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n@media (max-width: 768px) {\n    .recliven-hero {\n        aspect-ratio: auto;\n        min-height: initial;\n        max-height: initial;\n        padding: 20px 0 25px;\n        background-size: 100% 100%;\n    }\n\n    .hero-content {\n        width: 62%;\n        padding-left: 4%;\n    }\n\n    .hero-eyebrow {\n        font-size: 8px;\n        margin-bottom: 4px;\n    }\n\n    .hero-content h1 {\n        font-size: 13px;\n        line-height: 1.15;\n        margin-bottom: 6px;\n    }\n\n    .hero-content p {\n        font-size: 8px;\n        line-height: 1.25;\n        margin-bottom: 10px;\n    }\n\n    .hero-btn {\n        min-height: 24px;\n        padding: 0 10px;\n        font-size: 8px;\n        border-radius: 4px;\n    }\n\n    .hero-btn-primary span {\n        font-size: 10px;\n    }\n\n    .hero-badge {\n        right: 2%;\n        bottom: 8%;\n        padding: 4px 7px 4px 5px;\n        gap: 5px;\n        border-radius: 30px;\n    }\n\n    .badge-icon {\n        width: 20px;\n        height: 20px;\n        min-width: 20px;\n    }\n\n    .badge-icon svg {\n        width: 11px;\n        height: 11px;\n    }\n\n    .badge-text {\n        max-width: 150px;\n        font-size: 6px;\n        line-height: 1.3;\n    }\n\n    .recliven-trust {\n        width: 95%;\n        margin: -15px auto 0 !important;\n        grid-template-columns: repeat(3, 1fr);\n        border-radius: 8px;\n    }\n\n    .recliven-trust-item {\n        min-height: 48px;\n        padding: 6px 4px;\n        gap: 5px;\n    }\n\n    .recliven-trust-item:not(:last-child)::after {\n        right: 0;\n        top: 15%;\n        height: 70%;\n        width: 1px;\n    }\n\n    .recliven-trust-icon {\n        width: 22px;\n        height: 22px;\n        min-width: 22px;\n        font-size: 11px;\n    }\n\n    .recliven-trust-content {\n        gap: 2px;\n    }\n\n    .recliven-trust-title {\n        font-size: 8px;\n        line-height: 1.1;\n    }\n\n    .recliven-trust-text {\n        font-size: 6.5px;\n        line-height: 1.1;\n    }\n}\n\n@media (max-width: 480px) {\n    .recliven-hero {\n        padding: 15px 0 20px;\n    }\n\n    .hero-content {\n        width: 65%;\n        padding-left: 3%;\n    }\n\n    .hero-eyebrow {\n        font-size: 7.5px;\n        margin-bottom: 2px;\n    }\n\n    .hero-content h1 {\n        font-size: 11px;\n        margin-bottom: 4px;\n    }\n\n    .hero-content p {\n        font-size: 7px;\n        line-height: 1.2;\n        margin-bottom: 8px;\n    }\n\n    .hero-btn {\n        min-height: 20px;\n        padding: 0 8px;\n        font-size: 7px;\n    }\n\n    .hero-btn-primary span {\n        font-size: 8.5px;\n    }\n\n    .hero-badge {\n        right: 2%;\n        bottom: 7%;\n        padding: 3px 6px 3px 4px;\n        gap: 4px;\n    }\n\n    .badge-icon {\n        width: 18px;\n        height: 18px;\n        min-width: 18px;\n    }\n\n    .badge-icon svg {\n        width: 10px;\n        height: 10px;\n    }\n\n    .badge-text {\n        max-width: 115px;\n        font-size: 5.5px;\n        line-height: 1.25;\n    }\n\n    .recliven-trust {\n        margin-top: 12px !important;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-214794c elementor-widget elementor-widget-html\" data-id=\"214794c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\n     SECCI\u00d3N DE SERVICIOS \u2014 RECLIVEN\n========================================= -->\n\n<section id=\"servicios\" class=\"servicios-section\">\n\n  <div class=\"servicios-decoracion decoracion-1\"><\/div>\n  <div class=\"servicios-decoracion decoracion-2\"><\/div>\n\n  <div class=\"servicios-container\">\n\n    <!-- ENCABEZADO -->\n    <div class=\"servicios-header\">\n\n      <span\n        class=\"servicios-eyebrow\"\n        data-trp-translate-id=\"servicios_eyebrow\"\n      >\n        NUESTROS SERVICIOS\n      <\/span>\n\n      <h2\n        class=\"servicios-title\"\n        data-trp-translate-id=\"servicios_title\"\n      >\n        \u00bfQu\u00e9 podemos hacer por ti?\n      <\/h2>\n\n    <\/div>\n\n\n    <!-- =========================================\n         SERVICIOS\n    ========================================== -->\n\n    <div class=\"servicios-scroll-container\">\n\n      <div class=\"servicios-grid\">\n\n\n        <!-- =========================================\n             1. REFRIGERACI\u00d3N\n        ========================================== -->\n\n        <div class=\"servicio-card\">\n\n          <div class=\"servicio-img-wrapper\">\n\n            <img decoding=\"async\"\n              src=\"https:\/\/srlrecliven.com\/wp-content\/uploads\/2026\/09\/26.png\"\n              alt=\"Refrigeraci\u00f3n\"\n              loading=\"lazy\"\n            >\n\n            <div class=\"servicio-icon\">\n\n              <svg\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n              >\n\n                <path d=\"M12 2v20\"><\/path>\n                <path d=\"M2 12h20\"><\/path>\n                <path d=\"M4.93 4.93l14.14 14.14\"><\/path>\n                <path d=\"M4.93 19.07l14.14-14.14\"><\/path>\n\n              <\/svg>\n\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"servicio-content\">\n\n            <h3 data-trp-translate-id=\"serv_1_title\">\n              Refrigeraci\u00f3n\n            <\/h3>\n\n            <p data-trp-translate-id=\"serv_1_desc\">\n              Instalaci\u00f3n, reparaci\u00f3n y mantenimiento de sistemas comerciales e industriales.\n            <\/p>\n\n            <a\n              href=\"#\"\n              class=\"servicio-link solicitar-servicio\"\n              data-servicio=\"Refrigeraci\u00f3n\"\n              aria-label=\"Solicitar servicio de Refrigeraci\u00f3n\"\n            >\n\n              <span\n                class=\"servicio-btn-txt\"\n                data-trp-translate-id=\"serv_btn_text\"\n              >\n                Solicitar servicio\n              <\/span>\n\n              <span>&rarr;<\/span>\n\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- =========================================\n             2. AIRE ACONDICIONADO\n        ========================================== -->\n\n        <div class=\"servicio-card\">\n\n          <div class=\"servicio-img-wrapper\">\n\n            <img decoding=\"async\"\n              src=\"https:\/\/srlrecliven.com\/wp-content\/uploads\/2026\/09\/28.png\"\n              alt=\"Aire Acondicionado\"\n              loading=\"lazy\"\n            >\n\n            <div class=\"servicio-icon\">\n\n              <svg\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n              >\n\n                <path d=\"M9.59 4.59A2 2 0 1 1 11 8H2\"><\/path>\n\n                <path d=\"M12.59 19.41A2 2 0 1 0 14 16H2\"><\/path>\n\n                <path d=\"M17.73 7.73A2.5 2.5 0 1 1 19.5 12H2\"><\/path>\n\n              <\/svg>\n\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"servicio-content\">\n\n            <h3 data-trp-translate-id=\"serv_2_title\">\n              Aire Acondicionado\n            <\/h3>\n\n            <p data-trp-translate-id=\"serv_2_desc\">\n              Climatizaci\u00f3n eficiente para hogares, comercios e industrias todo el a\u00f1o.\n            <\/p>\n\n            <a\n              href=\"#\"\n              class=\"servicio-link solicitar-servicio\"\n              data-servicio=\"Aire Acondicionado\"\n              aria-label=\"Solicitar servicio de Aire Acondicionado\"\n            >\n\n              <span\n                class=\"servicio-btn-txt\"\n                data-trp-translate-id=\"serv_btn_text\"\n              >\n                Solicitar servicio\n              <\/span>\n\n              <span>&rarr;<\/span>\n\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- =========================================\n             3. AUTOMATIZACI\u00d3N\n        ========================================== -->\n\n        <div class=\"servicio-card\">\n\n          <div class=\"servicio-img-wrapper\">\n\n            <img decoding=\"async\"\n              src=\"https:\/\/srlrecliven.com\/wp-content\/uploads\/2026\/09\/27.png\"\n              alt=\"Automatizaci\u00f3n\"\n              loading=\"lazy\"\n            >\n\n            <div class=\"servicio-icon\">\n\n              <svg\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n              >\n\n                <circle\n                  cx=\"12\"\n                  cy=\"12\"\n                  r=\"3\"\n                ><\/circle>\n\n                <path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z\"><\/path>\n\n              <\/svg>\n\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"servicio-content\">\n\n            <h3 data-trp-translate-id=\"serv_3_title\">\n              Automatizaci\u00f3n\n            <\/h3>\n\n            <p data-trp-translate-id=\"serv_3_desc\">\n              Control de procesos e integraci\u00f3n de sistemas inteligentes optimizados.\n            <\/p>\n\n            <a\n              href=\"#\"\n              class=\"servicio-link solicitar-servicio\"\n              data-servicio=\"Automatizaci\u00f3n\"\n              aria-label=\"Solicitar servicio de Automatizaci\u00f3n\"\n            >\n\n              <span\n                class=\"servicio-btn-txt\"\n                data-trp-translate-id=\"serv_btn_text\"\n              >\n                Solicitar servicio\n              <\/span>\n\n              <span>&rarr;<\/span>\n\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- =========================================\n             4. SISTEMAS FOTOVOLTAICOS\n        ========================================== -->\n\n        <div class=\"servicio-card\">\n\n          <div class=\"servicio-img-wrapper\">\n\n            <img decoding=\"async\"\n              src=\"https:\/\/srlrecliven.com\/wp-content\/uploads\/2026\/09\/29.png\"\n              alt=\"Sistemas Fotovoltaicos\"\n              loading=\"lazy\"\n            >\n\n            <div class=\"servicio-icon\">\n\n              <svg\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n              >\n\n                <circle\n                  cx=\"12\"\n                  cy=\"12\"\n                  r=\"5\"\n                ><\/circle>\n\n                <path d=\"M12 1v2\"><\/path>\n                <path d=\"M12 21v2\"><\/path>\n                <path d=\"M4.22 4.22l1.42 1.42\"><\/path>\n                <path d=\"M18.36 18.36l1.42 1.42\"><\/path>\n                <path d=\"M1 12h2\"><\/path>\n                <path d=\"M21 12h2\"><\/path>\n                <path d=\"M4.22 19.07l1.42-1.42\"><\/path>\n                <path d=\"M18.36 5.64l1.42-1.42\"><\/path>\n\n              <\/svg>\n\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"servicio-content\">\n\n            <h3 data-trp-translate-id=\"serv_4_title\">\n              Sistemas Fotovoltaicos\n            <\/h3>\n\n            <p data-trp-translate-id=\"serv_4_desc\">\n              Instalaci\u00f3n de paneles solares para independencia energ\u00e9tica.\n            <\/p>\n\n            <a\n              href=\"#\"\n              class=\"servicio-link solicitar-servicio\"\n              data-servicio=\"Sistemas Fotovoltaicos\"\n              aria-label=\"Solicitar servicio de Sistemas Fotovoltaicos\"\n            >\n\n              <span\n                class=\"servicio-btn-txt\"\n                data-trp-translate-id=\"serv_btn_text\"\n              >\n                Solicitar servicio\n              <\/span>\n\n              <span>&rarr;<\/span>\n\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- =========================================\n             5. IMPRESI\u00d3N 3D\n        ========================================== -->\n\n        <div class=\"servicio-card\">\n\n          <div class=\"servicio-img-wrapper\">\n\n            <img decoding=\"async\"\n              src=\"https:\/\/srlrecliven.com\/wp-content\/uploads\/2026\/09\/30.png\"\n              alt=\"Impresi\u00f3n 3D\"\n              loading=\"lazy\"\n            >\n\n            <div class=\"servicio-icon\">\n\n              <svg\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n              >\n\n                <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n\n                <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\n\n                <line\n                  x1=\"12\"\n                  y1=\"22.08\"\n                  x2=\"12\"\n                  y2=\"12\"\n                ><\/line>\n\n              <\/svg>\n\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"servicio-content\">\n\n            <h3 data-trp-translate-id=\"serv_5_title\">\n              Impresi\u00f3n 3D\n            <\/h3>\n\n            <p data-trp-translate-id=\"serv_5_desc\">\n              Fabricaci\u00f3n de piezas t\u00e9cnicas a medida y repuestos especializados.\n            <\/p>\n\n            <a\n              href=\"#\"\n              class=\"servicio-link solicitar-servicio\"\n              data-servicio=\"Impresi\u00f3n 3D\"\n              aria-label=\"Solicitar servicio de Impresi\u00f3n 3D\"\n            >\n\n              <span\n                class=\"servicio-btn-txt\"\n                data-trp-translate-id=\"serv_btn_text\"\n              >\n                Solicitar servicio\n              <\/span>\n\n              <span>&rarr;<\/span>\n\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================\n     CSS \u2014 SERVICIOS RECLIVEN\n========================================= -->\n\n<style>\n\nhtml {\n  scroll-behavior: smooth;\n}\n\n\n\/* =========================================\n   SECCI\u00d3N PRINCIPAL\n========================================= *\/\n\n.servicios-section {\n  width: 100%;\n  padding: 60px 2%;\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n  font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n\n  background:\n    linear-gradient(\n      135deg,\n      #d5e1eb 0%,\n      #d5e1eb 40%,\n      #b9cada 40%,\n      #b9cada 65%,\n      #e3eaf0 65%,\n      #e3eaf0 100%\n    );\n}\n\n\n\/* =========================================\n   DECORACIONES DIAGONALES\n========================================= *\/\n\n.servicios-decoracion {\n  position: absolute;\n  pointer-events: none;\n  z-index: 0;\n}\n\n\n.decoracion-1 {\n  width: 50%;\n  height: 180%;\n  top: -40%;\n  right: -14%;\n  background: rgba(7, 31, 59, 0.09);\n  transform: rotate(-18deg);\n}\n\n\n.decoracion-2 {\n  width: 18%;\n  height: 160%;\n  top: -30%;\n  left: -6%;\n  background: rgba(7, 31, 59, 0.055);\n  transform: rotate(18deg);\n}\n\n\n\/* =========================================\n   CONTENEDOR\n========================================= *\/\n\n.servicios-container {\n  width: 100%;\n  max-width: 1250px;\n  margin: 0 auto;\n  position: relative;\n  z-index: 2;\n}\n\n\n\/* =========================================\n   ENCABEZADO\n========================================= *\/\n\n.servicios-header {\n  margin-bottom: 30px;\n  padding-left: 1%;\n}\n\n\n.servicios-eyebrow {\n  font-size: 0.8rem;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n  color: #071f3b;\n  text-transform: uppercase;\n  display: block;\n  margin-bottom: 8px;\n  position: relative;\n  padding-left: 13px;\n}\n\n\n.servicios-eyebrow::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 5px;\n  height: 18px;\n  background: #f2c94c;\n  border-radius: 3px;\n}\n\n\n.servicios-title {\n  font-size: 2rem;\n  font-weight: 700;\n  color: #071f3b;\n  margin: 0;\n  position: relative;\n}\n\n\n\/* =========================================\n   CONTENEDOR DE SCROLL\n========================================= *\/\n\n.servicios-scroll-container {\n  width: 100%;\n  overflow-x: hidden;\n}\n\n\n\/* =========================================\n   GRID \u2014 5 COLUMNAS\n========================================= *\/\n\n.servicios-grid {\n  display: grid;\n  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;\n  gap: 12px;\n  width: 100% !important;\n}\n\n\n\/* =========================================\n   TARJETAS\n========================================= *\/\n\n.servicio-card {\n  background: rgba(255, 255, 255, 0.93);\n  border-radius: 12px;\n  overflow: hidden;\n  box-shadow: 0 4px 14px rgba(7, 31, 59, 0.14);\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  position: relative;\n}\n\n\n.servicio-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 3px;\n  background: #f2c94c;\n  z-index: 3;\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform 0.3s ease;\n}\n\n\n.servicio-card:hover::before {\n  transform: scaleX(1);\n}\n\n\n.servicio-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 9px 24px rgba(7, 31, 59, 0.22);\n}\n\n\n\/* =========================================\n   IM\u00c1GENES\n========================================= *\/\n\n.servicio-img-wrapper {\n  position: relative;\n  height: 140px;\n  width: 100%;\n  overflow: visible;\n}\n\n\n.servicio-img-wrapper img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n\n\/* =========================================\n   ICONOS\n========================================= *\/\n\n.servicio-icon {\n  position: absolute;\n  bottom: -18px;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 38px;\n  height: 38px;\n  background-color: #071f3b;\n  color: #f2c94c;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 3px 9px rgba(7, 31, 59, 0.25);\n  z-index: 4;\n  transition:\n    background-color 0.25s ease,\n    color 0.25s ease,\n    transform 0.25s ease;\n}\n\n\n.servicio-card:hover .servicio-icon {\n  background-color: #f2c94c;\n  color: #071f3b;\n  transform: translateX(-50%) translateY(-3px);\n}\n\n\n.servicio-icon svg {\n  width: 22px;\n  height: 22px;\n}\n\n\n\/* =========================================\n   CONTENIDO\n========================================= *\/\n\n.servicio-content {\n  padding: 27px 10px 16px;\n  text-align: center;\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n\n\/* =========================================\n   T\u00cdTULOS\n========================================= *\/\n\n.servicio-content h3 {\n  font-size: 1.05rem;\n  font-weight: 700;\n  color: #071f3b;\n  margin: 0 0 8px 0;\n  line-height: 1.3;\n}\n\n\n\/* =========================================\n   DESCRIPCIONES\n========================================= *\/\n\n.servicio-content p {\n  font-size: 0.82rem;\n  color: #526577;\n  line-height: 1.4;\n  margin: 0 0 16px 0;\n}\n\n\n\/* =========================================\n   ENLACES\n========================================= *\/\n\n.servicio-link {\n  font-weight: 700;\n  font-size: 0.82rem;\n  text-decoration: none !important;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 5px;\n  transition:\n    opacity 0.25s ease,\n    gap 0.25s ease;\n\n  cursor: pointer;\n}\n\n\n.servicio-link * {\n  text-decoration: none !important;\n}\n\n\n.servicio-btn-txt {\n  color: #f2994a !important;\n  text-decoration: none !important;\n}\n\n\n.servicio-link span:last-child {\n  color: #f2994a !important;\n  font-size: 1.05em;\n  text-decoration: none !important;\n  transition: transform 0.25s ease;\n}\n\n\n.servicio-link:hover {\n  text-decoration: none !important;\n  opacity: 0.85;\n}\n\n\n.servicio-link:hover span:last-child {\n  transform: translateX(4px);\n}\n\n\n\/* =========================================\n   ESTADO DE CARGA\n========================================= *\/\n\n.solicitar-servicio.recliven-cargando {\n  pointer-events: none;\n  opacity: 0.6;\n}\n\n\n\/* =========================================\n   TABLETS\n   SE MANTIENEN 5 COLUMNAS\n========================================= *\/\n\n@media (max-width: 900px) {\n\n  .servicios-section {\n    padding: 35px 1%;\n  }\n\n\n  .servicios-header {\n    margin-bottom: 22px;\n  }\n\n\n  .servicios-eyebrow {\n    font-size: 0.65rem;\n    letter-spacing: 1px;\n  }\n\n\n  .servicios-title {\n    font-size: 1.3rem;\n  }\n\n\n  .servicios-grid {\n    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;\n    gap: 6px;\n  }\n\n\n  .servicio-img-wrapper {\n    height: 70px;\n  }\n\n\n  .servicio-icon {\n    width: 22px;\n    height: 22px;\n    bottom: -11px;\n  }\n\n\n  .servicio-icon svg {\n    width: 12px;\n    height: 12px;\n  }\n\n\n  .servicio-content {\n    padding: 14px 4px 8px;\n  }\n\n\n  .servicio-content h3 {\n    font-size: 8px;\n    margin-bottom: 4px;\n  }\n\n\n  .servicio-content p {\n    font-size: 6.5px;\n    line-height: 1.1;\n    margin-bottom: 6px;\n  }\n\n\n  .servicio-link {\n    font-size: 6.5px;\n    gap: 2px;\n  }\n\n}\n\n\n\/* =========================================\n   M\u00d3VILES\n   SE MANTIENEN 5 COLUMNAS\n========================================= *\/\n\n@media (max-width: 500px) {\n\n  .servicios-section {\n    padding: 28px 1%;\n  }\n\n\n  .servicios-header {\n    margin-bottom: 18px;\n  }\n\n\n  .servicios-eyebrow {\n    font-size: 0.55rem;\n    letter-spacing: 0.8px;\n    padding-left: 9px;\n  }\n\n\n  .servicios-eyebrow::before {\n    width: 3px;\n    height: 12px;\n  }\n\n\n  .servicios-title {\n    font-size: 1rem;\n  }\n\n\n  .servicios-grid {\n    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;\n    gap: 3px;\n  }\n\n\n  .servicio-img-wrapper {\n    height: 48px;\n  }\n\n\n  .servicio-icon {\n    width: 16px;\n    height: 16px;\n    bottom: -8px;\n  }\n\n\n  .servicio-icon svg {\n    width: 9px;\n    height: 9px;\n  }\n\n\n  .servicio-content {\n    padding: 10px 2px 6px;\n  }\n\n\n  .servicio-content h3 {\n    font-size: 6.5px;\n    line-height: 1.15;\n    margin-bottom: 3px;\n  }\n\n\n  .servicio-content p {\n    font-size: 5.5px;\n    line-height: 1.05;\n    margin-bottom: 5px;\n  }\n\n\n  .servicio-link {\n    font-size: 5.5px;\n    gap: 1px;\n  }\n\n}\n\n<\/style>\n\n\n\n<!-- =========================================\n     JAVASCRIPT \u2014 SOLICITUDES DE SERVICIO\n========================================= -->\n\n<script>\n\ndocument.addEventListener('DOMContentLoaded', function () {\n\n  const botones = document.querySelectorAll('.solicitar-servicio');\n\n  if (!botones.length) {\n    return;\n  }\n\n\n  botones.forEach(function (boton) {\n\n    boton.addEventListener('click', async function (event) {\n\n      event.preventDefault();\n\n\n      const servicio = boton.getAttribute('data-servicio');\n\n      const textoBoton =\n        boton.querySelector('.servicio-btn-txt');\n\n\n      \/*\n       * Comprobar si WordPress ha creado\n       * la configuraci\u00f3n para RECLIVEN.\n       *\/\n\n      if (\n        typeof window.RECLIVEN_CLIENTE === 'undefined' ||\n        !window.RECLIVEN_CLIENTE.loggedIn\n      ) {\n\n        alert(\n          'Para solicitar un servicio con tus datos registrados, primero debes iniciar sesi\u00f3n en tu cuenta de RECLIVEN.'\n        );\n\n        return;\n      }\n\n\n      \/*\n       * Evitar varios clics mientras\n       * se consultan los datos.\n       *\/\n\n      if (boton.classList.contains('recliven-cargando')) {\n        return;\n      }\n\n\n      boton.classList.add('recliven-cargando');\n\n\n      if (textoBoton) {\n        textoBoton.textContent = 'Preparando...';\n      }\n\n\n      try {\n\n        \/*\n         * Consultar los datos del usuario\n         * conectado en WordPress.\n         *\/\n\n        const respuesta = await fetch(\n          '\/wp-json\/recliven\/v1\/cliente',\n          {\n            method: 'GET',\n\n            headers: {\n              'X-WP-Nonce':\n                window.RECLIVEN_CLIENTE.nonce\n            },\n\n            credentials: 'same-origin'\n          }\n        );\n\n\n        \/*\n         * Si WordPress devuelve un error.\n         *\/\n\n        if (!respuesta.ok) {\n          throw new Error(\n            'No se pudieron obtener los datos del cliente.'\n          );\n        }\n\n\n        const cliente = await respuesta.json();\n\n\n        \/*\n         * Comprobar los datos b\u00e1sicos.\n         *\/\n\n        if (\n          !cliente.nombre ||\n          !cliente.correo\n        ) {\n\n          alert(\n            'Tu cuenta no tiene todos los datos necesarios. Por favor, completa tu informaci\u00f3n de perfil e int\u00e9ntalo nuevamente.'\n          );\n\n          return;\n        }\n\n\n        \/*\n         * Crear el mensaje que aparecer\u00e1\n         * preparado en WhatsApp.\n         *\/\n\n        const mensaje =\n`Hola, quisiera solicitar un servicio de RECLIVEN.\n\nServicio: ${servicio}\n\nNombre: ${cliente.nombre}\nTel\u00e9fono: ${cliente.telefono || 'No registrado'}\nCorreo: ${cliente.correo}`;\n\n\n        \/*\n         * N\u00famero de WhatsApp de RECLIVEN.\n         *\/\n\n        const numeroWhatsApp = '5363462855';\n\n\n        \/*\n         * Codificar todo el mensaje.\n         *\/\n\n        const mensajeCodificado =\n          encodeURIComponent(mensaje);\n\n\n        \/*\n         * Crear URL final de WhatsApp.\n         *\/\n\n        const urlWhatsApp =\n          'https:\/\/wa.me\/' +\n          numeroWhatsApp +\n          '?text=' +\n          mensajeCodificado;\n\n\n        \/*\n         * Abrir WhatsApp en una nueva pesta\u00f1a.\n         *\/\n\n        window.open(\n          urlWhatsApp,\n          '_blank',\n          'noopener,noreferrer'\n        );\n\n      }\n\n\n      catch (error) {\n\n        console.error(\n          'RECLIVEN - Error al obtener los datos:',\n          error\n        );\n\n\n        alert(\n          'No pudimos obtener los datos de tu cuenta. Por favor, inicia sesi\u00f3n nuevamente e int\u00e9ntalo otra vez.'\n        );\n\n      }\n\n\n      finally {\n\n        \/*\n         * Restaurar el bot\u00f3n.\n         *\/\n\n        boton.classList.remove(\n          'recliven-cargando'\n        );\n\n\n        if (textoBoton) {\n\n          textoBoton.textContent =\n            'Solicitar servicio';\n\n        }\n\n      }\n\n    });\n\n  });\n\n});\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4382981 elementor-widget elementor-widget-html\" data-id=\"4382981\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     SECCI\u00d3N: PRODUCTOS DESTACADOS RECLIVEN (HTML + CSS UNIFICADO)\n     ============================================================ -->\n\n<div class=\"recliven-products-section\">\n    <div class=\"recliven-products-container\">\n        \n        <!-- ENCABEZADO -->\n        <div class=\"recliven-products-header\">\n            <div class=\"recliven-products-titles\">\n                <span class=\"recliven-products-eyebrow\" data-trp-translate-id=\"100\">TIENDA<\/span>\n                <h2 class=\"recliven-products-title\" data-trp-translate-id=\"101\">Productos destacados<\/h2>\n            <\/div>\n            <a href=\"https:\/\/srlrecliven.com\/nuestros-productos\/\" class=\"recliven-products-link-all\">\n                <span data-trp-translate-id=\"102\">Ir a la tienda<\/span> <span>\u2192<\/span>\n            <\/a>\n        <\/div>\n\n        <!-- GRILLA DE PRODUCTOS -->\n        <div class=\"recliven-products-grid\">\n            \n            <!-- PRODUCTO 1 -->\n            <div class=\"recliven-product-card\">\n                <div class=\"recliven-product-image-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/srlrecliven.com\/wp-content\/uploads\/2026\/09\/photo1_2026-08-12_16-25-52.jpg\" alt=\"Aire acondicionado Split 12.000 BTU\" data-trp-translate-id=\"103\" class=\"recliven-product-image\">\n                <\/div>\n                <div class=\"recliven-product-details\">\n                    <h3 class=\"recliven-product-name\" data-trp-translate-id=\"104\">Soporte inclinado abierto regulable para cubierta plana, vertical.<\/h3>\n                    <p class=\"recliven-product-price\" data-trp-translate-id=\"105\">$160.00 USD<\/p>\n                    <a href=\"https:\/\/srlrecliven.com\/producto\/soporte-inclinado-abierto-regulable-para-cubierta-plana-vertical\/\" class=\"recliven-product-button\" data-trp-translate-id=\"106\">Ver producto<\/a>\n                <\/div>\n            <\/div>\n\n            <!-- PRODUCTO 2 -->\n            <div class=\"recliven-product-card\">\n                <div class=\"recliven-product-image-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/srlrecliven.com\/wp-content\/uploads\/2026\/09\/photo_2026-08-13_16-01-52.jpg\" data-trp-translate-id=\"107\" class=\"recliven-product-image\">\n                <\/div>\n                <div class=\"recliven-product-details\">\n                    <h3 class=\"recliven-product-name\" data-trp-translate-id=\"108\">Compresor Cowplandt CP63-Y 1\/6 HP \u2013 110-120V 60Hz 1PH (LBP\/MHBP)<\/h3>\n                    <p class=\"recliven-product-price\" data-trp-translate-id=\"109\">$130.00USD<\/p>\n                    <a href=\"https:\/\/srlrecliven.com\/producto\/compresor-cowplandt-cp63-y-1-6-hp-110-120v-60hz-1ph-lbp-mhbp\/\" class=\"recliven-product-button\" data-trp-translate-id=\"110\">Ver producto<\/a>\n                <\/div>\n            <\/div>\n\n            <!-- PRODUCTO 3 -->\n            <div class=\"recliven-product-card\">\n                <div class=\"recliven-product-image-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/srlrecliven.com\/wp-content\/uploads\/2026\/09\/photo_2026-08-13_16-30-43.jpg\" alt=\"Gas refrigerante R410A (11.3 kg)\" data-trp-translate-id=\"111\" class=\"recliven-product-image\">\n                <\/div>\n                <div class=\"recliven-product-details\">\n                    <h3 class=\"recliven-product-name\" data-trp-translate-id=\"112\">Condensador de Placa 11 Vueltas para Nevera 1\/5 HP - Convecci\u00f3n Natural cantidad<\/h3>\n                    <p class=\"recliven-product-price\" data-trp-translate-id=\"113\">$29.00 USD<\/p>\n                    <a href=\"https:\/\/srlrecliven.com\/producto\/condensador-de-placa-11-vueltas-para-nevera-1-5-hp-conveccion-natural\/\" class=\"recliven-product-button\" data-trp-translate-id=\"114\">Ver producto<\/a>\n                <\/div>\n            <\/div>\n\n            <!-- PRODUCTO 4 -->\n            <div class=\"recliven-product-card\">\n                <div class=\"recliven-product-image-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/srlrecliven.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-18-sept-2026-14_14_51.png\" alt=\"Motor ventilador condensadora\" data-trp-translate-id=\"115\" class=\"recliven-product-image\">\n                <\/div>\n                <div class=\"recliven-product-details\">\n                    <h3 class=\"recliven-product-name\" data-trp-translate-id=\"116\">Compresor Rotativo 12000 BTU 1 TR GMCC 220V R410A<\/h3>\n                    <p class=\"recliven-product-price\" data-trp-translate-id=\"117\">$100.00 USD<\/p>\n                    <a href=\"https:\/\/srlrecliven.com\/producto\/compresor-rotativo-12000-btu-1-tr-gmcc-220v-r410a\/\" class=\"recliven-product-button\" data-trp-translate-id=\"118\">Ver producto<\/a>\n                <\/div>\n            <\/div>\n\n            <!-- PRODUCTO 5 -->\n            <div class=\"recliven-product-card\">\n                <div class=\"recliven-product-image-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/srlrecliven.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-18-sept-2026-14_14_51.png\" alt=\"Bomba de vacio 2 etapas\" data-trp-translate-id=\"119\" class=\"recliven-product-image\">\n                <\/div>\n                <div class=\"recliven-product-details\">\n                    <h3 class=\"recliven-product-name\" data-trp-translate-id=\"120\">Compresor Rotativo GMCC 9,000 BTU 220V R410A cantidad<\/h3>\n                    <p class=\"recliven-product-price\" data-trp-translate-id=\"121\">$90.00 USD<\/p>\n                    <a href=\"https:\/\/srlrecliven.com\/producto\/compresor-rotativo-gmcc-9000-btu-220v-r410a\/\" class=\"recliven-product-button\" data-trp-translate-id=\"122\">Ver producto<\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/div>\n\n\n<!-- ============================================================\n     ESTILOS CSS ADAPTATIVOS\n     ============================================================ -->\n<style>\n\/* Reset y aislamiento *\/\n.recliven-products-section,\n.recliven-products-section * {\n    box-sizing: border-box;\n}\n\n.recliven-products-section {\n    width: 100%;\n    padding: 60px 0;\n    background-color: #ffffff;\n    font-family: Arial, Helvetica, sans-serif;\n}\n\n.recliven-products-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 20px;\n}\n\n\/* ENCABEZADO (PC) *\/\n.recliven-products-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-end;\n    margin-bottom: 30px;\n}\n\n.recliven-products-titles {\n    display: flex;\n    flex-direction: column;\n}\n\n.recliven-products-eyebrow {\n    font-size: 13px;\n    font-weight: 700;\n    color: #164b7a;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-bottom: 4px;\n}\n\n.recliven-products-title {\n    font-size: 30px;\n    font-weight: 800;\n    color: #102f4d;\n    margin: 0;\n    line-height: 1.15;\n}\n\n.recliven-products-link-all {\n    font-size: 14px;\n    font-weight: 700;\n    color: #075bb5;\n    text-decoration: none;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    transition: color 0.2s ease;\n}\n\n.recliven-products-link-all:hover {\n    color: #003377;\n}\n\n\/* GRILLA (PC - 5 COLUMNAS) *\/\n.recliven-products-grid {\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    gap: 15px;\n    margin-bottom: 0;\n}\n\n\/* TARJETA DE PRODUCTO *\/\n.recliven-product-card {\n    background: #ffffff;\n    border-radius: 8px;\n    border: 1px solid #e2e7ee;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    text-align: center;\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\n}\n\n.recliven-product-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n}\n\n.recliven-product-image-wrapper {\n    width: 100%;\n    height: 150px;\n    padding: 15px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background-color: #2563EB;\n}\n\n.recliven-product-image {\n    max-width: 100%;\n    max-height: 100%;\n    object-fit: contain;\n}\n\n.recliven-product-details {\n    padding: 15px 10px;\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n    justify-content: space-between;\n}\n\n.recliven-product-name {\n    font-size: 13px;\n    font-weight: 700;\n    color: #14233a;\n    margin: 0 0 8px;\n    line-height: 1.3;\n    min-height: 34px;\n}\n\n.recliven-product-price {\n    font-size: 15px;\n    font-weight: 800;\n    color: #102f4d;\n    margin: 0 0 12px;\n}\n\n.recliven-product-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    min-height: 38px;\n    background-color: #075bb5;\n    color: #ffffff;\n    font-size: 12px;\n    font-weight: 700;\n    text-decoration: none;\n    border-radius: 5px;\n    transition: background-color 0.2s ease;\n}\n\n.recliven-product-button:hover {\n    background-color: #003377;\n}\n\n\n\/* ------------------------------------------\n   ADAPTACI\u00d3N PARA TABLETS (< 992px)\n------------------------------------------ *\/\n@media (max-width: 992px) {\n    .recliven-products-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 12px;\n    }\n}\n\n\n\/* ------------------------------------------\n   ADAPTACI\u00d3N PARA M\u00d3VILES (< 768px)\n------------------------------------------ *\/\n@media (max-width: 768px) {\n\n    .recliven-products-section {\n        padding: 25px 0;\n    }\n\n    .recliven-products-container {\n        padding: 0 12px;\n    }\n\n    .recliven-products-header {\n        margin-bottom: 12px;\n        align-items: flex-end;\n    }\n\n    .recliven-products-eyebrow {\n        font-size: 8px;\n        margin-bottom: 2px;\n    }\n\n    .recliven-products-title {\n        font-size: 13px;\n        line-height: 1.1;\n    }\n\n    .recliven-products-link-all {\n        font-size: 8.5px;\n        gap: 3px;\n    }\n\n    \/* Grilla de 5 columnas compactas en m\u00f3vil *\/\n    .recliven-products-grid {\n        display: grid;\n        grid-template-columns: repeat(5, 1fr);\n        gap: 5px;\n    }\n\n    .recliven-product-card {\n        border-radius: 4px;\n    }\n\n    .recliven-product-image-wrapper {\n        height: 65px;\n        padding: 5px;\n    }\n\n    .recliven-product-details {\n        padding: 6px 3px 6px;\n    }\n\n    .recliven-product-name {\n        font-size: 7.5px;\n        line-height: 1.1;\n        margin-bottom: 4px;\n        min-height: 22px;\n    }\n\n    .recliven-product-price {\n        font-size: 8.5px;\n        margin-bottom: 6px;\n    }\n\n    .recliven-product-button {\n        min-height: 20px;\n        font-size: 6.8px;\n        padding: 0 2px;\n        border-radius: 3px;\n    }\n}\n\n\n\/* ------------------------------------------\n   PANTALLAS MUY PEQUE\u00d1AS (< 480px)\n------------------------------------------ *\/\n@media (max-width: 480px) {\n\n    .recliven-products-grid {\n        gap: 4px;\n    }\n\n    .recliven-product-image-wrapper {\n        height: 55px;\n        padding: 3px;\n    }\n\n    .recliven-product-name {\n        font-size: 6.8px;\n        min-height: 20px;\n    }\n\n    .recliven-product-price {\n        font-size: 7.5px;\n        margin-bottom: 4px;\n    }\n\n    .recliven-product-button {\n        min-height: 18px;\n        font-size: 6.2px;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61c4f26 elementor-widget elementor-widget-html\" data-id=\"61c4f26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     FANCYBOX\n============================================================ -->\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@fancyapps\/ui@5.0\/dist\/fancybox\/fancybox.css\"\/>\n\n\n<!-- ============================================================\n     SECCI\u00d3N: TRABAJOS QUE HABLAN POR NOSOTROS (id=\"trabajos\" agregado)\n============================================================ -->\n\n<div class=\"seccion-historias-exito\" id=\"trabajos\">\n\n  <!-- DECORACIONES DE FONDO -->\n  <div class=\"historias-decoracion historias-decoracion-1\"><\/div>\n  <div class=\"historias-decoracion historias-decoracion-2\"><\/div>\n\n\n  <div class=\"recliven-historias-container\">\n\n    <!-- =========================================\n         ENCABEZADO\n    ========================================== -->\n\n    <div class=\"historias-encabezado\">\n\n      <span class=\"historias-eyebrow\">\n        NUESTROS PROYECTOS\n      <\/span>\n\n      <h2>\n        Trabajos que Hablan por NOSOTROS\n      <\/h2>\n\n      <p>\n        Cada proyecto terminado refleja nuestra exigencia,\n        puntualidad y soporte t\u00e9cnico.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- =========================================\n         CARRUSEL\n    ========================================== -->\n\n    <div\n      class=\"carrusel-contenedor-scroll\"\n      id=\"scrollContainerTrabajos\"\n    >\n\n      <div\n        class=\"carrusel-slider-track\"\n        id=\"carruselTrackTrabajos\"\n      >\n\n\n        <!-- =========================================\n             TRABAJO 1\n        ========================================== -->\n\n        <div class=\"tarjeta-opinion\">\n\n          <div\n            class=\"opinion-foto-wrapper\"\n            onclick=\"abrirGaleria(this)\"\n          >\n\n            <img decoding=\"async\"\n              src=\"https:\/\/srlrecliven.com\/wp-content\/uploads\/2026\/08\/472164388_599082762500569_5196798431539258532_n.jpg\"\n              alt=\"Trabajo realizado en Hospital Cl\u00ednico Quir\u00fargico Dr. Juan Bruno Sayas Alfonso\"\n            >\n\n            <div class=\"indicador-galeria\">\n              Ver m\u00e1s...\n            <\/div>\n\n          <\/div>\n\n\n          <div\n            class=\"galeria-oculta\"\n            style=\"display:none;\"\n          >\n\n            <a href=\"https:\/\/srlrecliven.com\/wp-content\/uploads\/2026\/08\/472164388_599082762500569_5196798431539258532_n.jpg\" data-caption=\"Foto 1\"><\/a>\n\n            <a href=\"https:\/\/srlrecliven.com\/wp-content\/uploads\/2026\/08\/472233351_599082455833933_5184882345824130178_n-e1786735425571.jpg\" data-caption=\"Foto 2\"><\/a>\n\n            <a href=\"https:\/\/srlrecliven.com\/wp-content\/uploads\/2026\/08\/472018323_599082335833945_7875572639428669111_n.jpg\" data-caption=\"Foto 3\"><\/a>\n\n            <a href=\"https:\/\/srlrecliven.com\/wp-content\/uploads\/2026\/08\/471998376_599082765833902_5744065746284513174_n.jpg\" data-caption=\"Foto 4\"><\/a>\n\n            <a href=\"https:\/\/srlrecliven.com\/wp-content\/uploads\/2026\/08\/471812075_599082775833901_2180381906337352762_n.jpg\" data-caption=\"Foto 5\"><\/a>\n\n          <\/div>\n\n\n          <div class=\"opinion-estrellas\">\n            \u2605\u2605\u2605\u2605\u2605\n          <\/div>\n\n          <div class=\"opinion-nombre\">\n            Hospital Cl\u00ednico Quir\u00fargico Dr. Juan Bruno Sayas Alfonso\n          <\/div>\n\n          <div class=\"opinion-cita\">\n            \"Reparaci\u00f3n capital y Automatizaci\u00f3n de Chiller FRIOCLIMA de 2TR.\"\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- =========================================\n             TRABAJO 2\n        ========================================== -->\n\n        <div class=\"tarjeta-opinion\">\n\n          <div\n            class=\"opinion-foto-wrapper\"\n            onclick=\"abrirGaleria(this)\"\n          >\n\n            <img decoding=\"async\"\n              src=\"https:\/\/srlrecliven.com\/wp-content\/uploads\/2026\/08\/701471368_985331943889398_7452392591161926245_n.jpg\"\n              alt=\"Trabajo realizado en Universidad de Oriente\"\n            >\n\n            <div class=\"indicador-galeria\">\n              Ver m\u00e1s...\n            <\/div>\n\n          <\/div>\n\n\n          <div\n            class=\"galeria-oculta\"\n            style=\"display:none;\"\n          >\n\n            <a href=\"https:\/\/srlrecliven.com\/wp-content\/uploads\/2026\/08\/701471368_985331943889398_7452392591161926245_n.jpg\" data-caption=\"Foto 1\"><\/a>\n\n            <a href=\"https:\/\/srlrecliven.com\/wp-content\/uploads\/2026\/08\/702146672_985332247222701_4434170731738348570_n.jpg\" data-caption=\"Foto 2\"><\/a>\n\n            <a href=\"https:\/\/srlrecliven.com\/wp-content\/uploads\/2026\/08\/702830096_985332080556051_7673089447004070968_n.jpg\" data-caption=\"Foto 3\"><\/a>\n\n            <a href=\"https:\/\/srlrecliven.com\/wp-content\/uploads\/2026\/08\/photo_2026-08-17_15-48-01.jpg\" data-caption=\"Foto 4\"><\/a>\n\n          <\/div>\n\n\n          <div class=\"opinion-estrellas\">\n            \u2605\u2605\u2605\u2605\u2605\n          <\/div>\n\n          <div class=\"opinion-nombre\">\n            Universidad de Oriente\n          <\/div>\n\n          <div class=\"opinion-cita\">\n            \"Montaje de Sistema Fotovoltaico ON-GRID de 30kw.\"\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- =========================================\n             TRABAJO 3\n        ========================================== -->\n\n        <div class=\"tarjeta-opinion\">\n\n          <div\n            class=\"opinion-foto-wrapper\"\n            onclick=\"abrirGaleria(this)\"\n          >\n\n            <img decoding=\"async\"\n              src=\"https:\/\/srlrecliven.com\/wp-content\/uploads\/2026\/08\/477795282_635941185495144_7645629388150124503_n.jpg\"\n              alt=\"Trabajo realizado en EMGEF\"\n            >\n\n            <div class=\"indicador-galeria\">\n              Ver m\u00e1s...\n            <\/div>\n\n          <\/div>\n\n\n          <div\n            class=\"galeria-oculta\"\n            style=\"display:none;\"\n          >\n\n            <a href=\"https:\/\/srlrecliven.com\/wp-content\/uploads\/2026\/08\/477795282_635941185495144_7645629388150124503_n.jpg\" data-caption=\"Foto 1\"><\/a>\n\n            <a href=\"https:\/\/srlrecliven.com\/wp-content\/uploads\/2026\/08\/477578025_635941148828481_1915773750747634229_n.jpg\" data-caption=\"Foto 2\"><\/a>\n\n            <a href=\"https:\/\/srlrecliven.com\/wp-content\/uploads\/2026\/08\/476834758_635941205495142_256603327457179325_n.jpg\" data-caption=\"Foto 3\"><\/a>\n\n            <a href=\"https:\/\/srlrecliven.com\/wp-content\/uploads\/2026\/08\/476800280_635940828828513_7305625217981568321_n.jpg\" data-caption=\"Foto 4\"><\/a>\n\n            <a href=\"https:\/\/srlrecliven.com\/wp-content\/uploads\/2026\/08\/476837959_635941182161811_1966830856046155192_n.jpg\" data-caption=\"Foto 5\"><\/a>\n\n          <\/div>\n\n\n          <div class=\"opinion-estrellas\">\n            \u2605\u2605\u2605\u2605\u2605\n          <\/div>\n\n          <div class=\"opinion-nombre\">\n            EMGEF\n          <\/div>\n\n          <div class=\"opinion-cita\">\n            \"Reparaciones de Sistemas de Clima Tipo Split de 3TR.\"\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- =========================================\n             TRABAJO 4\n        ========================================== -->\n\n        <div class=\"tarjeta-opinion\">\n\n          <div\n            class=\"opinion-foto-wrapper\"\n            onclick=\"abrirGaleria(this)\"\n          >\n\n            <img decoding=\"async\"\n              src=\"https:\/\/srlrecliven.com\/wp-content\/uploads\/2026\/08\/photo_2026-08-17_16-12-19-3.jpg\"\n              alt=\"Trabajo realizado en Hotel Santiago\"\n            >\n\n            <div class=\"indicador-galeria\">\n              Ver m\u00e1s...\n            <\/div>\n\n          <\/div>\n\n\n          <div\n            class=\"galeria-oculta\"\n            style=\"display:none;\"\n          >\n\n            <a href=\"https:\/\/srlrecliven.com\/wp-content\/uploads\/2026\/08\/photo_2026-08-17_16-12-19-3.jpg\" data-caption=\"Foto 1\"><\/a>\n\n            <a href=\"https:\/\/srlrecliven.com\/wp-content\/uploads\/2026\/08\/photo_2026-08-17_16-12-19-2.jpg\" data-caption=\"Foto 2\"><\/a>\n\n            <a href=\"https:\/\/srlrecliven.com\/wp-content\/uploads\/2026\/08\/Sin-titulo.jpg\" data-caption=\"Foto 3\"><\/a>\n\n            <a href=\"https:\/\/srlrecliven.com\/wp-content\/uploads\/2026\/08\/photo_2026-08-17_16-12-28.jpg\" data-caption=\"Foto 4\"><\/a>\n\n          <\/div>\n\n\n          <div class=\"opinion-estrellas\">\n            \u2605\u2605\u2605\u2605\u2605\n          <\/div>\n\n          <div class=\"opinion-nombre\">\n            Hotel Santiago\n          <\/div>\n\n          <div class=\"opinion-cita\">\n            \"Montaje de Compresores y Automatizaci\u00f3n de Chiller CLIMAVENETA de 180TR.\"\n          <\/div>\n\n        <\/div>\n\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n\n<!-- ============================================================\n     CSS \u2014 HISTORIAS DE \u00c9XITO RECLIVEN\n============================================================ -->\n\n<style>\n\n\/* =========================================\n   AISLAMIENTO Y SCROLL SUAVE\n========================================= *\/\n\nhtml {\n  scroll-behavior: smooth;\n}\n\n.seccion-historias-exito,\n.seccion-historias-exito * {\n\n  box-sizing: border-box;\n\n}\n\n\n.seccion-historias-exito {\n\n  width: 100%;\n\n  padding: 60px 0;\n\n  position: relative;\n\n  overflow: hidden;\n\n  user-select: none;\n\n  font-family: inherit;\n\n  background:\n\n    linear-gradient(\n      135deg,\n      #d5e1eb 0%,\n      #d5e1eb 40%,\n      #b9cada 40%,\n      #b9cada 65%,\n      #e3eaf0 65%,\n      #e3eaf0 100%\n    );\n\n}\n\n\n\/* =========================================\n   DECORACIONES DIAGONALES\n========================================= *\/\n\n.historias-decoracion {\n\n  position: absolute;\n\n  pointer-events: none;\n\n  z-index: 0;\n\n}\n\n\n.historias-decoracion-1 {\n\n  width: 50%;\n\n  height: 180%;\n\n  top: -40%;\n\n  right: -14%;\n\n  background: rgba(7,31,59,0.09);\n\n  transform: rotate(-18deg);\n\n}\n\n\n.historias-decoracion-2 {\n\n  width: 18%;\n\n  height: 160%;\n\n  top: -30%;\n\n  left: -6%;\n\n  background: rgba(7,31,59,0.055);\n\n  transform: rotate(18deg);\n\n}\n\n\n\/* =========================================\n   CONTENEDOR\n========================================= *\/\n\n.recliven-historias-container {\n\n  max-width: 1200px;\n\n  margin: 0 auto;\n\n  position: relative;\n\n  z-index: 2;\n\n}\n\n\n\/* =========================================\n   ENCABEZADO\n========================================= *\/\n\n.historias-encabezado {\n\n  text-align: center;\n\n  margin-bottom: 35px;\n\n  padding: 0 20px;\n\n}\n\n\n\/* PEQUE\u00d1O EYEBROW *\/\n\n.historias-eyebrow {\n\n  display: block;\n\n  position: relative;\n\n  width: fit-content;\n\n  margin:\n    0\n    auto\n    9px;\n\n  padding-left: 13px;\n\n  color: #071f3b;\n\n  font-size: 0.8rem;\n\n  font-weight: 700;\n\n  letter-spacing: 1.5px;\n\n  text-transform: uppercase;\n\n}\n\n\n\/* DETALLE AMARILLO *\/\n\n.historias-eyebrow::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n\n  top: 50%;\n\n  transform: translateY(-50%);\n\n  width: 5px;\n\n  height: 18px;\n\n  background: #f2c94c;\n\n  border-radius: 3px;\n\n}\n\n\n.historias-encabezado h2 {\n\n  color: #071f3b;\n\n  font-size: 32px;\n\n  font-weight: 700;\n\n  text-transform: uppercase;\n\n  letter-spacing: 0.5px;\n\n  margin:\n    0\n    0\n    8px;\n\n  line-height: 1.2;\n\n}\n\n\n.historias-encabezado p {\n\n  color: #46596b;\n\n  font-size: 14px;\n\n  margin: 0;\n\n}\n\n\n\/* =========================================\n   CARRUSEL\n========================================= *\/\n\n.carrusel-contenedor-scroll {\n\n  width: 100%;\n\n  overflow: hidden;\n\n  cursor: grab;\n\n  padding:\n    10px\n    0\n    20px;\n\n}\n\n\n.carrusel-contenedor-scroll:active {\n\n  cursor: grabbing;\n\n}\n\n\n.carrusel-slider-track {\n\n  display: flex;\n\n  gap: 20px;\n\n  width: max-content;\n\n  will-change: transform;\n\n}\n\n\n\/* =========================================\n   TARJETAS\n========================================= *\/\n\n.tarjeta-opinion {\n\n  width: 310px;\n\n  flex-shrink: 0;\n\n  background: rgba(255,255,255,0.96);\n\n  border:\n    1px solid\n    rgba(7,31,59,0.12);\n\n  border-radius: 12px;\n\n  padding: 15px;\n\n  display: flex;\n\n  flex-direction: column;\n\n  justify-content: flex-start;\n\n  position: relative;\n\n  overflow: hidden;\n\n  box-shadow:\n    0 4px 14px rgba(7,31,59,0.13);\n\n  transition:\n    transform 0.25s ease,\n    box-shadow 0.25s ease,\n    border-color 0.25s ease;\n\n}\n\n\n\/* L\u00ednea amarilla superior *\/\n\n.tarjeta-opinion::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  top: 0;\n\n  left: 0;\n\n  width: 100%;\n\n  height: 3px;\n\n  background: #f2c94c;\n\n  transform: scaleX(0);\n\n  transform-origin: left;\n\n  transition: transform 0.3s ease;\n\n}\n\n\n.tarjeta-opinion:hover::before {\n\n  transform: scaleX(1);\n\n}\n\n\n.tarjeta-opinion:hover {\n\n  border-color: rgba(7,31,59,0.28);\n\n  transform: translateY(-4px);\n\n  box-shadow:\n    0 9px 24px rgba(7,31,59,0.20);\n\n}\n\n\n\/* =========================================\n   FOTO\n========================================= *\/\n\n.opinion-foto-wrapper {\n\n  position: relative;\n\n  width: 100%;\n\n  height: 160px;\n\n  border-radius: 8px;\n\n  overflow: hidden;\n\n  margin-bottom: 12px;\n\n  background: #dce5ed;\n\n  cursor: pointer;\n\n}\n\n\n.opinion-foto-wrapper img {\n\n  width: 100%;\n\n  height: 100%;\n\n  object-fit: cover;\n\n  display: block;\n\n  transition:\n    transform 0.3s ease;\n\n}\n\n\n.opinion-foto-wrapper:hover img {\n\n  transform: scale(1.04);\n\n}\n\n\n\/* =========================================\n   INDICADOR \"VER M\u00c1S\"\n========================================= *\/\n\n.indicador-galeria {\n\n  position: absolute;\n\n  bottom: 8px;\n\n  right: 8px;\n\n  background: rgba(7,31,59,0.90);\n\n  border:\n    1px solid\n    rgba(242,201,76,0.75);\n\n  color: #ffffff;\n\n  padding:\n    4px\n    9px;\n\n  font-size: 11px;\n\n  font-weight: 700;\n\n  border-radius: 4px;\n\n  pointer-events: none;\n\n  transition:\n    background-color 0.25s ease,\n    color 0.25s ease;\n\n}\n\n\n.opinion-foto-wrapper:hover .indicador-galeria {\n\n  background: #f2c94c;\n\n  color: #071f3b;\n\n}\n\n\n\/* =========================================\n   ESTRELLAS\n========================================= *\/\n\n.opinion-estrellas {\n\n  color: #f2c94c;\n\n  font-size: 14px;\n\n  margin-bottom: 6px;\n\n  letter-spacing: 1px;\n\n}\n\n\n\/* =========================================\n   NOMBRE DEL CLIENTE\n========================================= *\/\n\n.opinion-nombre {\n\n  color: #071f3b;\n\n  font-size: 14px;\n\n  font-weight: 700;\n\n  margin-bottom: 6px;\n\n  line-height: 1.3;\n\n}\n\n\n\/* =========================================\n   DESCRIPCI\u00d3N\n========================================= *\/\n\n.opinion-cita {\n\n  color: #526577;\n\n  font-size: 12.5px;\n\n  line-height: 1.4;\n\n  margin-bottom: 0;\n\n  font-style: italic;\n\n}\n\n\n\/* =========================================\n   FANCYBOX\n========================================= *\/\n\n.fancybox__container {\n\n  z-index: 999999 !important;\n\n}\n\n\n\/* =========================================\n   TABLETS \/ M\u00d3VILES\n========================================= *\/\n\n@media (max-width: 768px) {\n\n  .seccion-historias-exito {\n\n    padding:\n      30px\n      0;\n\n  }\n\n\n  .historias-encabezado {\n\n    margin-bottom: 15px;\n\n  }\n\n\n  .historias-eyebrow {\n\n    font-size: 0.55rem;\n\n    letter-spacing: 0.8px;\n\n    padding-left: 9px;\n\n  }\n\n\n  .historias-eyebrow::before {\n\n    width: 3px;\n\n    height: 12px;\n\n  }\n\n\n  .historias-encabezado h2 {\n\n    font-size: 16px;\n\n    margin-bottom: 4px;\n\n    letter-spacing: 0.3px;\n\n  }\n\n\n  .historias-encabezado p {\n\n    font-size: 10px;\n\n  }\n\n\n  .carrusel-slider-track {\n\n    gap: 10px;\n\n  }\n\n\n  .tarjeta-opinion {\n\n    width: 210px;\n\n    padding: 10px;\n\n    border-radius: 8px;\n\n  }\n\n\n  .opinion-foto-wrapper {\n\n    height: 110px;\n\n    margin-bottom: 8px;\n\n  }\n\n\n  .indicador-galeria {\n\n    font-size: 9px;\n\n    padding:\n      2px\n      6px;\n\n  }\n\n\n  .opinion-estrellas {\n\n    font-size: 11px;\n\n    margin-bottom: 4px;\n\n  }\n\n\n  .opinion-nombre {\n\n    font-size: 11px;\n\n    margin-bottom: 4px;\n\n  }\n\n\n  .opinion-cita {\n\n    font-size: 9.5px;\n\n    line-height: 1.3;\n\n  }\n\n}\n\n\n\/* =========================================\n   PANTALLAS MUY PEQUE\u00d1AS\n========================================= *\/\n\n@media (max-width: 480px) {\n\n  .tarjeta-opinion {\n\n    width: 180px;\n\n  }\n\n\n  .opinion-foto-wrapper {\n\n    height: 95px;\n\n  }\n\n\n  .opinion-nombre {\n\n    font-size: 10px;\n\n  }\n\n\n  .opinion-cita {\n\n    font-size: 8.5px;\n\n  }\n\n}\n\n<\/style>\n\n\n\n<!-- ============================================================\n     SCRIPTS\n============================================================ -->\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@fancyapps\/ui@5.0\/dist\/fancybox\/fancybox.umd.js\"><\/script>\n\n\n<script>\n\n\/* =========================================\n   ABRIR GALER\u00cdA\n========================================= *\/\n\nfunction abrirGaleria(elementoTarjeta) {\n\n  const tarjeta =\n    elementoTarjeta.closest('.tarjeta-opinion');\n\n  const links =\n    tarjeta.querySelectorAll('.galeria-oculta a');\n\n  const galeriaItems =\n    Array.from(links).map(\n      el => ({\n        src: el.href,\n        caption: el.dataset.caption\n      })\n    );\n\n  Fancybox.show(galeriaItems);\n\n}\n\n\n\/* =========================================\n   CARRUSEL AUTOM\u00c1TICO\n========================================= *\/\n\n(function() {\n\n  const container =\n    document.getElementById(\n      'scrollContainerTrabajos'\n    );\n\n  const track =\n    document.getElementById(\n      'carruselTrackTrabajos'\n    );\n\n\n  if (container && track) {\n\n\n    \/* DUPLICAR CONTENIDO *\/\n\n    if (!track.dataset.duplicado) {\n\n      track.innerHTML +=\n        track.innerHTML;\n\n      track.dataset.duplicado =\n        \"true\";\n\n    }\n\n\n    let currentPos = 0;\n\n    const speed = 0.8;\n\n    let isDragging = false;\n\n    let startX = 0;\n\n\n    \/* =========================================\n       ANIMACI\u00d3N\n    ========================================== *\/\n\n    function render() {\n\n      if (!isDragging) {\n\n        currentPos -= speed;\n\n        const halfWidth =\n          track.scrollWidth \/ 2;\n\n\n        if (\n          halfWidth > 0 &&\n          Math.abs(currentPos) >= halfWidth\n        ) {\n\n          currentPos = 0;\n\n        }\n\n\n        track.style.transform =\n          `translateX(${currentPos}px)`;\n\n      }\n\n\n      requestAnimationFrame(render);\n\n    }\n\n\n    requestAnimationFrame(render);\n\n\n    \/* =========================================\n       MOUSE\n    ========================================== *\/\n\n    container.addEventListener(\n      'mousedown',\n      (e) => {\n\n        isDragging = true;\n\n        startX = e.clientX;\n\n      }\n    );\n\n\n    window.addEventListener(\n      'mousemove',\n      (e) => {\n\n        if (!isDragging) return;\n\n\n        const diff =\n          e.clientX - startX;\n\n\n        startX = e.clientX;\n\n        currentPos += diff;\n\n\n        const halfWidth =\n          track.scrollWidth \/ 2;\n\n\n        if (currentPos > 0) {\n\n          currentPos = -halfWidth;\n\n        }\n\n\n        if (\n          Math.abs(currentPos) >= halfWidth\n        ) {\n\n          currentPos = 0;\n\n        }\n\n\n        track.style.transform =\n          `translateX(${currentPos}px)`;\n\n      }\n    );\n\n\n    window.addEventListener(\n      'mouseup',\n      () => {\n\n        isDragging = false;\n\n      }\n    );\n\n\n    \/* =========================================\n       TOUCH\n    ========================================== *\/\n\n    container.addEventListener(\n      'touchstart',\n      (e) => {\n\n        isDragging = true;\n\n        startX =\n          e.touches[0].clientX;\n\n      },\n      {\n        passive: true\n      }\n    );\n\n\n    window.addEventListener(\n      'touchmove',\n      (e) => {\n\n        if (!isDragging) return;\n\n\n        const diff =\n          e.touches[0].clientX -\n          startX;\n\n\n        startX =\n          e.touches[0].clientX;\n\n\n        currentPos += diff;\n\n\n        const halfWidth =\n          track.scrollWidth \/ 2;\n\n\n        if (currentPos > 0) {\n\n          currentPos = -halfWidth;\n\n        }\n\n\n        if (\n          Math.abs(currentPos) >= halfWidth\n        ) {\n\n          currentPos = 0;\n\n        }\n\n\n        track.style.transform =\n          `translateX(${currentPos}px)`;\n\n      },\n      {\n        passive: true\n      }\n    );\n\n\n    window.addEventListener(\n      'touchend',\n      () => {\n\n        isDragging = false;\n\n      }\n    );\n\n  }\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-bef0de5 e-flex e-con-boxed e-con e-parent\" data-id=\"bef0de5\" 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-35b7e6b elementor-widget elementor-widget-html\" data-id=\"35b7e6b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"seccion-por-que-elegir\">\n  <div class=\"recliven-elegir-container\">\n    \n    <div class=\"elegir-encabezado\">\n      <h2 data-trp-translate-id=\"123\">\u00bfPor qu\u00e9 elegir Recliven?<\/h2>\n    <\/div>\n\n    <div class=\"elegir-grid\">\n      \n      <div class=\"elegir-card\">\n        <div class=\"elegir-icono\">\n          <svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" stroke=\"currentColor\" stroke-width=\"1.8\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\n            <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\n          <\/svg>\n        <\/div>\n        <h3 data-trp-translate-id=\"124\">T\u00e9cnicos certificados<\/h3>\n        <p data-trp-translate-id=\"125\">Personal capacitado y en constante formaci\u00f3n.<\/p>\n      <\/div>\n\n      <div class=\"elegir-card\">\n        <div class=\"elegir-icono\">\n          <svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" stroke=\"currentColor\" stroke-width=\"1.8\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"><\/path>\n          <\/svg>\n        <\/div>\n        <h3 data-trp-translate-id=\"126\">Equipos de calidad<\/h3>\n        <p data-trp-translate-id=\"127\">Trabajamos con las mejores marcas del mercado.<\/p>\n      <\/div>\n\n      <div class=\"elegir-card\">\n        <div class=\"elegir-icono\">\n          <svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" stroke=\"currentColor\" stroke-width=\"1.8\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n            <polyline points=\"9 12 11 14 15 10\"><\/polyline>\n          <\/svg>\n        <\/div>\n        <h3 data-trp-translate-id=\"128\">Garant\u00eda en nuestros trabajos<\/h3>\n        <p data-trp-translate-id=\"129\">Todos nuestros servicios cuentan con garant\u00eda.<\/p>\n      <\/div>\n\n      <div class=\"elegir-card\">\n        <div class=\"elegir-icono\">\n          <svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" stroke=\"currentColor\" stroke-width=\"1.8\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <line x1=\"4\" y1=\"21\" x2=\"4\" y2=\"14\"><\/line>\n            <line x1=\"4\" y1=\"10\" x2=\"4\" y2=\"3\"><\/line>\n            <line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"12\"><\/line>\n            <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"3\"><\/line>\n            <line x1=\"20\" y1=\"21\" x2=\"20\" y2=\"16\"><\/line>\n            <line x1=\"20\" y1=\"12\" x2=\"20\" y2=\"3\"><\/line>\n            <line x1=\"1\" y1=\"14\" x2=\"7\" y2=\"14\"><\/line>\n            <line x1=\"9\" y1=\"8\" x2=\"15\" y2=\"8\"><\/line>\n            <line x1=\"17\" y1=\"16\" x2=\"23\" y2=\"16\"><\/line>\n          <\/svg>\n        <\/div>\n        <h3 data-trp-translate-id=\"130\">Soluciones a medida<\/h3>\n        <p data-trp-translate-id=\"131\">Nos adaptamos a tus necesidades y presupuesto.<\/p>\n      <\/div>\n\n      <div class=\"elegir-card\">\n        <div class=\"elegir-icono\">\n          <svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" stroke=\"currentColor\" stroke-width=\"1.8\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M3 18v-6a9 9 0 0 1 18 0v6\"><\/path>\n            <path d=\"M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z\"><\/path>\n          <\/svg>\n        <\/div>\n        <h3 data-trp-translate-id=\"132\">Atenci\u00f3n personalizada<\/h3>\n        <p data-trp-translate-id=\"133\">Te acompa\u00f1amos en cada paso, antes, durante y despu\u00e9s.<\/p>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"recliven-cta-banner\">\n      <div class=\"cta-texto\">\n        <h3 data-trp-translate-id=\"134\">\u00bfNecesitas ayuda con tus equipos?<\/h3>\n        <p data-trp-translate-id=\"135\">Cont\u00e1ctanos hoy mismo y recibe asesoramiento sin compromiso.<\/p>\n      <\/div>\n      <div class=\"cta-botones\">\n        <a href=\"https:\/\/wa.me\/5363462855\" target=\"_blank\" rel=\"noopener\" class=\"btn-cta btn-whatsapp\">\n          <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"><\/path>\n          <\/svg>\n          <span data-trp-translate-id=\"136\">Escr\u00edbenos por WhatsApp<\/span>\n        <\/a>\n        <a href=\"tel:+5363462855\" class=\"btn-cta btn-llamada\">\n          <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\n          <\/svg>\n          <span data-trp-translate-id=\"137\">Ll\u00e1manos ahora<\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<style>\n\/* Reset y aislamiento *\/\n.seccion-por-que-elegir,\n.seccion-por-que-elegir * {\n  box-sizing: border-box;\n}\n\n.seccion-por-que-elegir {\n  width: 100%;\n  padding: 50px 20px;\n  background-color: #ffffff;\n  font-family: inherit;\n}\n\n.recliven-elegir-container {\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n\/* ENCABEZADO *\/\n.elegir-encabezado {\n  text-align: center;\n  margin-bottom: 40px;\n}\n\n.elegir-encabezado h2 {\n  color: #102f4d;\n  font-size: 32px;\n  font-weight: 700;\n  margin: 0;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n\/* GRID DE BENEFICIOS (5 COLUMNAS FIJAS + L\u00cdNEAS VERTICALES) *\/\n.elegir-grid {\n  display: grid;\n  grid-template-columns: repeat(5, 1fr);\n  gap: 0;\n  margin-bottom: 50px;\n}\n\n.elegir-card {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  padding: 10px 15px;\n  position: relative;\n}\n\n\/* L\u00ednea vertical divisoria entre cada tarjeta (excepto la \u00faltima) *\/\n.elegir-card:not(:last-child)::after {\n  content: \"\";\n  position: absolute;\n  right: 0;\n  top: 15%;\n  height: 70%;\n  width: 1px;\n  background-color: #e2e7ee;\n}\n\n.elegir-icono {\n  width: 54px;\n  height: 54px;\n  background-color: #f0f6fb;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #102f4d;\n  margin-bottom: 15px;\n  transition: transform 0.25s ease, background-color 0.25s ease;\n}\n\n.elegir-card:hover .elegir-icono {\n  transform: translateY(-3px);\n  background-color: #0d233a;\n  color: #ffffff;\n}\n\n.elegir-card h3 {\n  color: #102f4d;\n  font-size: 15px;\n  font-weight: 700;\n  margin: 0 0 8px 0;\n  line-height: 1.3;\n}\n\n.elegir-card p {\n  color: #55606d;\n  font-size: 12.5px;\n  line-height: 1.4;\n  margin: 0;\n}\n\n\/* BANNER AZUL DE CONTACTO (CTA) *\/\n.recliven-cta-banner {\n  background-color: #102f4d;\n  border-radius: 8px;\n  padding: 24px 35px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n}\n\n.cta-texto h3 {\n  color: #ffffff;\n  font-size: 20px;\n  font-weight: 700;\n  margin: 0 0 4px 0;\n}\n\n.cta-texto p {\n  color: #cfd9e3;\n  font-size: 13px;\n  margin: 0;\n}\n\n.cta-botones {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex-shrink: 0;\n  flex-wrap: nowrap;\n}\n\n.btn-cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 18px;\n  border-radius: 6px;\n  font-size: 13px;\n  font-weight: 700;\n  text-decoration: none;\n  white-space: nowrap;\n  transition: background-color 0.25s ease, transform 0.2s ease;\n}\n\n\/* Bot\u00f3n Blanco \/ WhatsApp *\/\n.btn-whatsapp {\n  background-color: #ffffff;\n  color: #102f4d;\n}\n\n.btn-whatsapp:hover {\n  background-color: #f0f4f8;\n  transform: translateY(-1px);\n}\n\n\/* Bot\u00f3n Azul \/ Llamada *\/\n.btn-llamada {\n  background-color: #1a4975;\n  color: #ffffff;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.btn-llamada:hover {\n  background-color: #21598f;\n  transform: translateY(-1px);\n}\n\n\/* ------------------------------------------\n   ADAPTACI\u00d3N PARA TABLETS (< 992px)\n------------------------------------------ *\/\n@media (max-width: 992px) {\n  .recliven-cta-banner {\n    flex-direction: column;\n    text-align: center;\n    padding: 25px 20px;\n  }\n\n  .cta-botones {\n    width: 100%;\n    justify-content: center;\n  }\n}\n\n\/* ------------------------------------------\n   ADAPTACI\u00d3N PARA M\u00d3VILES (< 768px)\n------------------------------------------ *\/\n@media (max-width: 768px) {\n  .seccion-por-que-elegir {\n    padding: 30px 15px;\n  }\n\n  .elegir-encabezado {\n    margin-bottom: 25px;\n  }\n\n  .elegir-encabezado h2 {\n    font-size: 16px;\n  }\n\n  .elegir-grid {\n    grid-template-columns: repeat(5, 1fr);\n    gap: 0;\n    margin-bottom: 30px;\n  }\n\n  .elegir-card {\n    padding: 2px 4px;\n  }\n\n  .elegir-card:not(:last-child)::after {\n    top: 10%;\n    height: 80%;\n  }\n\n  .elegir-icono {\n    width: 32px;\n    height: 32px;\n    margin-bottom: 6px;\n  }\n\n  .elegir-icono svg {\n    width: 15px;\n    height: 15px;\n  }\n\n  .elegir-card h3 {\n    font-size: 8.5px;\n    margin-bottom: 2px;\n  }\n\n  .elegir-card p {\n    font-size: 7px;\n    line-height: 1.2;\n  }\n\n  .recliven-cta-banner {\n    padding: 18px 15px;\n    border-radius: 6px;\n  }\n\n  .cta-texto h3 {\n    font-size: 13.5px;\n    margin-bottom: 3px;\n  }\n\n  .cta-texto p {\n    font-size: 9.5px;\n  }\n\n  .cta-botones {\n    flex-direction: row !important;\n    width: auto;\n    justify-content: center;\n    gap: 6px;\n  }\n\n  .btn-cta {\n    width: auto;\n    font-size: 8.5px;\n    padding: 7px 10px;\n    gap: 5px;\n  }\n\n  .btn-cta svg {\n    width: 13px;\n    height: 13px;\n  }\n}\n\n\/* ------------------------------------------\n   PANTALLAS MUY PEQUE\u00d1AS (< 480px)\n------------------------------------------ *\/\n@media (max-width: 480px) {\n  .elegir-card h3 {\n    font-size: 7.5px;\n  }\n\n  .elegir-card p {\n    font-size: 6px;\n  }\n\n  .btn-cta {\n    font-size: 7.5px;\n    padding: 6px 8px;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23e3ac5 elementor-widget elementor-widget-html\" data-id=\"23e3ac5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     SECCI\u00d3N: RESE\u00d1AS Y OPINIONES RECLIVEN\n============================================================ -->\n\n<div class=\"recliven-reviews-wrapper\">\n\n  <!-- DECORACIONES DIAGONALES -->\n  <div class=\"reviews-decoration reviews-decoration-1\"><\/div>\n  <div class=\"reviews-decoration reviews-decoration-2\"><\/div>\n\n  <div class=\"recliven-reviews-section\">\n\n    <!-- FORMULARIO DE OPINI\u00d3N -->\n    <div class=\"reviews-form-container\">\n\n      <div class=\"reviews-form-eyebrow\" data-trp-translate-id=\"138\">\n        TU OPINI\u00d3N CUENTA\n      <\/div>\n\n      <h3 data-trp-translate-id=\"139\">Comparte tu experiencia con nosotros<\/h3>\n\n      <div class=\"reviews-accent-line\"><\/div>\n\n      <form id=\"reclivenReviewForm\">\n\n        <div class=\"form-group\">\n          <label for=\"reviewerName\" data-trp-translate-id=\"140\">\n            Nombre y Apellido(s):\n          <\/label>\n\n          <input\n            type=\"text\"\n            id=\"reviewerName\"\n            placeholder=\"Tu nombre...\"\n            data-trp-translate-id=\"141\"\n            required\n          >\n        <\/div>\n\n        <div class=\"form-group\">\n          <label for=\"reviewerText\" data-trp-translate-id=\"142\">\n            Comentario:\n          <\/label>\n\n          <textarea\n            id=\"reviewerText\"\n            rows=\"3\"\n            placeholder=\"Escribe tu opini\u00f3n...\"\n            data-trp-translate-id=\"143\"\n            required\n          ><\/textarea>\n        <\/div>\n\n        <button\n          type=\"submit\"\n          class=\"btn-publicar\"\n          id=\"btnSubmitReview\"\n        >\n          <span data-trp-translate-id=\"144\">Publicar opini\u00f3n<\/span>\n          <span>\u2192<\/span>\n        <\/button>\n\n      <\/form>\n    <\/div>\n\n\n    <!-- LISTADO DE RESE\u00d1AS -->\n    <div class=\"reviews-display-container\">\n\n      <div class=\"reviews-header\">\n\n        <div class=\"reviews-header-icon\">\n          \ud83d\udcac\n        <\/div>\n\n        <div>\n          <div class=\"reviews-header-small\" data-trp-translate-id=\"145\">\n            EXPERIENCIAS REALES\n          <\/div>\n\n          <div class=\"reviews-header-title\" data-trp-translate-id=\"146\">\n            Experiencias de quienes conf\u00edan en nosotros\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n\n      <div id=\"reviewsList\" class=\"reviews-scroll-list\">\n        <!-- Las opiniones se cargan din\u00e1micamente mediante JS -->\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/div>\n\n\n<!-- ============================================================\n     ESTILOS CSS\n============================================================ -->\n\n<style>\n\n\/* AISLAMIENTO *\/\n.recliven-reviews-wrapper,\n.recliven-reviews-wrapper * {\n  box-sizing: border-box;\n}\n\n\/* SECCI\u00d3N PRINCIPAL *\/\n.recliven-reviews-wrapper {\n  width: 100%;\n  position: relative;\n  overflow: hidden;\n  padding: 65px 20px;\n  background:\n    linear-gradient(\n      135deg,\n      #d5e1eb 0%,\n      #d5e1eb 38%,\n      #b9cada 38%,\n      #b9cada 67%,\n      #e3eaf0 67%,\n      #e3eaf0 100%\n    );\n  user-select: none;\n}\n\n\/* DECORACIONES DIAGONALES *\/\n.reviews-decoration {\n  position: absolute;\n  pointer-events: none;\n  z-index: 0;\n}\n\n.reviews-decoration-1 {\n  width: 45%;\n  height: 180%;\n  top: -40%;\n  right: -12%;\n  background: rgba(7,31,59,.075);\n  transform: rotate(-18deg);\n}\n\n.reviews-decoration-2 {\n  width: 16%;\n  height: 160%;\n  top: -30%;\n  left: -5%;\n  background: rgba(7,31,59,.045);\n  transform: rotate(18deg);\n}\n\n\/* CONTENEDOR *\/\n.recliven-reviews-section {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 30px;\n  max-width: 1200px;\n  margin: 0 auto;\n  width: 100%;\n  font-family: inherit;\n  color: #071f3b;\n}\n\n\/* CONTENEDORES INTERNOS *\/\n.reviews-form-container,\n.reviews-display-container {\n  flex: 1;\n  min-width: 280px;\n  background: rgba(255,255,255,.94);\n  padding: 30px;\n  border-radius: 14px;\n  border: 1px solid rgba(7,31,59,.12);\n  box-shadow: 0 8px 24px rgba(7,31,59,.12);\n  height: fit-content;\n  position: relative;\n  overflow: hidden;\n}\n\n\/* L\u00ednea amarilla superior *\/\n.reviews-form-container::before,\n.reviews-display-container::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 4px;\n  background: #f2c94c;\n}\n\n\/* FORMULARIO *\/\n.reviews-form-eyebrow {\n  color: #071f3b;\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 1.8px;\n  text-transform: uppercase;\n  padding-left: 12px;\n  position: relative;\n  margin-bottom: 8px;\n}\n\n.reviews-form-eyebrow::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 1px;\n  width: 4px;\n  height: 15px;\n  background: #f2c94c;\n  border-radius: 2px;\n}\n\n.reviews-form-container h3 {\n  margin: 0;\n  font-size: 22px;\n  line-height: 1.25;\n  font-weight: 700;\n  color: #071f3b;\n  letter-spacing: .2px;\n}\n\n.reviews-accent-line {\n  width: 55px;\n  height: 3px;\n  background: #f2c94c;\n  border-radius: 5px;\n  margin: 14px 0 22px;\n}\n\n\/* CAMPOS *\/\n.form-group {\n  margin-bottom: 17px;\n}\n\n.form-group label {\n  display: block;\n  margin-bottom: 7px;\n  font-size: 13px;\n  font-weight: 700;\n  color: #46596b;\n}\n\n.form-group input,\n.form-group textarea {\n  width: 100%;\n  padding: 12px 13px;\n  background: #f4f7fa;\n  border: 1px solid #c8d5e1;\n  border-radius: 7px;\n  color: #071f3b;\n  font-family: inherit;\n  font-size: 13.5px;\n  outline: none;\n  transition: border-color .3s ease, box-shadow .3s ease, background .3s ease;\n}\n\n.form-group textarea {\n  resize: vertical;\n  min-height: 90px;\n}\n\n.form-group input::placeholder,\n.form-group textarea::placeholder {\n  color: #8a9aaa;\n}\n\n.form-group input:focus,\n.form-group textarea:focus {\n  background: #ffffff;\n  border-color: #071f3b;\n  box-shadow: 0 0 0 3px rgba(7,31,59,.10);\n}\n\n\/* BOT\u00d3N *\/\n.btn-publicar {\n  width: 100%;\n  padding: 13px 16px;\n  background: #071f3b;\n  border: none;\n  border-radius: 7px;\n  color: #ffffff;\n  font-family: inherit;\n  font-size: 13.5px;\n  font-weight: 700;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 9px;\n  transition: background .25s ease, transform .2s ease, box-shadow .25s ease;\n}\n\n.btn-publicar span {\n  color: #f2c94c;\n  font-size: 17px;\n  line-height: 1;\n  transition: transform .2s ease;\n}\n\n.btn-publicar:hover {\n  background: #123e63;\n  transform: translateY(-1px);\n  box-shadow: 0 5px 14px rgba(7,31,59,.22);\n}\n\n.btn-publicar:hover span {\n  transform: translateX(4px);\n}\n\n\/* CABECERA DE OPINIONES *\/\n.reviews-header {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  padding-bottom: 15px;\n  margin-bottom: 18px;\n  border-bottom: 1px solid #d7e0e8;\n}\n\n.reviews-header-icon {\n  width: 42px;\n  height: 42px;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #071f3b;\n  border-radius: 9px;\n  font-size: 18px;\n  border-bottom: 3px solid #f2c94c;\n}\n\n.reviews-header-small {\n  color: #526577;\n  font-size: 9.5px;\n  font-weight: 800;\n  letter-spacing: 1.4px;\n  text-transform: uppercase;\n  margin-bottom: 3px;\n}\n\n.reviews-header-title {\n  color: #071f3b;\n  font-size: 17px;\n  font-weight: 700;\n  line-height: 1.25;\n}\n\n\/* LISTA *\/\n.reviews-scroll-list {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  max-height: 380px;\n  overflow-y: auto;\n  padding-right: 6px;\n}\n\n\/* SCROLLBAR *\/\n.reviews-scroll-list::-webkit-scrollbar {\n  width: 6px;\n}\n\n.reviews-scroll-list::-webkit-scrollbar-track {\n  background: #e8eef3;\n  border-radius: 4px;\n}\n\n.reviews-scroll-list::-webkit-scrollbar-thumb {\n  background: #71879b;\n  border-radius: 4px;\n}\n\n.reviews-scroll-list::-webkit-scrollbar-thumb:hover {\n  background: #071f3b;\n}\n\n\/* TARJETA DE OPINI\u00d3N *\/\n.review-card {\n  position: relative;\n  background: #f5f8fa;\n  border: 1px solid #d9e2e9;\n  border-radius: 9px;\n  padding: 15px 16px;\n  transition: border-color .25s ease, transform .2s ease, box-shadow .25s ease;\n  overflow: hidden;\n}\n\n.review-card::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 3px;\n  height: 100%;\n  background: #f2c94c;\n}\n\n.review-card:hover {\n  border-color: rgba(7,31,59,.35);\n  transform: translateX(2px);\n  box-shadow: 0 4px 12px rgba(7,31,59,.08);\n}\n\n.review-stars {\n  color: #f2c94c;\n  font-size: 13px;\n  letter-spacing: 1px;\n  margin-bottom: 6px;\n}\n\n.review-desc {\n  font-size: 13px;\n  color: #526577;\n  line-height: 1.5;\n  margin: 0 0 9px 0;\n  font-style: italic;\n}\n\n.review-author {\n  font-size: 11px;\n  font-weight: 800;\n  color: #071f3b;\n  display: block;\n  text-transform: uppercase;\n  letter-spacing: .7px;\n}\n\n\/* MEDIA QUERIES *\/\n@media (max-width: 768px) {\n  .recliven-reviews-wrapper {\n    padding: 42px 12px;\n  }\n  .recliven-reviews-section {\n    gap: 17px;\n  }\n  .reviews-form-container,\n  .reviews-display-container {\n    padding: 21px;\n    border-radius: 10px;\n  }\n  .reviews-form-container h3 {\n    font-size: 18px;\n  }\n  .reviews-form-eyebrow {\n    font-size: 9px;\n  }\n  .reviews-header-title {\n    font-size: 14px;\n  }\n  .reviews-header-small {\n    font-size: 8px;\n  }\n  .reviews-header-icon {\n    width: 36px;\n    height: 36px;\n    font-size: 15px;\n  }\n  .form-group label {\n    font-size: 11.5px;\n  }\n  .form-group input,\n  .form-group textarea {\n    font-size: 12px;\n    padding: 10px;\n  }\n  .btn-publicar {\n    font-size: 12px;\n    padding: 11px;\n  }\n  .review-desc {\n    font-size: 11.5px;\n  }\n  .review-author {\n    font-size: 10px;\n  }\n}\n\n@media (max-width: 480px) {\n  .recliven-reviews-wrapper {\n    padding: 35px 10px;\n  }\n  .reviews-form-container,\n  .reviews-display-container {\n    padding: 18px;\n  }\n  .reviews-form-container h3 {\n    font-size: 17px;\n  }\n  .reviews-header {\n    gap: 9px;\n  }\n  .reviews-header-icon {\n    width: 34px;\n    height: 34px;\n  }\n}\n<\/style>\n\n\n<!-- ============================================================\n     L\u00d3GICA JAVASCRIPT (SISTEMA DIN\u00c1MICO DE OPINIONES)\n============================================================ -->\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  const form = document.getElementById('reclivenReviewForm');\n  const reviewsList = document.getElementById('reviewsList');\n  const btnSubmit = document.getElementById('btnSubmitReview');\n\n  \/\/ Inicializar almac\u00e9n local de opiniones\n  const defaultReviews = [\n    { name: 'Camilo Rodr\u00edguez', text: 'Excelente servicio.' },\n    { name: 'Heydi', text: 'Excelente atenci\u00f3n t\u00e9cnica y profesionalismo en la automatizaci\u00f3n.' }\n  ];\n\n  function getSavedReviews() {\n    const saved = localStorage.getItem('recliven_reviews');\n    if (!saved) {\n      localStorage.setItem('recliven_reviews', JSON.stringify(defaultReviews));\n      return defaultReviews;\n    }\n    return JSON.parse(saved);\n  }\n\n  function renderReviews() {\n    const reviews = getSavedReviews();\n    reviewsList.innerHTML = '';\n\n    if (reviews.length === 0) {\n      reviewsList.innerHTML = `\n        <div class=\"review-card\">\n          <p class=\"review-desc\" data-trp-translate-id=\"147\">A\u00fan no hay opiniones. \u00a1S\u00e9 el primero en comentar!<\/p>\n          <span class=\"review-author\">RECLIVEN<\/span>\n        <\/div>`;\n      return;\n    }\n\n    reviews.forEach(review => {\n      const card = document.createElement('div');\n      card.className = 'review-card';\n      card.innerHTML = `\n        <div class=\"review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <p class=\"review-desc\">\"${review.text}\"<\/p>\n        <span class=\"review-author\">${review.name}<\/span>\n      `;\n      reviewsList.appendChild(card);\n    });\n  }\n\n  \/* ENVIAR FORMULARIO *\/\n  if (form) {\n    form.addEventListener('submit', function(e) {\n      e.preventDefault();\n\n      const nameInput = document.getElementById('reviewerName').value.trim();\n      const textInput = document.getElementById('reviewerText').value.trim();\n\n      if (!nameInput || !textInput) return;\n\n      btnSubmit.disabled = true;\n      btnSubmit.innerHTML = '<span data-trp-translate-id=\"148\">Publicando...<\/span> <span>...<\/span>';\n\n      \/\/ 1. Guardar localmente\n      const currentReviews = getSavedReviews();\n      currentReviews.unshift({ name: nameInput, text: textInput });\n      localStorage.setItem('recliven_reviews', JSON.stringify(currentReviews));\n\n      \/\/ 2. Intentar enviar a la REST API de WordPress\n      fetch('\/wp-json\/wp\/v2\/comments', {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application\/json'\n        },\n        body: JSON.stringify({\n          author_name: nameInput,\n          content: textInput,\n          post: 1\n        })\n      }).catch(err => console.log('Env\u00edo en segundo plano completado.'));\n\n      \/\/ 3. Actualizar interfaz\n      setTimeout(() => {\n        renderReviews();\n        form.reset();\n        btnSubmit.disabled = false;\n        btnSubmit.innerHTML = '<span data-trp-translate-id=\"144\">Publicar opini\u00f3n<\/span> <span>\u2192<\/span>';\n        alert('\u00a1Gracias por tu opini\u00f3n! Se ha publicado correctamente.');\n      }, 400);\n    });\n  }\n\n  \/\/ Renderizar opiniones al cargar\n  renderReviews();\n});\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>SOLUCIONES QUE GENERAN CONFIANZA Soluciones en Refrigeraci\u00f3n, Climatizaci\u00f3n y Automatizaci\u00f3n. Ofrecemos soluciones profesionales en refrigeraci\u00f3n, aire acondicionado, automatizaci\u00f3n, energ\u00eda renovable [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/srlrecliven.com\/en\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/srlrecliven.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/srlrecliven.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/srlrecliven.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/srlrecliven.com\/en\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":341,"href":"https:\/\/srlrecliven.com\/en\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":934,"href":"https:\/\/srlrecliven.com\/en\/wp-json\/wp\/v2\/pages\/8\/revisions\/934"}],"wp:attachment":[{"href":"https:\/\/srlrecliven.com\/en\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}