{"id":4475,"date":"2026-07-14T17:05:08","date_gmt":"2026-07-14T17:05:08","guid":{"rendered":"https:\/\/aliceblue-mallard-643626.hostingersite.com\/?page_id=4475"},"modified":"2026-07-28T23:24:27","modified_gmt":"2026-07-28T23:24:27","slug":"company","status":"publish","type":"page","link":"https:\/\/commerss.com\/en\/empresa\/","title":{"rendered":"Company"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"4475\" class=\"elementor elementor-4475\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d59f82a e-con e-atomic-element e-flexbox-base e-8061cbc\" data-id=\"d59f82a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d59f82a\">\n    \t\t<div class=\"elementor-element elementor-element-958c6ff elementor-widget elementor-widget-html\" data-id=\"958c6ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"commerss-video-only\" aria-label=\"Video Commercials\">\r\n  <div class=\"cvo-shell\">\r\n    <div class=\"cvo-frame\">\r\n      <iframe\r\n        src=\"https:\/\/www.youtube-nocookie.com\/embed\/7aY7TeUt9KQ?autoplay=1&mute=1&loop=1&playlist=7aY7TeUt9KQ&controls=0&fs=0&disablekb=1&iv_load_policy=3&rel=0&playsinline=1\"\r\n        title=\"Video Commercials\"\r\n        loading=\"eager\"\r\n        allow=\"autoplay; encrypted-media\"\r\n        referrerpolicy=\"strict-origin-when-cross-origin\"\r\n        tabindex=\"-1\"\r\n      ><\/iframe>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n#commerss-video-only {\r\n  width: 100%;\r\n  overflow: hidden;\r\n  background: #ffffff;\r\n}\r\n\r\n#commerss-video-only *,\r\n#commerss-video-only *::before,\r\n#commerss-video-only *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#commerss-video-only .cvo-shell {\r\n  width: min(1400px, calc(100% - 48px));\r\n  margin: 0 auto;\r\n  padding: 24px 0;\r\n}\r\n\r\n#commerss-video-only .cvo-frame {\r\n  position: relative;\r\n  width: 100%;\r\n  aspect-ratio: 16 \/ 9;\r\n  overflow: hidden;\r\n  border-radius: 30px;\r\n  background: #031f2d;\r\n  box-shadow:\r\n    0 18px 45px rgba(6, 63, 91, 0.10),\r\n    0 38px 85px rgba(6, 63, 91, 0.12);\r\n}\r\n\r\n#commerss-video-only .cvo-frame iframe {\r\n  position: absolute;\r\n  inset: 0;\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  border: 0;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  #commerss-video-only .cvo-shell {\r\n    width: calc(100% - 28px);\r\n    padding: 20px 0;\r\n  }\r\n\r\n  #commerss-video-only .cvo-frame {\r\n    border-radius: 22px;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-5c61449 e-con e-atomic-element e-flexbox-base e-6172d5f\" data-id=\"5c61449\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5c61449\">\n    \t\t<div class=\"elementor-element elementor-element-270cfd9 elementor-widget elementor-widget-html\" data-id=\"270cfd9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section\r\n  id=\"commerss-extra-services-v2\"\r\n  aria-labelledby=\"cmxsv2-main-title\"\r\n>\r\n  <div class=\"cmxsv2-shell\">\r\n\r\n    <!-- ENCABEZADO -->\r\n    <header class=\"cmxsv2-header cmxsv2-reveal\">\r\n      <div class=\"cmxsv2-heading\">\r\n        <span class=\"cmxsv2-eyebrow\">\r\n          ADDITIONAL SERVICES\r\n        <\/span>\r\n\r\n        <h2 id=\"cmxsv2-main-title\">\r\n          Complements<br>\r\n          Your order.\r\n        <\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"cmxsv2-intro\">\r\n        <span class=\"cmxsv2-intro-line\" aria-hidden=\"true\"><\/span>\r\n\r\n        <p>\r\n          We don't just supply equipment. We also support you\nwith specialized services for installation, relocation, and metalworking.\r\n        <\/p>\r\n      <\/div>\r\n    <\/header>\r\n\r\n    <!-- SERVICIOS -->\r\n    <div class=\"cmxsv2-grid\">\r\n\r\n      <!-- 01 \u00b7 INSTALACI\u00d3N -->\r\n      <article class=\"cmxsv2-card cmxsv2-reveal\" tabindex=\"0\">\r\n\r\n        <div class=\"cmxsv2-card-media\" aria-hidden=\"true\">\r\n          <img\r\n            src=\"http:\/\/commerss.com\/wp-content\/uploads\/2026\/07\/Instalacion-de-equipos.jpg-scaled.jpeg\"\r\n            alt=\"\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/div>\r\n\r\n        <span class=\"cmxsv2-card-number\">\r\n          01\r\n        <\/span>\r\n\r\n        <div class=\"cmxsv2-card-icon\" aria-hidden=\"true\">\r\n          <svg viewbox=\"0 0 24 24\">\r\n            <path d=\"M4 20h16\"><\/path>\r\n            <path d=\"M7 20V9h10v11\"><\/path>\r\n            <path d=\"M9 9V5h6v4\"><\/path>\r\n            <path d=\"M10 13h4\"><\/path>\r\n            <path d=\"M12 11v4\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"cmxsv2-card-content\">\r\n          <span class=\"cmxsv2-card-label\">\r\n            INDUSTRIAL FACILITY\r\n          <\/span>\r\n\r\n          <h3>\r\n            Installation of Industrial Equipment\r\n          <\/h3>\r\n\r\n          <p>\r\n            We can assist you with mechanical and electrical installations and equipment commissioning.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <a\r\n          class=\"cmxsv2-card-action\"\r\n          href=\"\/en\/contact\/?servicio=instalacion-de-equipos\"\r\n          aria-label=\"Request Installation of Industrial Equipment\"\r\n        >\r\n          <span>Request Service<\/span>\r\n\r\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M7 17L17 7\"><\/path>\r\n            <path d=\"M8 7h9v9\"><\/path>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n      <\/article>\r\n\r\n      <!-- 02 \u00b7 TRANSPORTE -->\r\n      <article class=\"cmxsv2-card cmxsv2-reveal\" tabindex=\"0\">\r\n\r\n        <div class=\"cmxsv2-card-media\" aria-hidden=\"true\">\r\n          <img\r\n            src=\"http:\/\/commerss.com\/wp-content\/uploads\/2026\/07\/Transporte.jpg.jpeg\"\r\n            alt=\"\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/div>\r\n\r\n        <span class=\"cmxsv2-card-number\">\r\n          02\r\n        <\/span>\r\n\r\n        <div class=\"cmxsv2-card-icon\" aria-hidden=\"true\">\r\n          <svg viewbox=\"0 0 24 24\">\r\n            <path d=\"M3 7h11v10H3z\"><\/path>\r\n            <path d=\"M14 10h4l3 3v4h-7z\"><\/path>\r\n            <circle cx=\"7\" cy=\"18\" r=\"2\"><\/circle>\r\n            <circle cx=\"18\" cy=\"18\" r=\"2\"><\/circle>\r\n            <path d=\"M5 7V4h7v3\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"cmxsv2-card-content\">\r\n          <span class=\"cmxsv2-card-label\">\r\n            FREIGHT AND LOGISTICS\r\n          <\/span>\r\n\r\n          <h3>\r\n            Specialized Transportation\r\n          <\/h3>\r\n\r\n          <p>\r\n            We coordinate the transport of industrial equipment,\nspecialized components, and oversized cargo\nto the installation site.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <a\r\n          class=\"cmxsv2-card-action\"\r\n          href=\"\/en\/contact\/?servicio=flete-y-logistica\"\r\n          aria-label=\"Request Freight and Logistics Services\"\r\n        >\r\n          <span>Request Service<\/span>\r\n\r\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M7 17L17 7\"><\/path>\r\n            <path d=\"M8 7h9v9\"><\/path>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n      <\/article>\r\n\r\n      <!-- 03 \u00b7 TABLEROS DE CONTROL -->\r\n      <article class=\"cmxsv2-card cmxsv2-reveal\" tabindex=\"0\">\r\n\r\n        <div class=\"cmxsv2-card-media\" aria-hidden=\"true\">\r\n          <img\r\n            src=\"http:\/\/commerss.com\/wp-content\/uploads\/2026\/07\/Tableros-3-scaled.jpg\"\r\n            alt=\"\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/div>\r\n\r\n        <span class=\"cmxsv2-card-number\">\r\n          03\r\n        <\/span>\r\n\r\n        <div class=\"cmxsv2-card-icon\" aria-hidden=\"true\">\r\n          <svg viewbox=\"0 0 24 24\">\r\n            <path d=\"M9 3h6\"><\/path>\r\n            <path d=\"M10 3v5l-5 9a3 3 0 0 0 2.6 4.5h8.8A3 3 0 0 0 19 17l-5-9V3\"><\/path>\r\n            <path d=\"M7.5 15h9\"><\/path>\r\n            <circle cx=\"10\" cy=\"18\" r=\".7\"><\/circle>\r\n            <circle cx=\"14\" cy=\"17\" r=\".7\"><\/circle>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"cmxsv2-card-content\">\r\n          <span class=\"cmxsv2-card-label\">\r\n          DASHBOARDS\r\n          <\/span>\r\n\r\n          <h3>\r\n            Control Panel Assembly\r\n          <\/h3>\r\n\r\n          <p>\r\n           Based on the engineering specifications, our partner CoFactory assembles control panels in series for your projects.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <a\r\n          class=\"cmxsv2-card-action\"\r\n          href=\"\/en\/contact\/?servicio=caracterizacion-de-materiales\"\r\n          aria-label=\"Request Material Characterization\"\r\n        >\r\n          <span>Request Service<\/span>\r\n\r\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M7 17L17 7\"><\/path>\r\n            <path d=\"M8 7h9v9\"><\/path>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n      <\/article>\r\n\r\n      <!-- 04 \u00b7 MAQUILAS Y MANUFACTURA -->\r\n      <article class=\"cmxsv2-card cmxsv2-reveal\" tabindex=\"0\">\r\n\r\n        <div class=\"cmxsv2-card-media\" aria-hidden=\"true\">\r\n          <img\r\n            src=\"http:\/\/commerss.com\/wp-content\/uploads\/2026\/07\/20260203_1-3-scaled.jpg\"\r\n            alt=\"\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/div>\r\n\r\n        <span class=\"cmxsv2-card-number\">\r\n          04\r\n        <\/span>\r\n\r\n        <div class=\"cmxsv2-card-icon\" aria-hidden=\"true\">\r\n          <svg viewbox=\"0 0 24 24\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n            <path d=\"M3 12h3\"><\/path>\r\n            <path d=\"M18 12h3\"><\/path>\r\n            <path d=\"M12 3v3\"><\/path>\r\n            <path d=\"M12 18v3\"><\/path>\r\n            <path d=\"M5.6 5.6l2.1 2.1\"><\/path>\r\n            <path d=\"M16.3 16.3l2.1 2.1\"><\/path>\r\n            <path d=\"M18.4 5.6l-2.1 2.1\"><\/path>\r\n            <path d=\"M7.7 16.3l-2.1 2.1\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"cmxsv2-card-content\">\r\n          <span class=\"cmxsv2-card-label\">\r\n            ASSEMBLY AND MANUFACTURING\r\n          <\/span>\r\n\r\n          <h3>\r\n            Manufacturing<br> metalworking\r\n          <\/h3>\r\n\r\n          <p>\r\n          As representatives of CoFactory, we offer manufacturing-as-a-service solutions, including painting, welding, and more.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <a\r\n          class=\"cmxsv2-card-action\"\r\n          href=\"\/en\/contact\/?servicio=levantamiento-nube-de-puntos\"\r\n          aria-label=\"Request a point cloud survey\"\r\n        >\r\n          <span>Request Service<\/span>\r\n\r\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M7 17L17 7\"><\/path>\r\n            <path d=\"M8 7h9v9\"><\/path>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n      <\/article>\r\n\r\n\r\n    <\/div>\r\n\r\n    <!-- CIERRE -->\r\n    <footer class=\"cmxsv2-footer cmxsv2-reveal\">\r\n\r\n    <!--  <div class=\"cmxsv2-footer-copy\">\r\n        <span class=\"cmxsv2-status-dot\" aria-hidden=\"true\"><\/span>\r\n\r\n        <p>\r\n          Cada servicio puede integrarse a tu cotizaci\u00f3n\r\n          de equipos o solicitarse de forma independiente.\r\n        <\/p>\r\n      <\/div> -->\r\n\r\n      <a class=\"cmxsv2-main-button\" href=\"\/en\/contact\/\">\r\n        <span>Talk to a specialist<\/span>\r\n\r\n        <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M5 12h14\"><\/path>\r\n          <path d=\"M14 7l5 5-5 5\"><\/path>\r\n        <\/svg>\r\n      <\/a>\r\n\r\n    <\/footer>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ==================================================\r\n   CONFIGURACI\u00d3N AISLADA\r\n================================================== *\/\r\n\r\n#commerss-extra-services-v2 {\r\n  --cmxsv2-navy: #063f5b;\r\n  --cmxsv2-dark: #052f43;\r\n  --cmxsv2-deep: #021d2a;\r\n  --cmxsv2-teal: #4ba6a6;\r\n  --cmxsv2-teal-light: #82cecb;\r\n  --cmxsv2-white: #ffffff;\r\n  --cmxsv2-border: rgba(255, 255, 255, 0.15);\r\n  --cmxsv2-muted: rgba(255, 255, 255, 0.72);\r\n  --cmxsv2-card-radius: 28px;\r\n\r\n  position: relative;\r\n  width: 100%;\r\n  overflow: hidden;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 91% 8%,\r\n      rgba(75, 166, 166, 0.16),\r\n      transparent 28%\r\n    ),\r\n    linear-gradient(\r\n      145deg,\r\n      var(--cmxsv2-dark),\r\n      var(--cmxsv2-deep)\r\n    );\r\n\r\n  color: var(--cmxsv2-white);\r\n\r\n  font-family:\r\n    \"Open Sans\",\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif !important;\r\n\r\n  isolation: isolate;\r\n}\r\n\r\n#commerss-extra-services-v2 *,\r\n#commerss-extra-services-v2 *::before,\r\n#commerss-extra-services-v2 *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#commerss-extra-services-v2 .cmxsv2-shell {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  width: min(1400px, calc(100% - 48px));\r\n  margin: 0 auto;\r\n\r\n  padding:\r\n    clamp(70px, 7vw, 110px)\r\n    0\r\n    clamp(75px, 8vw, 110px);\r\n}\r\n\r\n\/* ==================================================\r\n   ENCABEZADO\r\n================================================== *\/\r\n\r\n#commerss-extra-services-v2 .cmxsv2-header {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0, 1.25fr)\r\n    minmax(320px, 0.75fr);\r\n\r\n  align-items: end;\r\n\r\n  gap: clamp(50px, 9vw, 140px);\r\n\r\n  margin-bottom: clamp(50px, 6vw, 80px);\r\n}\r\n\r\n#commerss-extra-services-v2 .cmxsv2-eyebrow {\r\n  display: block;\r\n\r\n  margin-bottom: 16px;\r\n\r\n  color: var(--cmxsv2-teal-light);\r\n\r\n  font-family: inherit !important;\r\n  font-size: 11px;\r\n  font-weight: 750;\r\n  line-height: 1.3;\r\n  letter-spacing: 0.16em;\r\n}\r\n\r\n#commerss-extra-services-v2 .cmxsv2-heading h2 {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n\r\n  color: var(--cmxsv2-white) !important;\r\n\r\n  font-family: inherit !important;\r\n  font-size: clamp(55px, 7vw, 102px) !important;\r\n  font-style: normal !important;\r\n  font-weight: 650 !important;\r\n  line-height: 0.88 !important;\r\n  letter-spacing: -0.065em !important;\r\n  text-transform: none !important;\r\n}\r\n\r\n#commerss-extra-services-v2 .cmxsv2-intro {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 20px;\r\n\r\n  padding-bottom: 7px;\r\n}\r\n\r\n#commerss-extra-services-v2 .cmxsv2-intro-line {\r\n  flex: 0 0 auto;\r\n\r\n  width: 52px;\r\n  height: 1px;\r\n  margin-top: 13px;\r\n\r\n  background: var(--cmxsv2-teal);\r\n}\r\n\r\n#commerss-extra-services-v2 .cmxsv2-intro p {\r\n  max-width: 480px;\r\n  margin: 0;\r\n\r\n  color: var(--cmxsv2-muted);\r\n\r\n  font-family: inherit !important;\r\n  font-size: clamp(15px, 1.25vw, 18px);\r\n  font-weight: 400;\r\n  line-height: 1.65;\r\n}\r\n\r\n\/* ==================================================\r\n   GRID\r\n================================================== *\/\r\n\r\n#commerss-extra-services-v2 .cmxsv2-grid {\r\n  display: grid;\r\n  gap: 14px;\r\n}\r\n\r\n\/* ==================================================\r\n   TARJETA\r\n================================================== *\/\r\n\r\n#commerss-extra-services-v2 .cmxsv2-card {\r\n  position: relative;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    58px\r\n    78px\r\n    minmax(0, 1fr)\r\n    auto;\r\n\r\n  align-items: center;\r\n\r\n  gap: clamp(22px, 3vw, 48px);\r\n\r\n  min-height: 220px;\r\n  padding: 34px 36px;\r\n\r\n  overflow: hidden;\r\n\r\n  border: 1px solid var(--cmxsv2-border);\r\n  border-radius: var(--cmxsv2-card-radius);\r\n\r\n  background: var(--cmxsv2-deep);\r\n\r\n  outline: none;\r\n  isolation: isolate;\r\n\r\n  box-shadow:\r\n    0 12px 30px rgba(0, 0, 0, 0.13),\r\n    0 28px 65px rgba(0, 0, 0, 0.11);\r\n\r\n  transition:\r\n    transform 0.55s cubic-bezier(.22, .61, .36, 1),\r\n    border-color 0.4s ease,\r\n    box-shadow 0.5s ease;\r\n}\r\n\r\n\/* Imagen real, sin variables CSS *\/\r\n\r\n#commerss-extra-services-v2 .cmxsv2-card-media {\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  z-index: -3;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n#commerss-extra-services-v2 .cmxsv2-card-media img {\r\n  display: block;\r\n\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n\r\n  max-width: none !important;\r\n  max-height: none !important;\r\n\r\n  object-fit: cover !important;\r\n  object-position: center !important;\r\n\r\n  opacity: 1;\r\n\r\n  transform: scale(1.015);\r\n\r\n  filter:\r\n    saturate(0.75)\r\n    contrast(1.02);\r\n\r\n  transition:\r\n    transform 0.9s cubic-bezier(.22, .61, .36, 1),\r\n    filter 0.6s ease;\r\n}\r\n\r\n\/* Capa de lectura *\/\r\n\r\n#commerss-extra-services-v2 .cmxsv2-card::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  z-index: -2;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(2, 29, 42, 0.97) 0%,\r\n      rgba(2, 29, 42, 0.92) 28%,\r\n      rgba(2, 29, 42, 0.76) 61%,\r\n      rgba(2, 29, 42, 0.5) 100%\r\n    );\r\n\r\n  transition:\r\n    background 0.5s ease;\r\n}\r\n\r\n\/* L\u00ednea inferior animada *\/\r\n\r\n#commerss-extra-services-v2 .cmxsv2-card::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  left: 0;\r\n  bottom: 0;\r\n\r\n  z-index: 6;\r\n\r\n  width: 0;\r\n  height: 3px;\r\n\r\n  background: var(--cmxsv2-teal-light);\r\n\r\n  transition:\r\n    width 0.7s cubic-bezier(.22, .61, .36, 1);\r\n}\r\n\r\n#commerss-extra-services-v2 .cmxsv2-card:hover,\r\n#commerss-extra-services-v2 .cmxsv2-card:focus-within,\r\n#commerss-extra-services-v2 .cmxsv2-card:focus-visible {\r\n  transform: translateY(-5px);\r\n\r\n  border-color: rgba(130, 206, 203, 0.48);\r\n\r\n  box-shadow:\r\n    0 18px 40px rgba(0, 0, 0, 0.18),\r\n    0 38px 85px rgba(0, 0, 0, 0.18);\r\n}\r\n\r\n#commerss-extra-services-v2\r\n.cmxsv2-card:hover\r\n.cmxsv2-card-media img,\r\n#commerss-extra-services-v2\r\n.cmxsv2-card:focus-within\r\n.cmxsv2-card-media img {\r\n  transform: scale(1.075);\r\n\r\n  filter:\r\n    saturate(1)\r\n    contrast(1.04);\r\n}\r\n\r\n#commerss-extra-services-v2 .cmxsv2-card:hover::before,\r\n#commerss-extra-services-v2 .cmxsv2-card:focus-within::before {\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(2, 29, 42, 0.95) 0%,\r\n      rgba(2, 29, 42, 0.87) 27%,\r\n      rgba(2, 29, 42, 0.66) 61%,\r\n      rgba(2, 29, 42, 0.35) 100%\r\n    );\r\n}\r\n\r\n#commerss-extra-services-v2 .cmxsv2-card:hover::after,\r\n#commerss-extra-services-v2 .cmxsv2-card:focus-within::after {\r\n  width: 100%;\r\n}\r\n\r\n\/* ==================================================\r\n   N\u00daMERO\r\n================================================== *\/\r\n\r\n#commerss-extra-services-v2 .cmxsv2-card-number {\r\n  position: relative;\r\n  z-index: 3;\r\n\r\n  color: rgba(255, 255, 255, 0.5);\r\n\r\n  font-family: inherit !important;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.15em;\r\n\r\n  transition:\r\n    color 0.35s ease,\r\n    transform 0.45s ease;\r\n}\r\n\r\n#commerss-extra-services-v2\r\n.cmxsv2-card:hover\r\n.cmxsv2-card-number {\r\n  color: var(--cmxsv2-teal-light);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n\/* ==================================================\r\n   ICONO\r\n================================================== *\/\r\n\r\n#commerss-extra-services-v2 .cmxsv2-card-icon {\r\n  position: relative;\r\n  z-index: 3;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 68px;\r\n  height: 68px;\r\n\r\n  border: 1px solid rgba(130, 206, 203, 0.32);\r\n  border-radius: 21px;\r\n\r\n  background: rgba(2, 29, 42, 0.48);\r\n  color: var(--cmxsv2-teal-light);\r\n\r\n  backdrop-filter: blur(12px);\r\n  -webkit-backdrop-filter: blur(12px);\r\n\r\n  transition:\r\n    transform 0.45s cubic-bezier(.22, .61, .36, 1),\r\n    background 0.35s ease,\r\n    color 0.35s ease,\r\n    border-color 0.35s ease;\r\n}\r\n\r\n#commerss-extra-services-v2\r\n.cmxsv2-card:hover\r\n.cmxsv2-card-icon {\r\n  transform:\r\n    translateY(-5px)\r\n    rotate(-3deg);\r\n\r\n  border-color: transparent;\r\n\r\n  background: var(--cmxsv2-teal);\r\n  color: #ffffff;\r\n}\r\n\r\n#commerss-extra-services-v2 .cmxsv2-card-icon svg {\r\n  display: block;\r\n\r\n  width: 29px;\r\n  height: 29px;\r\n\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 1.55;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\/* ==================================================\r\n   CONTENIDO\r\n================================================== *\/\r\n\r\n#commerss-extra-services-v2 .cmxsv2-card-content {\r\n  position: relative;\r\n  z-index: 3;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(280px, 0.9fr)\r\n    minmax(320px, 1.1fr);\r\n\r\n  align-items: center;\r\n\r\n  gap: clamp(30px, 5vw, 90px);\r\n\r\n  min-width: 0;\r\n}\r\n\r\n#commerss-extra-services-v2 .cmxsv2-card-label {\r\n  grid-column: 1 \/ -1;\r\n\r\n  margin-bottom: -16px;\r\n\r\n  color: var(--cmxsv2-teal-light);\r\n\r\n  font-family: inherit !important;\r\n  font-size: 9px;\r\n  font-weight: 750;\r\n  line-height: 1.4;\r\n  letter-spacing: 0.16em;\r\n}\r\n\r\n#commerss-extra-services-v2 .cmxsv2-card-content h3 {\r\n  max-width: 500px;\r\n\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n\r\n  color: #ffffff !important;\r\n\r\n  font-family: inherit !important;\r\n  font-size: clamp(28px, 2.6vw, 42px) !important;\r\n  font-style: normal !important;\r\n  font-weight: 650 !important;\r\n  line-height: 1 !important;\r\n  letter-spacing: -0.045em !important;\r\n  text-transform: none !important;\r\n\r\n  text-shadow:\r\n    0 2px 18px rgba(0, 0, 0, 0.25);\r\n}\r\n\r\n#commerss-extra-services-v2 .cmxsv2-card-content p {\r\n  max-width: 590px;\r\n\r\n  margin: 0;\r\n\r\n  color: rgba(255, 255, 255, 0.79);\r\n\r\n  font-family: inherit !important;\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  line-height: 1.65;\r\n\r\n  text-shadow:\r\n    0 2px 15px rgba(0, 0, 0, 0.28);\r\n}\r\n\r\n\/* ==================================================\r\n   ACCI\u00d3N\r\n================================================== *\/\r\n\r\n#commerss-extra-services-v2 .cmxsv2-card-action {\r\n  position: relative;\r\n  z-index: 4;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 13px;\r\n\r\n  min-width: max-content;\r\n\r\n  color: #ffffff !important;\r\n\r\n  font-family: inherit !important;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  line-height: 1;\r\n  letter-spacing: 0.05em;\r\n\r\n  text-decoration: none !important;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#commerss-extra-services-v2 .cmxsv2-card-action span {\r\n  max-width: 0;\r\n  overflow: hidden;\r\n\r\n  opacity: 0;\r\n\r\n  white-space: nowrap;\r\n\r\n  transform: translateX(12px);\r\n\r\n  transition:\r\n    max-width 0.45s ease,\r\n    opacity 0.35s ease,\r\n    transform 0.45s ease;\r\n}\r\n\r\n#commerss-extra-services-v2\r\n.cmxsv2-card:hover\r\n.cmxsv2-card-action span,\r\n#commerss-extra-services-v2\r\n.cmxsv2-card:focus-within\r\n.cmxsv2-card-action span {\r\n  max-width: 150px;\r\n\r\n  opacity: 1;\r\n\r\n  transform: translateX(0);\r\n}\r\n\r\n#commerss-extra-services-v2 .cmxsv2-card-action svg {\r\n  display: block;\r\n\r\n  width: 48px;\r\n  height: 48px;\r\n  padding: 13px;\r\n\r\n  border: 1px solid rgba(255, 255, 255, 0.32);\r\n  border-radius: 50%;\r\n\r\n  background: rgba(2, 29, 42, 0.42);\r\n\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 1.55;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n\r\n  backdrop-filter: blur(10px);\r\n  -webkit-backdrop-filter: blur(10px);\r\n\r\n  transition:\r\n    transform 0.4s cubic-bezier(.22, .61, .36, 1),\r\n    background 0.35s ease,\r\n    border-color 0.35s ease;\r\n}\r\n\r\n#commerss-extra-services-v2\r\n.cmxsv2-card:hover\r\n.cmxsv2-card-action svg,\r\n#commerss-extra-services-v2\r\n.cmxsv2-card:focus-within\r\n.cmxsv2-card-action svg {\r\n  transform:\r\n    rotate(7deg)\r\n    scale(1.08);\r\n\r\n  border-color: var(--cmxsv2-teal);\r\n  background: var(--cmxsv2-teal);\r\n}\r\n\r\n\/* ==================================================\r\n   PIE\r\n================================================== *\/\r\n\r\n#commerss-extra-services-v2 .cmxsv2-footer {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\r\n  gap: 35px;\r\n\r\n  margin-top: 50px;\r\n}\r\n\r\n#commerss-extra-services-v2 .cmxsv2-footer-copy {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n}\r\n\r\n#commerss-extra-services-v2 .cmxsv2-status-dot {\r\n  position: relative;\r\n\r\n  flex: 0 0 auto;\r\n\r\n  width: 9px;\r\n  height: 9px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: var(--cmxsv2-teal-light);\r\n\r\n  box-shadow:\r\n    0 0 0 7px rgba(130, 206, 203, 0.09);\r\n}\r\n\r\n#commerss-extra-services-v2 .cmxsv2-status-dot::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  inset: -7px;\r\n\r\n  border: 1px solid var(--cmxsv2-teal-light);\r\n  border-radius: 50%;\r\n\r\n  animation:\r\n    cmxsv2StatusPulse2026\r\n    2.2s\r\n    infinite;\r\n}\r\n\r\n@keyframes cmxsv2StatusPulse2026 {\r\n  0% {\r\n    opacity: 0.7;\r\n    transform: scale(0.6);\r\n  }\r\n\r\n  100% {\r\n    opacity: 0;\r\n    transform: scale(1.55);\r\n  }\r\n}\r\n\r\n#commerss-extra-services-v2 .cmxsv2-footer-copy p {\r\n  max-width: 540px;\r\n\r\n  margin: 0;\r\n\r\n  color: var(--cmxsv2-muted);\r\n\r\n  font-family: inherit !important;\r\n  font-size: 13px;\r\n  line-height: 1.55;\r\n}\r\n\r\n#commerss-extra-services-v2 .cmxsv2-main-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 22px;\r\n\r\n  min-height: 58px;\r\n  padding: 8px 10px 8px 24px;\r\n\r\n  border-radius: 999px;\r\n\r\n  background: #ffffff;\r\n  color: var(--cmxsv2-navy) !important;\r\n\r\n  font-family: inherit !important;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.03em;\r\n\r\n  text-decoration: none !important;\r\n\r\n  transition:\r\n    transform 0.35s cubic-bezier(.22, .61, .36, 1),\r\n    background 0.35s ease,\r\n    color 0.35s ease;\r\n}\r\n\r\n#commerss-extra-services-v2 .cmxsv2-main-button:hover {\r\n  transform: translateY(-3px);\r\n\r\n  background: var(--cmxsv2-teal);\r\n  color: #ffffff !important;\r\n}\r\n\r\n#commerss-extra-services-v2 .cmxsv2-main-button svg {\r\n  display: block;\r\n\r\n  width: 42px;\r\n  height: 42px;\r\n  padding: 12px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: var(--cmxsv2-navy);\r\n  color: #ffffff;\r\n\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 1.7;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n\r\n  transition:\r\n    transform 0.35s ease,\r\n    background 0.35s ease;\r\n}\r\n\r\n#commerss-extra-services-v2\r\n.cmxsv2-main-button:hover\r\nsvg {\r\n  transform: translateX(3px);\r\n\r\n  background: rgba(3, 31, 45, 0.65);\r\n}\r\n\r\n\/* ==================================================\r\n   APARICI\u00d3N\r\n================================================== *\/\r\n\r\n#commerss-extra-services-v2 .cmxsv2-reveal {\r\n  opacity: 0;\r\n\r\n  transform: translateY(28px);\r\n}\r\n\r\n#commerss-extra-services-v2\r\n.cmxsv2-reveal.cmxsv2-is-visible {\r\n  opacity: 1;\r\n\r\n  transform: translateY(0);\r\n\r\n  transition:\r\n    opacity 0.8s ease,\r\n    transform 0.8s cubic-bezier(.22, .61, .36, 1);\r\n}\r\n\r\n\/* ==================================================\r\n   TABLET\r\n================================================== *\/\r\n\r\n@media (max-width: 1100px) {\r\n  #commerss-extra-services-v2 .cmxsv2-card {\r\n    grid-template-columns:\r\n      42px\r\n      68px\r\n      minmax(0, 1fr)\r\n      auto;\r\n  }\r\n\r\n  #commerss-extra-services-v2 .cmxsv2-card-content {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n  }\r\n\r\n  #commerss-extra-services-v2 .cmxsv2-card-label {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  #commerss-extra-services-v2 .cmxsv2-card-content p {\r\n    max-width: 670px;\r\n  }\r\n}\r\n\r\n\/* ==================================================\r\n   M\u00d3VIL\r\n================================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n  #commerss-extra-services-v2 {\r\n    --cmxsv2-card-radius: 23px;\r\n  }\r\n\r\n  #commerss-extra-services-v2 .cmxsv2-shell {\r\n    width: calc(100% - 28px);\r\n\r\n    padding:\r\n      58px\r\n      0\r\n      70px;\r\n  }\r\n\r\n  #commerss-extra-services-v2 .cmxsv2-header {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 34px;\r\n\r\n    margin-bottom: 45px;\r\n  }\r\n\r\n  #commerss-extra-services-v2 .cmxsv2-heading h2 {\r\n    font-size:\r\n      clamp(48px, 14vw, 66px) !important;\r\n\r\n    line-height: 0.92 !important;\r\n  }\r\n\r\n  #commerss-extra-services-v2 .cmxsv2-intro {\r\n    gap: 15px;\r\n  }\r\n\r\n  #commerss-extra-services-v2 .cmxsv2-intro-line {\r\n    width: 35px;\r\n  }\r\n\r\n  #commerss-extra-services-v2 .cmxsv2-intro p {\r\n    font-size: 14px;\r\n  }\r\n\r\n  #commerss-extra-services-v2 .cmxsv2-grid {\r\n    gap: 12px;\r\n  }\r\n\r\n  #commerss-extra-services-v2 .cmxsv2-card {\r\n    grid-template-columns:\r\n      34px\r\n      minmax(0, 1fr)\r\n      44px;\r\n\r\n    grid-template-rows:\r\n      auto\r\n      minmax(230px, 1fr);\r\n\r\n    align-items: start;\r\n\r\n    gap: 12px;\r\n\r\n    min-height: 360px;\r\n    padding: 22px 18px 25px;\r\n\r\n    border-radius: var(--cmxsv2-card-radius);\r\n  }\r\n\r\n  #commerss-extra-services-v2 .cmxsv2-card::before {\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(2, 29, 42, 0.48) 0%,\r\n        rgba(2, 29, 42, 0.7) 40%,\r\n        rgba(2, 29, 42, 0.97) 100%\r\n      );\r\n  }\r\n\r\n  #commerss-extra-services-v2\r\n  .cmxsv2-card:hover::before,\r\n  #commerss-extra-services-v2\r\n  .cmxsv2-card:focus-within::before {\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(2, 29, 42, 0.42) 0%,\r\n        rgba(2, 29, 42, 0.64) 40%,\r\n        rgba(2, 29, 42, 0.96) 100%\r\n      );\r\n  }\r\n\r\n  #commerss-extra-services-v2 .cmxsv2-card-number {\r\n    grid-column: 1;\r\n    grid-row: 1;\r\n\r\n    padding-top: 5px;\r\n  }\r\n\r\n  #commerss-extra-services-v2 .cmxsv2-card-icon {\r\n    display: none;\r\n  }\r\n\r\n  #commerss-extra-services-v2 .cmxsv2-card-content {\r\n    grid-column: 2;\r\n    grid-row: 1 \/ 3;\r\n\r\n    align-self: end;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    gap: 11px;\r\n  }\r\n\r\n  #commerss-extra-services-v2 .cmxsv2-card-label {\r\n    font-size: 8px;\r\n    line-height: 1.45;\r\n  }\r\n\r\n  #commerss-extra-services-v2 .cmxsv2-card-content h3 {\r\n    font-size: 29px !important;\r\n    line-height: 1.02 !important;\r\n  }\r\n\r\n  #commerss-extra-services-v2 .cmxsv2-card-content p {\r\n    font-size: 13px;\r\n    line-height: 1.58;\r\n  }\r\n\r\n  #commerss-extra-services-v2 .cmxsv2-card-action {\r\n    grid-column: 3;\r\n    grid-row: 1;\r\n\r\n    align-self: start;\r\n  }\r\n\r\n  #commerss-extra-services-v2 .cmxsv2-card-action span {\r\n    display: none;\r\n  }\r\n\r\n  #commerss-extra-services-v2 .cmxsv2-card-action svg {\r\n    width: 42px;\r\n    height: 42px;\r\n    padding: 12px;\r\n  }\r\n\r\n  #commerss-extra-services-v2 .cmxsv2-footer {\r\n    align-items: flex-start;\r\n    flex-direction: column;\r\n\r\n    margin-top: 40px;\r\n  }\r\n\r\n  #commerss-extra-services-v2 .cmxsv2-footer-copy {\r\n    align-items: flex-start;\r\n  }\r\n\r\n  #commerss-extra-services-v2 .cmxsv2-status-dot {\r\n    margin-top: 5px;\r\n  }\r\n\r\n  #commerss-extra-services-v2 .cmxsv2-main-button {\r\n    width: 100%;\r\n\r\n    justify-content: space-between;\r\n  }\r\n}\r\n\r\n\/* ==================================================\r\n   MOVIMIENTO REDUCIDO\r\n================================================== *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #commerss-extra-services-v2 *,\r\n  #commerss-extra-services-v2 *::before,\r\n  #commerss-extra-services-v2 *::after {\r\n    animation-duration: 0.01ms !important;\r\n    transition-duration: 0.01ms !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  const root = document.getElementById(\r\n    'commerss-extra-services-v2'\r\n  );\r\n\r\n  if (!root || root.dataset.cmxsv2Ready === 'true') {\r\n    return;\r\n  }\r\n\r\n  root.dataset.cmxsv2Ready = 'true';\r\n\r\n  const elements = root.querySelectorAll(\r\n    '.cmxsv2-reveal'\r\n  );\r\n\r\n  if (!('IntersectionObserver' in window)) {\r\n    elements.forEach(function (element) {\r\n      element.classList.add(\r\n        'cmxsv2-is-visible'\r\n      );\r\n    });\r\n\r\n    return;\r\n  }\r\n\r\n  const observer = new IntersectionObserver(\r\n    function (entries) {\r\n      entries.forEach(function (entry) {\r\n        if (!entry.isIntersecting) {\r\n          return;\r\n        }\r\n\r\n        entry.target.classList.add(\r\n          'cmxsv2-is-visible'\r\n        );\r\n\r\n        observer.unobserve(entry.target);\r\n      });\r\n    },\r\n    {\r\n      threshold: 0.1\r\n    }\r\n  );\r\n\r\n  elements.forEach(function (element, index) {\r\n    element.style.transitionDelay =\r\n      Math.min(index * 70, 280) + 'ms';\r\n\r\n    observer.observe(element);\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ee0858d e-con e-atomic-element e-flexbox-base e-ee0858d-8b3e312\" data-id=\"ee0858d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ee0858d\">\n    \t\t<div class=\"elementor-element elementor-element-05b8454 elementor-widget elementor-widget-html\" data-id=\"05b8454\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"commerss-benefits-section\">\r\n  <div class=\"cwhy-shell\">\r\n\r\n    <!-- T\u00cdTULO PARA LA P\u00c1GINA EMPRESA -->\r\n    <header class=\"cwhy-title\">\r\n      <h2>Benefits<\/h2>\r\n    <\/header>\r\n\r\n    <div class=\"cwhy-cards\">\r\n\r\n      <article class=\"cwhy-card is-active\" tabindex=\"0\">\r\n        <div class=\"cwhy-image\">\r\n          <img decoding=\"async\" src=\"http:\/\/commerss.com\/wp-content\/uploads\/2026\/06\/Beneficio-1-scaled.jpg\" alt=\"\">\r\n        <\/div>\r\n\r\n        <div class=\"cwhy-overlay\"><\/div>\r\n\r\n        <div class=\"cwhy-meta\">\r\n          <span>01<\/span>\r\n          <small>Scale<\/small>\r\n        <\/div>\r\n\r\n        <div class=\"cwhy-big-letter\">E<\/div>\r\n\r\n        <div class=\"cwhy-content\">\r\n          <span>Industrial Projects<\/span>\r\n\r\n          <h3>\r\n            Support for projects of any scale\r\n          <\/h3>\r\n\r\n          <p>\r\n            From specific applications to comprehensive solutions,\nfind product options that meet your project's specifications.\r\n          <\/p>\r\n\r\n          <a href=\"\/en\/contact\/\" class=\"cwhy-button\">\r\n            Request Guidance\r\n            <i aria-hidden=\"true\">\r\n              <svg viewbox=\"0 0 24 24\">\r\n                <path d=\"M7 17L17 7\"><\/path>\r\n                <path d=\"M8 7h9v9\"><\/path>\r\n              <\/svg>\r\n            <\/i>\r\n          <\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"cwhy-card\" tabindex=\"0\">\r\n        <div class=\"cwhy-image\">\r\n          <img decoding=\"async\" src=\"http:\/\/commerss.com\/wp-content\/uploads\/2026\/06\/Beneficio-2-scaled.jpg\" alt=\"\">\r\n        <\/div>\r\n\r\n        <div class=\"cwhy-overlay\"><\/div>\r\n\r\n        <div class=\"cwhy-meta\">\r\n          <span>02<\/span>\r\n          <small>Management<\/small>\r\n        <\/div>\r\n\r\n        <div class=\"cwhy-big-letter\">G<\/div>\r\n\r\n        <div class=\"cwhy-content\">\r\n          <span>Business Partner<\/span>\r\n\r\n          <h3>\r\n            A single point of contact\r\n          <\/h3>\r\n\r\n          <p>\r\n            We simplify supplier management, providing access to a broad\nnetwork of specialty brands\u2014all through a single business partner.\r\n          <\/p>\r\n\r\n          <a href=\"\/en\/contact\/\" class=\"cwhy-button\">\r\n            Request Guidance\r\n            <i aria-hidden=\"true\">\r\n              <svg viewbox=\"0 0 24 24\">\r\n                <path d=\"M7 17L17 7\"><\/path>\r\n                <path d=\"M8 7h9v9\"><\/path>\r\n              <\/svg>\r\n            <\/i>\r\n          <\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"cwhy-card\" tabindex=\"0\">\r\n        <div class=\"cwhy-image\">\r\n          <img decoding=\"async\" src=\"http:\/\/commerss.com\/wp-content\/uploads\/2026\/06\/Beneficio-3-scaled.jpg\" alt=\"\">\r\n        <\/div>\r\n\r\n        <div class=\"cwhy-overlay\"><\/div>\r\n\r\n        <div class=\"cwhy-meta\">\r\n          <span>03<\/span>\r\n          <small>Efficiency<\/small>\r\n        <\/div>\r\n\r\n        <div class=\"cwhy-big-letter\">C<\/div>\r\n\r\n        <div class=\"cwhy-content\">\r\n          <span>Purchasing Processes<\/span>\r\n\r\n          <h3>\r\n            Reduction in Administrative Costs\r\n          <\/h3>\r\n\r\n          <p>\r\n            Fewer suppliers to manage means more\nstreamlined purchasing processes and a lighter operational burden.\r\n          <\/p>\r\n\r\n          <a href=\"\/en\/contact\/\" class=\"cwhy-button\">\r\n            Request Guidance\r\n            <i aria-hidden=\"true\">\r\n              <svg viewbox=\"0 0 24 24\">\r\n                <path d=\"M7 17L17 7\"><\/path>\r\n                <path d=\"M8 7h9v9\"><\/path>\r\n              <\/svg>\r\n            <\/i>\r\n          <\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"cwhy-card\" tabindex=\"0\">\r\n        <div class=\"cwhy-image\">\r\n          <img decoding=\"async\" src=\"http:\/\/commerss.com\/wp-content\/uploads\/2026\/06\/Beneficio-4-scaled.jpg\" alt=\"\">\r\n        <\/div>\r\n\r\n        <div class=\"cwhy-overlay\"><\/div>\r\n\r\n        <div class=\"cwhy-meta\">\r\n          <span>04<\/span>\r\n          <small>Support<\/small>\r\n        <\/div>\r\n\r\n        <div class=\"cwhy-big-letter\">S<\/div>\r\n\r\n        <div class=\"cwhy-content\">\r\n          <span>Support and Guidance<\/span>\r\n\r\n          <h3>\r\n           Expert Guidance\r\n          <\/h3>\r\n\r\n          <p>\r\n            Get guidance to identify the best options\nbased on the requirements of each project.\r\n          <\/p>\r\n\r\n          <a href=\"\/en\/contact\/\" class=\"cwhy-button\">\r\n            Request Guidance\r\n            <i aria-hidden=\"true\">\r\n              <svg viewbox=\"0 0 24 24\">\r\n                <path d=\"M7 17L17 7\"><\/path>\r\n                <path d=\"M8 7h9v9\"><\/path>\r\n              <\/svg>\r\n            <\/i>\r\n          <\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<style>\r\n#commerss-benefits-section {\r\n  --cwhy-navy: #073f5b;\r\n  --cwhy-dark: #071923;\r\n  --cwhy-teal: #4ba6a6;\r\n  --cwhy-teal-light: #87d0cd;\r\n  --cwhy-text: #6a7d86;\r\n\r\n  width: 100%;\r\n  background:\r\n    radial-gradient(\r\n      circle at 88% 0%,\r\n      rgba(75, 166, 166, 0.12),\r\n      transparent 26%\r\n    ),\r\n    #ffffff;\r\n  color: var(--cwhy-navy);\r\n\r\n  font-family:\r\n    -apple-system,\r\n    BlinkMacSystemFont,\r\n    \"SF Pro Display\",\r\n    \"Segoe UI\",\r\n    sans-serif;\r\n}\r\n\r\n#commerss-benefits-section *,\r\n#commerss-benefits-section *::before,\r\n#commerss-benefits-section *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#commerss-benefits-section .cwhy-shell {\r\n  width: min(1280px, calc(100% - 48px));\r\n  margin: 0 auto;\r\n  padding: clamp(58px, 7vw, 96px) 0;\r\n}\r\n\r\n\/* ==================================================\r\n   T\u00cdTULO CENTRADO \u2014 P\u00c1GINA EMPRESA\r\n================================================== *\/\r\n\r\n#commerss-benefits-section .cwhy-title {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 100%;\r\n  margin-bottom: clamp(34px, 4.5vw, 58px);\r\n\r\n  text-align: center;\r\n}\r\n\r\n#commerss-benefits-section .cwhy-title h2 {\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  color: var(--cwhy-navy);\r\n\r\n  font-family: inherit;\r\n  font-size: clamp(44px, 5.4vw, 74px);\r\n  font-style: normal;\r\n  font-weight: 800;\r\n  line-height: 0.98;\r\n  letter-spacing: -0.055em;\r\n\r\n  text-align: center;\r\n  text-transform: none;\r\n}\r\n\r\n#commerss-benefits-section .cwhy-cards {\r\n  display: flex;\r\n  gap: 12px;\r\n  min-height: 510px;\r\n}\r\n\r\n#commerss-benefits-section .cwhy-card {\r\n  position: relative;\r\n  flex: 0.82;\r\n  min-width: 0;\r\n  min-height: 510px;\r\n  overflow: hidden;\r\n\r\n  display: flex;\r\n  align-items: flex-end;\r\n\r\n  padding: clamp(24px, 3vw, 36px);\r\n\r\n  border: 0;\r\n  border-radius: 24px;\r\n  background: #000000;\r\n  color: #ffffff;\r\n\r\n  isolation: isolate;\r\n  cursor: pointer;\r\n\r\n  box-shadow:\r\n    0 18px 45px rgba(7, 63, 91, 0.09);\r\n\r\n  transition:\r\n    flex 0.75s cubic-bezier(.22, .61, .36, 1),\r\n    transform 0.45s cubic-bezier(.22, .61, .36, 1),\r\n    box-shadow 0.45s ease;\r\n}\r\n\r\n#commerss-benefits-section .cwhy-card.is-active {\r\n  flex: 1.75;\r\n}\r\n\r\n#commerss-benefits-section .cwhy-card:not(.is-active) {\r\n  padding-left: clamp(20px, 2.1vw, 28px);\r\n  padding-right: clamp(20px, 2.1vw, 28px);\r\n}\r\n\r\n#commerss-benefits-section .cwhy-card:hover {\r\n  transform: translateY(-7px);\r\n  box-shadow:\r\n    0 18px 42px rgba(7, 63, 91, 0.14),\r\n    0 38px 90px rgba(7, 63, 91, 0.20);\r\n}\r\n\r\n#commerss-benefits-section .cwhy-image {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: -5;\r\n  overflow: hidden;\r\n}\r\n\r\n#commerss-benefits-section .cwhy-image img {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n\r\n  object-fit: cover;\r\n  object-position: center;\r\n\r\n  transform: scale(1.02);\r\n  filter: saturate(0.82) contrast(1.05);\r\n\r\n  transition:\r\n    transform 1.15s cubic-bezier(.22, .61, .36, 1),\r\n    filter 0.65s ease;\r\n}\r\n\r\n#commerss-benefits-section .cwhy-card:hover .cwhy-image img,\r\n#commerss-benefits-section .cwhy-card.is-active .cwhy-image img {\r\n  transform: scale(1.14);\r\n  filter: saturate(1.05) contrast(1.08);\r\n}\r\n\r\n#commerss-benefits-section .cwhy-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: -4;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(4, 17, 24, 0.10) 0%,\r\n      rgba(4, 17, 24, 0.44) 38%,\r\n      rgba(4, 17, 24, 0.88) 100%\r\n    ),\r\n    radial-gradient(\r\n      circle at 82% 12%,\r\n      rgba(75, 166, 166, 0.20),\r\n      transparent 34%\r\n    );\r\n\r\n  transition: background 0.45s ease;\r\n}\r\n\r\n#commerss-benefits-section .cwhy-card.is-active .cwhy-overlay,\r\n#commerss-benefits-section .cwhy-card:hover .cwhy-overlay {\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(4, 17, 24, 0.04) 0%,\r\n      rgba(4, 17, 24, 0.34) 38%,\r\n      rgba(4, 17, 24, 0.90) 100%\r\n    ),\r\n    radial-gradient(\r\n      circle at 82% 12%,\r\n      rgba(75, 166, 166, 0.36),\r\n      transparent 38%\r\n    );\r\n}\r\n\r\n#commerss-benefits-section .cwhy-card::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: -2;\r\n\r\n  background:\r\n    linear-gradient(\r\n      115deg,\r\n      transparent 20%,\r\n      rgba(255, 255, 255, 0.16) 46%,\r\n      transparent 70%\r\n    );\r\n\r\n  transform: translateX(-135%);\r\n  transition: transform 1s cubic-bezier(.22, .61, .36, 1);\r\n}\r\n\r\n#commerss-benefits-section .cwhy-card:hover::after,\r\n#commerss-benefits-section .cwhy-card.is-active::after {\r\n  transform: translateX(135%);\r\n}\r\n\r\n#commerss-benefits-section .cwhy-meta {\r\n  position: absolute;\r\n  top: 22px;\r\n  left: 22px;\r\n  right: 22px;\r\n  z-index: 4;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n}\r\n\r\n#commerss-benefits-section .cwhy-meta span,\r\n#commerss-benefits-section .cwhy-meta small {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  min-height: 30px;\r\n  padding: 0 13px;\r\n\r\n  border-radius: 999px;\r\n  background: rgba(255, 255, 255, 0.13);\r\n  color: rgba(255, 255, 255, 0.82);\r\n\r\n  font-size: 8px;\r\n  font-weight: 850;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n\r\n  backdrop-filter: blur(14px);\r\n  -webkit-backdrop-filter: blur(14px);\r\n}\r\n\r\n#commerss-benefits-section .cwhy-meta small {\r\n  max-width: 150px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n#commerss-benefits-section .cwhy-big-letter {\r\n  position: absolute;\r\n  right: -18px;\r\n  top: 38px;\r\n  z-index: -1;\r\n\r\n  color: rgba(255, 255, 255, 0.10);\r\n  font-size: clamp(160px, 16vw, 260px);\r\n  font-weight: 900;\r\n  line-height: 1;\r\n  letter-spacing: -0.12em;\r\n\r\n  opacity: 0;\r\n  transform: translateX(35px);\r\n\r\n  transition:\r\n    opacity 0.45s ease,\r\n    transform 0.55s cubic-bezier(.22, .61, .36, 1);\r\n}\r\n\r\n#commerss-benefits-section .cwhy-card.is-active .cwhy-big-letter,\r\n#commerss-benefits-section .cwhy-card:hover .cwhy-big-letter {\r\n  opacity: 1;\r\n  transform: translateX(0);\r\n}\r\n\r\n#commerss-benefits-section .cwhy-content {\r\n  position: relative;\r\n  z-index: 5;\r\n  max-width: 610px;\r\n}\r\n\r\n#commerss-benefits-section .cwhy-content > span {\r\n  display: block;\r\n  margin-bottom: 13px;\r\n\r\n  color: rgba(255, 255, 255, 0.58);\r\n  font-size: 9px;\r\n  font-weight: 850;\r\n  letter-spacing: 0.17em;\r\n  text-transform: uppercase;\r\n\r\n  opacity: 0;\r\n  transform: translateY(10px);\r\n\r\n  transition:\r\n    opacity 0.35s ease,\r\n    transform 0.4s ease;\r\n}\r\n\r\n#commerss-benefits-section .cwhy-content h3 {\r\n  max-width: 470px;\r\n  margin: 0;\r\n\r\n  color: #ffffff;\r\n  font-size: clamp(29px, 3.1vw, 48px);\r\n  font-weight: 850;\r\n  line-height: 1.04;\r\n  letter-spacing: -0.065em;\r\n\r\n  overflow: visible;\r\n  text-wrap: balance;\r\n\r\n  text-shadow: 0 16px 34px rgba(0, 0, 0, 0.36);\r\n\r\n  transition:\r\n    font-size 0.55s cubic-bezier(.22, .61, .36, 1),\r\n    max-width 0.55s ease,\r\n    letter-spacing 0.55s ease;\r\n}\r\n\r\n#commerss-benefits-section .cwhy-card:not(.is-active) .cwhy-content h3 {\r\n  width: 100%;\r\n  max-width: 100%;\r\n\r\n  font-size: clamp(22px, 1.8vw, 30px);\r\n  line-height: 1.08;\r\n  letter-spacing: -0.045em;\r\n\r\n  word-break: normal;\r\n  overflow-wrap: normal;\r\n}\r\n\r\n#commerss-benefits-section .cwhy-content p {\r\n  max-width: 580px;\r\n  margin: 16px 0 0;\r\n\r\n  color: rgba(255, 255, 255, 0.74);\r\n  font-size: 14px;\r\n  line-height: 1.55;\r\n\r\n  opacity: 0;\r\n  transform: translateY(12px);\r\n\r\n  transition:\r\n    opacity 0.35s ease,\r\n    transform 0.4s ease;\r\n}\r\n\r\n#commerss-benefits-section .cwhy-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n\r\n  min-height: 45px;\r\n  margin-top: 22px;\r\n  padding: 0 8px 0 18px;\r\n\r\n  border-radius: 999px;\r\n  background: #ffffff;\r\n  color: var(--cwhy-navy);\r\n\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  text-decoration: none;\r\n\r\n  opacity: 0;\r\n  transform: translateY(12px);\r\n\r\n  transition:\r\n    opacity 0.35s ease,\r\n    transform 0.4s ease,\r\n    background 0.3s ease,\r\n    color 0.3s ease;\r\n}\r\n\r\n#commerss-benefits-section .cwhy-button i {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 31px;\r\n  height: 31px;\r\n\r\n  border-radius: 50%;\r\n  background: var(--cwhy-teal);\r\n  color: #ffffff;\r\n\r\n  font-style: normal;\r\n\r\n  transition:\r\n    transform 0.28s ease,\r\n    background 0.28s ease;\r\n}\r\n\r\n#commerss-benefits-section .cwhy-button i svg {\r\n  width: 14px;\r\n  height: 14px;\r\n\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 2;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n#commerss-benefits-section .cwhy-card.is-active .cwhy-content > span,\r\n#commerss-benefits-section .cwhy-card.is-active .cwhy-content p,\r\n#commerss-benefits-section .cwhy-card.is-active .cwhy-button,\r\n#commerss-benefits-section .cwhy-card:hover .cwhy-content > span,\r\n#commerss-benefits-section .cwhy-card:hover .cwhy-content p,\r\n#commerss-benefits-section .cwhy-card:hover .cwhy-button {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n#commerss-benefits-section .cwhy-button:hover {\r\n  background: var(--cwhy-teal);\r\n  color: #ffffff;\r\n}\r\n\r\n#commerss-benefits-section .cwhy-button:hover i {\r\n  transform: translate(3px, -3px);\r\n  background: var(--cwhy-navy);\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 1100px) {\r\n#commerss-benefits-section .cwhy-cards {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    min-height: auto;\r\n  }\r\n\r\n  #commerss-benefits-section .cwhy-card,\r\n  #commerss-benefits-section .cwhy-card.is-active {\r\n    flex: none;\r\n    min-height: 430px;\r\n  }\r\n\r\n  #commerss-benefits-section .cwhy-content > span,\r\n  #commerss-benefits-section .cwhy-content p,\r\n  #commerss-benefits-section .cwhy-button {\r\n    opacity: 1;\r\n    transform: none;\r\n  }\r\n\r\n  #commerss-benefits-section .cwhy-card:not(.is-active) .cwhy-content h3 {\r\n    max-width: 470px;\r\n\r\n    font-size: clamp(29px, 3.1vw, 42px);\r\n    line-height: 1.04;\r\n    letter-spacing: -0.06em;\r\n  }\r\n\r\n  #commerss-benefits-section .cwhy-big-letter {\r\n    opacity: 1;\r\n    transform: none;\r\n  }\r\n}\r\n\r\n\/* M\u00d3VIL *\/\r\n\r\n@media (max-width: 767px) {\r\n  #commerss-benefits-section .cwhy-shell {\r\n    width: calc(100% - 28px);\r\n    padding: 56px 0;\r\n  }\r\n\r\n  #commerss-benefits-section .cwhy-title {\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  #commerss-benefits-section .cwhy-title h2 {\r\n    font-size: 44px;\r\n    line-height: 1;\r\n  }\r\n#commerss-benefits-section .cwhy-cards {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n  }\r\n\r\n  #commerss-benefits-section .cwhy-card,\r\n  #commerss-benefits-section .cwhy-card.is-active {\r\n    min-height: 390px;\r\n    padding: 28px 24px;\r\n    border-radius: 22px;\r\n  }\r\n\r\n  #commerss-benefits-section .cwhy-meta {\r\n    top: 18px;\r\n    left: 18px;\r\n    right: 18px;\r\n  }\r\n\r\n  #commerss-benefits-section .cwhy-content h3,\r\n  #commerss-benefits-section .cwhy-card:not(.is-active) .cwhy-content h3 {\r\n    font-size: 34px;\r\n    line-height: 1.05;\r\n    letter-spacing: -0.06em;\r\n  }\r\n\r\n  #commerss-benefits-section .cwhy-content p {\r\n    font-size: 14px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  const section = document.getElementById('commerss-benefits-section');\r\n\r\n  if (!section || section.dataset.ready === 'true') {\r\n    return;\r\n  }\r\n\r\n  section.dataset.ready = 'true';\r\n\r\n  const cards = Array.from(\r\n    section.querySelectorAll('.cwhy-card')\r\n  );\r\n\r\n  function setActiveCard(activeCard) {\r\n    cards.forEach(function (card) {\r\n      card.classList.toggle(\r\n        'is-active',\r\n        card === activeCard\r\n      );\r\n    });\r\n  }\r\n\r\n  cards.forEach(function (card) {\r\n    card.addEventListener('mouseenter', function () {\r\n      setActiveCard(card);\r\n    });\r\n\r\n    card.addEventListener('focus', function () {\r\n      setActiveCard(card);\r\n    });\r\n\r\n    card.addEventListener('click', function () {\r\n      setActiveCard(card);\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>SERVICIOS COMPLEMENTARIOS Complementa tu pedido. No solo suministramos equipos. Tambi\u00e9n te acompa\u00f1amos con servicios especializados para instalaci\u00f3n, traslado y manufactura metal-mec\u00e1nica. 01 INSTALACI\u00d3N INDUSTRIAL Instalaci\u00f3n de equipos industriales Te ayudamos con instalaciones mec\u00e1nicas, el\u00e9ctricas y puesta en marcha de los equipos. Solicitar servicio 02 FLETE Y LOG\u00cdSTICA Transporte especializado Coordinamos el traslado de equipos industriales, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-4475","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/commerss.com\/en\/wp-json\/wp\/v2\/pages\/4475","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/commerss.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/commerss.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/commerss.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/commerss.com\/en\/wp-json\/wp\/v2\/comments?post=4475"}],"version-history":[{"count":91,"href":"https:\/\/commerss.com\/en\/wp-json\/wp\/v2\/pages\/4475\/revisions"}],"predecessor-version":[{"id":5231,"href":"https:\/\/commerss.com\/en\/wp-json\/wp\/v2\/pages\/4475\/revisions\/5231"}],"wp:attachment":[{"href":"https:\/\/commerss.com\/en\/wp-json\/wp\/v2\/media?parent=4475"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}