{"id":202,"date":"2026-07-14T18:49:54","date_gmt":"2026-07-14T18:49:54","guid":{"rendered":"https:\/\/aliceblue-mallard-643626.hostingersite.com\/?page_id=202"},"modified":"2026-07-29T16:34:24","modified_gmt":"2026-07-29T16:34:24","slug":"compliance-hub","status":"publish","type":"page","link":"https:\/\/commerss.com\/en\/compliance-hub\/","title":{"rendered":"Compliance Hub"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"202\" class=\"elementor elementor-202\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb58f5b e-con e-atomic-element e-flexbox-base e-default-div e-ff1c21a \" data-id=\"eb58f5b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"eb58f5b\" data-e-type=\"e-flexbox\" data-id=\"eb58f5b\">\n    \t\t<div class=\"elementor-element elementor-element-aa58ae9 elementor-widget elementor-widget-html\" data-id=\"aa58ae9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section\r\n  id=\"commerss-compliance-hub\"\r\n  aria-label=\"Documentos de cumplimiento de Commerss\"\r\n>\r\n  <div class=\"cch-shell\">\r\n\r\n    <!-- ==========================================\r\n         ENCABEZADO\r\n    =========================================== -->\r\n    <header class=\"cch-header cch-reveal\">\r\n      <div class=\"cch-heading\">\r\n        <span class=\"cch-eyebrow\">\r\n          COMMERSS \u00b7 CUMPLIMIENTO\r\n        <\/span>\r\n\r\n        <h2>\r\n          Compliance<br>\r\n          Hub.\r\n        <\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"cch-header-copy\">\r\n        <p>\r\n          Consulta los documentos que reflejan nuestros principios,\r\n          compromisos y forma de actuar de manera responsable,\r\n          \u00e9tica y transparente.\r\n        <\/p>\r\n\r\n        <span class=\"cch-header-status\">\r\n          <i aria-hidden=\"true\"><\/i>\r\n          Documentaci\u00f3n corporativa\r\n        <\/span>\r\n      <\/div>\r\n    <\/header>\r\n\r\n    <!-- ==========================================\r\n         DOCUMENTOS\r\n    =========================================== -->\r\n    <div class=\"cch-documents\">\r\n\r\n      <!-- C\u00d3DIGO DE \u00c9TICA -->\r\n      <article class=\"cch-document cch-document--ethics cch-reveal\">\r\n\r\n        <div class=\"cch-document__visual\">\r\n\r\n          <div class=\"cch-visual-grid\" aria-hidden=\"true\"><\/div>\r\n\r\n          <span class=\"cch-document__index\">\r\n            01\r\n          <\/span>\r\n\r\n          <span class=\"cch-document__category\">\r\n            PRINCIPIOS Y CONDUCTA\r\n          <\/span>\r\n\r\n          <div class=\"cch-paper cch-paper--ethics\">\r\n            <div class=\"cch-paper__top\">\r\n              <span>COMMERSS<\/span>\r\n\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M12 3 5 6v5c0 4.8 2.8 8.1 7 10 4.2-1.9 7-5.2 7-10V6z\"><\/path>\r\n                <path d=\"m9 12 2 2 4-4\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"cch-paper__body\">\r\n              <small>\r\n                DOCUMENTO CORPORATIVO\r\n              <\/small>\r\n\r\n              <strong>\r\n                C\u00f3digo<br>\r\n                de \u00c9tica\r\n              <\/strong>\r\n\r\n              <div class=\"cch-paper__lines\" aria-hidden=\"true\">\r\n                <span><\/span>\r\n                <span><\/span>\r\n                <span><\/span>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"cch-paper__footer\">\r\n              <span>\u00c9TICA<\/span>\r\n              <span>01<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <button\r\n            class=\"cch-preview-button js-cch-open-pdf\"\r\n            type=\"button\"\r\n            data-title=\"C\u00f3digo de \u00c9tica\"\r\n            data-pdf=\"https:\/\/sycsa.com\/wp-content\/uploads\/2026\/06\/CODIGO-DE-ETICA-pdf.pdf\"\r\n          >\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6S2 12 2 12Z\"><\/path>\r\n              <circle cx=\"12\" cy=\"12\" r=\"2.8\"><\/circle>\r\n            <\/svg>\r\n\r\n            Vista previa\r\n          <\/button>\r\n        <\/div>\r\n\r\n        <div class=\"cch-document__content\">\r\n          <div>\r\n            <span class=\"cch-small-label\">\r\n              DOCUMENTO 01\r\n            <\/span>\r\n\r\n            <h3>\r\n              C\u00f3digo de \u00c9tica\r\n            <\/h3>\r\n\r\n            <p>\r\n              Principios, valores y lineamientos que orientan una conducta\r\n              profesional, responsable y transparente en todas nuestras\r\n              relaciones y actividades.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"cch-document__bottom\">\r\n            <div class=\"cch-document__meta\">\r\n              <span>\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M6 2h8l4 4v16H6z\"><\/path>\r\n                  <path d=\"M14 2v5h5\"><\/path>\r\n                <\/svg>\r\n\r\n                PDF\r\n              <\/span>\r\n\r\n              <span>\r\n                Documento vigente\r\n              <\/span>\r\n            <\/div>\r\n\r\n            <div class=\"cch-document__actions\">\r\n              <button\r\n                class=\"cch-button cch-button--primary js-cch-open-pdf\"\r\n                type=\"button\"\r\n                data-title=\"C\u00f3digo de \u00c9tica\"\r\n                data-pdf=\"https:\/\/sycsa.com\/wp-content\/uploads\/2026\/06\/CODIGO-DE-ETICA-pdf.pdf\"\r\n              >\r\n                Ver documento\r\n\r\n                <span>\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                <\/span>\r\n              <\/button>\r\n\r\n              <a\r\n                class=\"cch-button cch-button--secondary js-cch-download\"\r\n                href=\"https:\/\/sycsa.com\/wp-content\/uploads\/2026\/06\/CODIGO-DE-ETICA-pdf.pdf\"\r\n                target=\"_blank\"\r\n                rel=\"noopener\"\r\n                download\r\n                data-document=\"C\u00f3digo de \u00c9tica\"\r\n              >\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M12 3v12\"><\/path>\r\n                  <path d=\"m7 10 5 5 5-5\"><\/path>\r\n                  <path d=\"M5 21h14\"><\/path>\r\n                <\/svg>\r\n\r\n                Descargar\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- COMPROMISO SOCIAL -->\r\n      <article class=\"cch-document cch-document--social cch-reveal\">\r\n\r\n        <div class=\"cch-document__visual\">\r\n\r\n          <div class=\"cch-social-orbits\" aria-hidden=\"true\">\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n\r\n            <i class=\"cch-social-dot cch-social-dot--one\"><\/i>\r\n            <i class=\"cch-social-dot cch-social-dot--two\"><\/i>\r\n          <\/div>\r\n\r\n          <span class=\"cch-document__index\">\r\n            02\r\n          <\/span>\r\n\r\n          <span class=\"cch-document__category\">\r\n            RESPONSABILIDAD SOCIAL\r\n          <\/span>\r\n\r\n          <div class=\"cch-paper cch-paper--social\">\r\n            <div class=\"cch-paper__top\">\r\n              <span>COMMERSS<\/span>\r\n\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M12 21s-7-4.4-9.2-9.1C1.1 8.3 3.3 5 6.7 5c2 0 3.4 1.1 4.3 2.3C11.9 6.1 13.3 5 15.3 5c3.4 0 5.6 3.3 3.9 6.9C17 16.6 12 21 12 21Z\"><\/path>\r\n                <path d=\"M8 14h8\"><\/path>\r\n                <path d=\"M12 10v8\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"cch-paper__body\">\r\n              <small>\r\n                DOCUMENTO CORPORATIVO\r\n              <\/small>\r\n\r\n              <strong>\r\n                Compromiso<br>\r\n                Social\r\n              <\/strong>\r\n\r\n              <div class=\"cch-paper__lines\" aria-hidden=\"true\">\r\n                <span><\/span>\r\n                <span><\/span>\r\n                <span><\/span>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"cch-paper__footer\">\r\n              <span>COMUNIDAD<\/span>\r\n              <span>02<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <button\r\n            class=\"cch-preview-button js-cch-open-pdf\"\r\n            type=\"button\"\r\n            data-title=\"Compromiso Social\"\r\n            data-pdf=\"https:\/\/sycsa.com\/wp-content\/uploads\/2026\/07\/COMPROMISO-SOCIAL-1_compressed.pdf\"\r\n          >\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6S2 12 2 12Z\"><\/path>\r\n              <circle cx=\"12\" cy=\"12\" r=\"2.8\"><\/circle>\r\n            <\/svg>\r\n\r\n            Vista previa\r\n          <\/button>\r\n        <\/div>\r\n\r\n        <div class=\"cch-document__content\">\r\n          <div>\r\n            <span class=\"cch-small-label\">\r\n              DOCUMENTO 02\r\n            <\/span>\r\n\r\n            <h3>\r\n              Compromiso Social\r\n            <\/h3>\r\n\r\n            <p>\r\n              Acciones y principios que reflejan nuestro compromiso con\r\n              el desarrollo social, la comunidad y una operaci\u00f3n\r\n              responsable y consciente.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"cch-document__bottom\">\r\n            <div class=\"cch-document__meta\">\r\n              <span>\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M6 2h8l4 4v16H6z\"><\/path>\r\n                  <path d=\"M14 2v5h5\"><\/path>\r\n                <\/svg>\r\n\r\n                PDF\r\n              <\/span>\r\n\r\n              <span>\r\n                Documento vigente\r\n              <\/span>\r\n            <\/div>\r\n\r\n            <div class=\"cch-document__actions\">\r\n              <button\r\n                class=\"cch-button cch-button--primary js-cch-open-pdf\"\r\n                type=\"button\"\r\n                data-title=\"Compromiso Social\"\r\n                data-pdf=\"https:\/\/sycsa.com\/wp-content\/uploads\/2026\/07\/COMPROMISO-SOCIAL-1_compressed.pdf\"\r\n              >\r\n                Ver documento\r\n\r\n                <span>\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                <\/span>\r\n              <\/button>\r\n\r\n              <a\r\n                class=\"cch-button cch-button--secondary js-cch-download\"\r\n                href=\"https:\/\/sycsa.com\/wp-content\/uploads\/2026\/07\/COMPROMISO-SOCIAL-1_compressed.pdf\"\r\n                target=\"_blank\"\r\n                rel=\"noopener\"\r\n                download\r\n                data-document=\"Compromiso Social\"\r\n              >\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M12 3v12\"><\/path>\r\n                  <path d=\"m7 10 5 5 5-5\"><\/path>\r\n                  <path d=\"M5 21h14\"><\/path>\r\n                <\/svg>\r\n\r\n                Descargar\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <!-- ==========================================\r\n         CTA\r\n    =========================================== -->\r\n    <div class=\"cch-cta cch-reveal\">\r\n      <div class=\"cch-cta__copy\">\r\n        <span>\r\n          INFORMACI\u00d3N ADICIONAL\r\n        <\/span>\r\n\r\n        <h3>\r\n          \u00bfNecesitas consultar otro documento?\r\n        <\/h3>\r\n\r\n        <p>\r\n          Nuestro equipo puede ayudarte con informaci\u00f3n relacionada\r\n          con nuestras pol\u00edticas, compromisos y procesos corporativos.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <a href=\"\/contacto\/\" class=\"cch-cta__button\">\r\n        Contactar a Commerss\r\n\r\n        <span>\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        <\/span>\r\n      <\/a>\r\n\r\n      <div class=\"cch-cta__decoration\" aria-hidden=\"true\">\r\n        <i><\/i>\r\n        <i><\/i>\r\n        <i><\/i>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ==========================================\r\n     MODAL PDF\r\n=========================================== -->\r\n<div\r\n  id=\"commerss-compliance-modal\"\r\n  class=\"cch-modal\"\r\n  role=\"dialog\"\r\n  aria-modal=\"true\"\r\n  aria-hidden=\"true\"\r\n  aria-labelledby=\"cch-modal-title\"\r\n>\r\n  <div\r\n    class=\"cch-modal__backdrop\"\r\n    data-cch-close\r\n  ><\/div>\r\n\r\n  <div class=\"cch-modal__dialog\">\r\n\r\n    <header class=\"cch-modal__header\">\r\n      <div>\r\n        <span>\r\n          VISTA PREVIA\r\n        <\/span>\r\n\r\n        <h2 id=\"cch-modal-title\">\r\n          Documento\r\n        <\/h2>\r\n      <\/div>\r\n\r\n      <button\r\n        class=\"cch-modal__close\"\r\n        type=\"button\"\r\n        aria-label=\"Cerrar documento\"\r\n        data-cch-close\r\n      >\r\n        <span><\/span>\r\n        <span><\/span>\r\n      <\/button>\r\n    <\/header>\r\n\r\n    <div class=\"cch-modal__body\">\r\n      <iframe\r\n        id=\"cch-pdf-frame\"\r\n        src=\"\"\r\n        title=\"Vista previa del documento PDF\"\r\n      ><\/iframe>\r\n\r\n      <div class=\"cch-modal__fallback\">\r\n        <span>\r\n          \u00bfEl documento no se muestra correctamente?\r\n        <\/span>\r\n\r\n        <a\r\n          id=\"cch-open-new-tab\"\r\n          href=\"#\"\r\n          target=\"_blank\"\r\n          rel=\"noopener\"\r\n        >\r\n          Abrir PDF en una pesta\u00f1a nueva\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* ==================================================\r\n   VARIABLES\r\n================================================== *\/\r\n\r\n#commerss-compliance-hub,\r\n#commerss-compliance-modal {\r\n  --cch-navy: #063f5b;\r\n  --cch-dark: #052f43;\r\n  --cch-deep: #031f2d;\r\n  --cch-teal: #4ba6a6;\r\n  --cch-teal-light: #82cecb;\r\n  --cch-text: #657984;\r\n  --cch-soft: #f5f5f7;\r\n  --cch-border: rgba(6, 63, 91, 0.1);\r\n  --cch-white: #ffffff;\r\n  --cch-radius: 30px;\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-compliance-hub *,\r\n#commerss-compliance-hub *::before,\r\n#commerss-compliance-hub *::after,\r\n#commerss-compliance-modal *,\r\n#commerss-compliance-modal *::before,\r\n#commerss-compliance-modal *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\nbody.cch-modal-open {\r\n  overflow: hidden;\r\n}\r\n\r\n\/* ==================================================\r\n   SECCI\u00d3N\r\n================================================== *\/\r\n\r\n#commerss-compliance-hub {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n  overflow: hidden;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 94% 2%,\r\n      rgba(75, 166, 166, 0.13),\r\n      transparent 25%\r\n    ),\r\n    radial-gradient(\r\n      circle at 4% 70%,\r\n      rgba(75, 166, 166, 0.07),\r\n      transparent 26%\r\n    ),\r\n    #ffffff;\r\n\r\n  color: var(--cch-navy);\r\n}\r\n\r\n#commerss-compliance-hub .cch-shell {\r\n  width: min(1400px, calc(100% - 48px));\r\n  margin: 0 auto;\r\n\r\n  padding:\r\n    clamp(75px, 8vw, 125px)\r\n    0\r\n    clamp(75px, 8vw, 115px);\r\n}\r\n\r\n\/* ==================================================\r\n   ENCABEZADO\r\n================================================== *\/\r\n\r\n#commerss-compliance-hub .cch-header {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0, 1.45fr)\r\n    minmax(300px, 0.65fr);\r\n\r\n  align-items: end;\r\n\r\n  gap: clamp(45px, 8vw, 120px);\r\n\r\n  margin-bottom: 48px;\r\n}\r\n\r\n#commerss-compliance-hub .cch-eyebrow {\r\n  display: block;\r\n\r\n  margin-bottom: 15px;\r\n\r\n  color: var(--cch-teal);\r\n\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.15em;\r\n}\r\n\r\n#commerss-compliance-hub .cch-heading h2 {\r\n  margin: 0;\r\n\r\n  color: var(--cch-navy);\r\n\r\n  font-size: clamp(48px, 5.5vw, 82px);\r\n  font-weight: 650;\r\n  line-height: 0.94;\r\n  letter-spacing: -0.06em;\r\n}\r\n\r\n#commerss-compliance-hub .cch-header-copy p {\r\n  margin: 0;\r\n\r\n  color: var(--cch-text);\r\n\r\n  font-size: clamp(16px, 1.25vw, 19px);\r\n  line-height: 1.65;\r\n}\r\n\r\n#commerss-compliance-hub .cch-header-status {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 11px;\r\n\r\n  margin-top: 22px;\r\n\r\n  color: var(--cch-navy);\r\n\r\n  font-size: 11px;\r\n  font-weight: 650;\r\n  letter-spacing: 0.07em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#commerss-compliance-hub .cch-header-status i {\r\n  position: relative;\r\n\r\n  display: block;\r\n\r\n  width: 8px;\r\n  height: 8px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: var(--cch-teal);\r\n\r\n  box-shadow:\r\n    0 0 0 6px rgba(75, 166, 166, 0.11);\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-header-status i::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  inset: -6px;\r\n\r\n  border: 1px solid var(--cch-teal);\r\n  border-radius: 50%;\r\n\r\n  animation: cchPulse 2.2s infinite;\r\n}\r\n\r\n@keyframes cchPulse {\r\n  0% {\r\n    opacity: 0.7;\r\n    transform: scale(0.65);\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\/* ==================================================\r\n   GRID DE DOCUMENTOS\r\n================================================== *\/\r\n\r\n#commerss-compliance-hub .cch-documents {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(2, minmax(0, 1fr));\r\n\r\n  gap: 17px;\r\n}\r\n\r\n\/* ==================================================\r\n   TARJETA\r\n================================================== *\/\r\n\r\n#commerss-compliance-hub .cch-document {\r\n  min-width: 0;\r\n  overflow: hidden;\r\n\r\n  border: 1px solid var(--cch-border);\r\n  border-radius: var(--cch-radius);\r\n\r\n  background: #ffffff;\r\n\r\n  box-shadow:\r\n    0 3px 9px rgba(6, 63, 91, 0.025),\r\n    0 18px 45px rgba(6, 63, 91, 0.055);\r\n\r\n  transition:\r\n    transform 0.55s cubic-bezier(.22, .61, .36, 1),\r\n    box-shadow 0.55s ease,\r\n    border-color 0.45s ease;\r\n}\r\n\r\n#commerss-compliance-hub .cch-document:hover {\r\n  z-index: 3;\r\n\r\n  transform: translateY(-8px);\r\n\r\n  border-color: rgba(75, 166, 166, 0.3);\r\n\r\n  box-shadow:\r\n    0 15px 35px rgba(6, 63, 91, 0.09),\r\n    0 36px 75px rgba(6, 63, 91, 0.13);\r\n}\r\n\r\n\/* ==================================================\r\n   PARTE VISUAL\r\n================================================== *\/\r\n\r\n#commerss-compliance-hub .cch-document__visual {\r\n  position: relative;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  min-height: 430px;\r\n  overflow: hidden;\r\n  padding: 56px 35px 38px;\r\n\r\n  isolation: isolate;\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-document--ethics\r\n.cch-document__visual {\r\n  background:\r\n    radial-gradient(\r\n      circle at 90% 5%,\r\n      rgba(130, 206, 203, 0.29),\r\n      transparent 33%\r\n    ),\r\n    linear-gradient(\r\n      145deg,\r\n      var(--cch-navy),\r\n      var(--cch-deep)\r\n    );\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-document--social\r\n.cch-document__visual {\r\n  background:\r\n    radial-gradient(\r\n      circle at 12% 10%,\r\n      rgba(255, 255, 255, 0.48),\r\n      transparent 31%\r\n    ),\r\n    linear-gradient(\r\n      145deg,\r\n      #d9f0ee,\r\n      #7fc8c5\r\n    );\r\n}\r\n\r\n#commerss-compliance-hub .cch-document__index {\r\n  position: absolute;\r\n  top: 27px;\r\n  left: 29px;\r\n  z-index: 5;\r\n\r\n  color: rgba(255, 255, 255, 0.58);\r\n\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.13em;\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-document--social\r\n.cch-document__index {\r\n  color: rgba(6, 63, 91, 0.47);\r\n}\r\n\r\n#commerss-compliance-hub .cch-document__category {\r\n  position: absolute;\r\n  top: 27px;\r\n  right: 29px;\r\n  z-index: 5;\r\n\r\n  color: rgba(255, 255, 255, 0.68);\r\n\r\n  font-size: 9px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.13em;\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-document--social\r\n.cch-document__category {\r\n  color: rgba(6, 63, 91, 0.55);\r\n}\r\n\r\n\/* CUADR\u00cdCULA DE FONDO *\/\r\n\r\n#commerss-compliance-hub .cch-visual-grid {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: -1;\r\n\r\n  opacity: 0.13;\r\n\r\n  background-image:\r\n    linear-gradient(\r\n      rgba(255, 255, 255, 0.35) 1px,\r\n      transparent 1px\r\n    ),\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255, 255, 255, 0.35) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size: 38px 38px;\r\n\r\n  mask-image:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(0, 0, 0, 0.8),\r\n      transparent 76%\r\n    );\r\n}\r\n\r\n\/* \u00d3RBITAS *\/\r\n\r\n#commerss-compliance-hub .cch-social-orbits {\r\n  position: absolute;\r\n\r\n  top: -75px;\r\n  right: -60px;\r\n\r\n  width: 275px;\r\n  height: 275px;\r\n\r\n  z-index: -1;\r\n\r\n  opacity: 0.34;\r\n\r\n  transition:\r\n    transform 1.1s cubic-bezier(.22, .61, .36, 1);\r\n}\r\n\r\n#commerss-compliance-hub .cch-social-orbits span {\r\n  position: absolute;\r\n\r\n  border: 1px solid rgba(6, 63, 91, 0.35);\r\n  border-radius: 50%;\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-social-orbits span:nth-child(1) {\r\n  inset: 0;\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-social-orbits span:nth-child(2) {\r\n  inset: 41px;\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-social-orbits span:nth-child(3) {\r\n  inset: 82px;\r\n}\r\n\r\n#commerss-compliance-hub .cch-social-dot {\r\n  position: absolute;\r\n\r\n  width: 9px;\r\n  height: 9px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: var(--cch-navy);\r\n\r\n  box-shadow:\r\n    0 0 0 7px rgba(6, 63, 91, 0.08);\r\n}\r\n\r\n#commerss-compliance-hub .cch-social-dot--one {\r\n  top: 66px;\r\n  left: 25px;\r\n}\r\n\r\n#commerss-compliance-hub .cch-social-dot--two {\r\n  right: 24px;\r\n  bottom: 83px;\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-document--social:hover\r\n.cch-social-orbits {\r\n  transform: rotate(13deg) scale(1.05);\r\n}\r\n\r\n\/* ==================================================\r\n   PORTADA CSS\r\n================================================== *\/\r\n\r\n#commerss-compliance-hub .cch-paper {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  width: min(325px, 76%);\r\n  min-height: 335px;\r\n  padding: 28px;\r\n\r\n  border-radius: 4px;\r\n\r\n  transform:\r\n    perspective(1000px)\r\n    rotateY(-2deg)\r\n    rotateX(1deg);\r\n\r\n  transition:\r\n    transform 0.7s cubic-bezier(.22, .61, .36, 1),\r\n    box-shadow 0.7s ease;\r\n}\r\n\r\n#commerss-compliance-hub .cch-paper--ethics {\r\n  border: 1px solid rgba(255, 255, 255, 0.38);\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 90% 5%,\r\n      rgba(130, 206, 203, 0.17),\r\n      transparent 29%\r\n    ),\r\n    linear-gradient(\r\n      155deg,\r\n      #ffffff,\r\n      #edf4f5\r\n    );\r\n\r\n  color: var(--cch-navy);\r\n\r\n  box-shadow:\r\n    0 28px 60px rgba(0, 0, 0, 0.27);\r\n}\r\n\r\n#commerss-compliance-hub .cch-paper--social {\r\n  border: 1px solid rgba(255, 255, 255, 0.48);\r\n\r\n  background:\r\n    linear-gradient(\r\n      155deg,\r\n      var(--cch-navy),\r\n      var(--cch-deep)\r\n    );\r\n\r\n  color: #ffffff;\r\n\r\n  box-shadow:\r\n    0 28px 60px rgba(6, 63, 91, 0.26);\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-document:hover\r\n.cch-paper {\r\n  transform:\r\n    perspective(1000px)\r\n    rotateY(0)\r\n    rotateX(0)\r\n    translateY(-7px)\r\n    scale(1.025);\r\n}\r\n\r\n#commerss-compliance-hub .cch-paper__top {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\r\n  padding-bottom: 22px;\r\n\r\n  border-bottom: 1px solid rgba(6, 63, 91, 0.13);\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-paper--social\r\n.cch-paper__top {\r\n  border-color: rgba(255, 255, 255, 0.16);\r\n}\r\n\r\n#commerss-compliance-hub .cch-paper__top span {\r\n  font-size: 11px;\r\n  font-weight: 750;\r\n  letter-spacing: 0.16em;\r\n}\r\n\r\n#commerss-compliance-hub .cch-paper__top svg {\r\n  width: 29px;\r\n  height: 29px;\r\n\r\n  fill: none;\r\n  stroke: var(--cch-teal);\r\n  stroke-width: 1.5;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-paper--social\r\n.cch-paper__top svg {\r\n  stroke: var(--cch-teal-light);\r\n}\r\n\r\n#commerss-compliance-hub .cch-paper__body {\r\n  flex: 1;\r\n\r\n  padding-top: 54px;\r\n}\r\n\r\n#commerss-compliance-hub .cch-paper__body small {\r\n  display: block;\r\n\r\n  margin-bottom: 13px;\r\n\r\n  color: var(--cch-teal);\r\n\r\n  font-size: 8px;\r\n  font-weight: 750;\r\n  letter-spacing: 0.16em;\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-paper--social\r\n.cch-paper__body small {\r\n  color: var(--cch-teal-light);\r\n}\r\n\r\n#commerss-compliance-hub .cch-paper__body strong {\r\n  display: block;\r\n\r\n  font-size: clamp(31px, 3vw, 42px);\r\n  font-weight: 620;\r\n  line-height: 0.95;\r\n  letter-spacing: -0.05em;\r\n}\r\n\r\n#commerss-compliance-hub .cch-paper__lines {\r\n  display: grid;\r\n  gap: 7px;\r\n\r\n  width: 90px;\r\n  margin-top: 28px;\r\n}\r\n\r\n#commerss-compliance-hub .cch-paper__lines span {\r\n  display: block;\r\n\r\n  height: 2px;\r\n\r\n  background: rgba(6, 63, 91, 0.13);\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-paper--social\r\n.cch-paper__lines span {\r\n  background: rgba(255, 255, 255, 0.17);\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-paper__lines span:nth-child(2) {\r\n  width: 70%;\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-paper__lines span:nth-child(3) {\r\n  width: 42%;\r\n}\r\n\r\n#commerss-compliance-hub .cch-paper__footer {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\r\n  padding-top: 18px;\r\n\r\n  border-top: 1px solid rgba(6, 63, 91, 0.13);\r\n\r\n  font-size: 8px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.13em;\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-paper--social\r\n.cch-paper__footer {\r\n  border-color: rgba(255, 255, 255, 0.16);\r\n}\r\n\r\n\/* ==================================================\r\n   BOT\u00d3N VISTA PREVIA\r\n================================================== *\/\r\n\r\n#commerss-compliance-hub .cch-preview-button {\r\n  position: absolute;\r\n  z-index: 6;\r\n\r\n  left: 50%;\r\n  bottom: 27px;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n\r\n  min-height: 48px;\r\n  padding: 0 19px;\r\n\r\n  border: 1px solid rgba(255, 255, 255, 0.4);\r\n  border-radius: 999px;\r\n\r\n  background: rgba(3, 31, 45, 0.72);\r\n  color: #ffffff;\r\n\r\n  font-family: inherit;\r\n  font-size: 12px;\r\n  font-weight: 650;\r\n\r\n  cursor: pointer;\r\n\r\n  opacity: 0;\r\n\r\n  transform:\r\n    translate(-50%, 13px);\r\n\r\n  backdrop-filter: blur(13px);\r\n  -webkit-backdrop-filter: blur(13px);\r\n\r\n  transition:\r\n    opacity 0.35s ease,\r\n    transform 0.35s ease,\r\n    background 0.3s ease;\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-document:hover\r\n.cch-preview-button {\r\n  opacity: 1;\r\n\r\n  transform:\r\n    translate(-50%, 0);\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-preview-button:hover {\r\n  background: var(--cch-teal);\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-preview-button svg {\r\n  width: 18px;\r\n  height: 18px;\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\r\n\/* ==================================================\r\n   CONTENIDO\r\n================================================== *\/\r\n\r\n#commerss-compliance-hub .cch-document__content {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n\r\n  min-height: 400px;\r\n  padding: clamp(29px, 4vw, 43px);\r\n}\r\n\r\n#commerss-compliance-hub .cch-small-label {\r\n  display: block;\r\n\r\n  margin-bottom: 12px;\r\n\r\n  color: var(--cch-teal);\r\n\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.14em;\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-document__content h3 {\r\n  margin: 0;\r\n\r\n  color: var(--cch-navy);\r\n\r\n  font-size: clamp(31px, 3vw, 45px);\r\n  font-weight: 620;\r\n  line-height: 1;\r\n  letter-spacing: -0.05em;\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-document__content p {\r\n  max-width: 570px;\r\n\r\n  margin: 19px 0 0;\r\n\r\n  color: var(--cch-text);\r\n\r\n  font-size: 15px;\r\n  line-height: 1.68;\r\n}\r\n\r\n#commerss-compliance-hub .cch-document__bottom {\r\n  margin-top: 35px;\r\n}\r\n\r\n#commerss-compliance-hub .cch-document__meta {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 11px 22px;\r\n\r\n  margin-bottom: 25px;\r\n  padding-top: 20px;\r\n\r\n  border-top: 1px solid var(--cch-border);\r\n\r\n  color: var(--cch-text);\r\n\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-document__meta span {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-document__meta svg {\r\n  width: 15px;\r\n  height: 15px;\r\n\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 1.6;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\/* ==================================================\r\n   ACCIONES\r\n================================================== *\/\r\n\r\n#commerss-compliance-hub .cch-document__actions {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 9px;\r\n}\r\n\r\n#commerss-compliance-hub .cch-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 12px;\r\n\r\n  min-height: 54px;\r\n  padding: 0 18px;\r\n\r\n  border-radius: 999px;\r\n\r\n  font-family: inherit;\r\n  font-size: 13px;\r\n  font-weight: 650;\r\n  line-height: 1;\r\n  text-decoration: none;\r\n\r\n  cursor: pointer;\r\n\r\n  transition:\r\n    transform 0.3s ease,\r\n    background 0.3s ease,\r\n    color 0.3s ease,\r\n    border-color 0.3s ease;\r\n}\r\n\r\n#commerss-compliance-hub .cch-button:hover {\r\n  transform: translateY(-3px);\r\n}\r\n\r\n#commerss-compliance-hub .cch-button--primary {\r\n  padding-right: 7px;\r\n\r\n  border: 1px solid var(--cch-navy);\r\n\r\n  background: var(--cch-navy);\r\n  color: #ffffff;\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-button--primary > span {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 40px;\r\n  height: 40px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: var(--cch-teal);\r\n  color: #ffffff;\r\n\r\n  transition:\r\n    transform 0.35s ease,\r\n    background 0.3s ease;\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-button--primary:hover {\r\n  background: var(--cch-teal);\r\n  border-color: var(--cch-teal);\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-button--primary:hover > span {\r\n  transform: rotate(5deg) scale(1.07);\r\n\r\n  background: var(--cch-navy);\r\n}\r\n\r\n#commerss-compliance-hub .cch-button--secondary {\r\n  border: 1px solid var(--cch-border);\r\n\r\n  background: var(--cch-soft);\r\n  color: var(--cch-navy);\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-button--secondary:hover {\r\n  border-color: rgba(75, 166, 166, 0.32);\r\n\r\n  background: rgba(75, 166, 166, 0.12);\r\n}\r\n\r\n#commerss-compliance-hub .cch-button svg {\r\n  width: 18px;\r\n  height: 18px;\r\n\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 1.8;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\/* ==================================================\r\n   CTA\r\n================================================== *\/\r\n\r\n#commerss-compliance-hub .cch-cta {\r\n  position: relative;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\r\n  gap: 45px;\r\n\r\n  margin-top: 17px;\r\n  padding: clamp(34px, 5vw, 60px);\r\n\r\n  overflow: hidden;\r\n\r\n  border-radius: var(--cch-radius);\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 92% 2%,\r\n      rgba(130, 206, 203, 0.32),\r\n      transparent 34%\r\n    ),\r\n    linear-gradient(\r\n      145deg,\r\n      var(--cch-navy),\r\n      var(--cch-deep)\r\n    );\r\n\r\n  color: #ffffff;\r\n\r\n  box-shadow:\r\n    0 15px 35px rgba(6, 63, 91, 0.1),\r\n    0 36px 75px rgba(6, 63, 91, 0.11);\r\n}\r\n\r\n#commerss-compliance-hub .cch-cta__copy {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  max-width: 720px;\r\n}\r\n\r\n#commerss-compliance-hub .cch-cta__copy > span {\r\n  display: block;\r\n\r\n  margin-bottom: 13px;\r\n\r\n  color: var(--cch-teal-light);\r\n\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.14em;\r\n}\r\n\r\n#commerss-compliance-hub .cch-cta h3 {\r\n  margin: 0;\r\n\r\n  color: #ffffff;\r\n\r\n  font-size: clamp(30px, 3.4vw, 48px);\r\n  font-weight: 620;\r\n  line-height: 1;\r\n  letter-spacing: -0.05em;\r\n}\r\n\r\n#commerss-compliance-hub .cch-cta p {\r\n  max-width: 650px;\r\n\r\n  margin: 17px 0 0;\r\n\r\n  color: rgba(255, 255, 255, 0.68);\r\n\r\n  font-size: 14px;\r\n  line-height: 1.65;\r\n}\r\n\r\n#commerss-compliance-hub .cch-cta__button {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  display: inline-flex;\r\n  flex: 0 0 auto;\r\n  align-items: center;\r\n  gap: 16px;\r\n\r\n  min-height: 56px;\r\n  padding: 0 7px 0 22px;\r\n\r\n  border-radius: 999px;\r\n\r\n  background: #ffffff;\r\n  color: var(--cch-navy);\r\n\r\n  font-size: 13px;\r\n  font-weight: 650;\r\n  text-decoration: none;\r\n\r\n  transition:\r\n    transform 0.3s ease,\r\n    background 0.3s ease,\r\n    color 0.3s ease;\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-cta__button > span {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 42px;\r\n  height: 42px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: var(--cch-teal);\r\n  color: #ffffff;\r\n\r\n  transition:\r\n    transform 0.35s ease,\r\n    background 0.3s ease;\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-cta__button:hover {\r\n  transform: translateY(-3px);\r\n\r\n  background: var(--cch-teal);\r\n  color: #ffffff;\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-cta__button:hover > span {\r\n  transform: rotate(5deg) scale(1.07);\r\n\r\n  background: var(--cch-navy);\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-cta__button svg {\r\n  width: 19px;\r\n  height: 19px;\r\n\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 1.8;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n#commerss-compliance-hub .cch-cta__decoration {\r\n  position: absolute;\r\n\r\n  top: -85px;\r\n  right: -75px;\r\n\r\n  width: 310px;\r\n  height: 310px;\r\n\r\n  opacity: 0.16;\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-cta__decoration i {\r\n  position: absolute;\r\n\r\n  border: 1px solid #ffffff;\r\n  border-radius: 50%;\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-cta__decoration i:nth-child(1) {\r\n  inset: 0;\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-cta__decoration i:nth-child(2) {\r\n  inset: 50px;\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-cta__decoration i:nth-child(3) {\r\n  inset: 101px;\r\n}\r\n\r\n\/* ==================================================\r\n   ANIMACI\u00d3N DE ENTRADA\r\n================================================== *\/\r\n\r\n#commerss-compliance-hub .cch-reveal {\r\n  opacity: 0;\r\n\r\n  transform: translateY(28px);\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-reveal.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    box-shadow 0.55s ease,\r\n    border-color 0.45s ease;\r\n}\r\n\r\n#commerss-compliance-hub\r\n.cch-document:nth-child(2).is-visible {\r\n  transition-delay: 0.1s;\r\n}\r\n\r\n\/* ==================================================\r\n   MODAL\r\n================================================== *\/\r\n\r\n#commerss-compliance-modal {\r\n  position: fixed;\r\n  inset: 0;\r\n  z-index: 999999;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  padding: 24px;\r\n\r\n  visibility: hidden;\r\n  opacity: 0;\r\n\r\n  transition:\r\n    opacity 0.25s ease,\r\n    visibility 0.25s ease;\r\n}\r\n\r\n#commerss-compliance-modal.is-open {\r\n  visibility: visible;\r\n  opacity: 1;\r\n}\r\n\r\n#commerss-compliance-modal .cch-modal__backdrop {\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  background: rgba(3, 20, 29, 0.88);\r\n\r\n  backdrop-filter: blur(8px);\r\n  -webkit-backdrop-filter: blur(8px);\r\n}\r\n\r\n#commerss-compliance-modal .cch-modal__dialog {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  width: min(1150px, 100%);\r\n  height: min(90vh, 850px);\r\n\r\n  overflow: hidden;\r\n\r\n  border: 1px solid rgba(255, 255, 255, 0.14);\r\n  border-radius: 25px;\r\n\r\n  background: #ffffff;\r\n\r\n  box-shadow:\r\n    0 35px 120px rgba(0, 0, 0, 0.48);\r\n\r\n  transform:\r\n    translateY(18px)\r\n    scale(0.985);\r\n\r\n  transition:\r\n    transform 0.3s ease;\r\n}\r\n\r\n#commerss-compliance-modal.is-open\r\n.cch-modal__dialog {\r\n  transform:\r\n    translateY(0)\r\n    scale(1);\r\n}\r\n\r\n#commerss-compliance-modal .cch-modal__header {\r\n  display: flex;\r\n  flex: 0 0 auto;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\r\n  gap: 20px;\r\n\r\n  min-height: 78px;\r\n  padding: 14px 18px 14px 25px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 90% 0%,\r\n      rgba(130, 206, 203, 0.25),\r\n      transparent 35%\r\n    ),\r\n    linear-gradient(\r\n      145deg,\r\n      var(--cch-navy),\r\n      var(--cch-deep)\r\n    );\r\n}\r\n\r\n#commerss-compliance-modal\r\n.cch-modal__header > div {\r\n  min-width: 0;\r\n}\r\n\r\n#commerss-compliance-modal\r\n.cch-modal__header span {\r\n  display: block;\r\n\r\n  margin-bottom: 4px;\r\n\r\n  color: var(--cch-teal-light);\r\n\r\n  font-size: 9px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.15em;\r\n}\r\n\r\n#commerss-compliance-modal\r\n.cch-modal__header h2 {\r\n  margin: 0;\r\n\r\n  color: #ffffff;\r\n\r\n  font-size: 19px;\r\n  font-weight: 620;\r\n  line-height: 1.25;\r\n}\r\n\r\n#commerss-compliance-modal .cch-modal__close {\r\n  position: relative;\r\n\r\n  flex: 0 0 auto;\r\n\r\n  width: 46px;\r\n  height: 46px;\r\n  padding: 0;\r\n\r\n  border: 1px solid rgba(255, 255, 255, 0.22);\r\n  border-radius: 50%;\r\n\r\n  background: rgba(255, 255, 255, 0.09);\r\n\r\n  cursor: pointer;\r\n\r\n  transition:\r\n    transform 0.3s ease,\r\n    background 0.3s ease;\r\n}\r\n\r\n#commerss-compliance-modal\r\n.cch-modal__close:hover {\r\n  transform: rotate(5deg) scale(1.06);\r\n\r\n  background: var(--cch-teal);\r\n}\r\n\r\n#commerss-compliance-modal\r\n.cch-modal__close span {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n\r\n  width: 17px;\r\n  height: 1.5px;\r\n  margin: 0;\r\n\r\n  background: #ffffff;\r\n}\r\n\r\n#commerss-compliance-modal\r\n.cch-modal__close span:first-child {\r\n  transform:\r\n    translate(-50%, -50%)\r\n    rotate(45deg);\r\n}\r\n\r\n#commerss-compliance-modal\r\n.cch-modal__close span:last-child {\r\n  transform:\r\n    translate(-50%, -50%)\r\n    rotate(-45deg);\r\n}\r\n\r\n#commerss-compliance-modal .cch-modal__body {\r\n  display: flex;\r\n  flex: 1;\r\n  flex-direction: column;\r\n\r\n  min-height: 0;\r\n\r\n  background: #dde4e7;\r\n}\r\n\r\n#commerss-compliance-modal #cch-pdf-frame {\r\n  display: block;\r\n  flex: 1;\r\n\r\n  width: 100%;\r\n  min-height: 0;\r\n\r\n  border: 0;\r\n\r\n  background: #dde4e7;\r\n}\r\n\r\n#commerss-compliance-modal .cch-modal__fallback {\r\n  display: flex;\r\n  flex: 0 0 auto;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  gap: 13px;\r\n\r\n  min-height: 46px;\r\n  padding: 10px 18px;\r\n\r\n  border-top: 1px solid var(--cch-border);\r\n\r\n  background: #ffffff;\r\n  color: var(--cch-text);\r\n\r\n  font-size: 12px;\r\n}\r\n\r\n#commerss-compliance-modal\r\n.cch-modal__fallback a {\r\n  color: var(--cch-teal);\r\n\r\n  font-weight: 700;\r\n  text-decoration: none;\r\n}\r\n\r\n#commerss-compliance-modal\r\n.cch-modal__fallback a:hover {\r\n  color: var(--cch-navy);\r\n\r\n  text-decoration: underline;\r\n}\r\n\r\n\/* ==================================================\r\n   FOCUS\r\n================================================== *\/\r\n\r\n#commerss-compliance-hub button:focus-visible,\r\n#commerss-compliance-hub a:focus-visible,\r\n#commerss-compliance-modal button:focus-visible,\r\n#commerss-compliance-modal a:focus-visible {\r\n  outline: 3px solid rgba(75, 166, 166, 0.32);\r\n  outline-offset: 3px;\r\n}\r\n\r\n\/* ==================================================\r\n   TABLET\r\n================================================== *\/\r\n\r\n@media (max-width: 1024px) {\r\n  #commerss-compliance-hub .cch-header {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 25px;\r\n  }\r\n\r\n  #commerss-compliance-hub .cch-header-copy {\r\n    max-width: 720px;\r\n  }\r\n\r\n  #commerss-compliance-hub .cch-document__visual {\r\n    min-height: 400px;\r\n  }\r\n\r\n  #commerss-compliance-hub .cch-paper {\r\n    width: min(300px, 82%);\r\n  }\r\n\r\n  #commerss-compliance-hub .cch-cta {\r\n    align-items: flex-start;\r\n    flex-direction: column;\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-compliance-hub,\r\n  #commerss-compliance-modal {\r\n    --cch-radius: 23px;\r\n  }\r\n\r\n  #commerss-compliance-hub .cch-shell {\r\n    width: calc(100% - 28px);\r\n\r\n    padding:\r\n      62px\r\n      0\r\n      68px;\r\n  }\r\n\r\n  #commerss-compliance-hub .cch-heading h2 {\r\n    font-size: 47px;\r\n  }\r\n\r\n  #commerss-compliance-hub .cch-header {\r\n    margin-bottom: 34px;\r\n  }\r\n\r\n  #commerss-compliance-hub .cch-header-copy p {\r\n    font-size: 15px;\r\n  }\r\n\r\n  #commerss-compliance-hub .cch-documents {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 13px;\r\n  }\r\n\r\n  #commerss-compliance-hub .cch-document:hover {\r\n    transform: none;\r\n  }\r\n\r\n  #commerss-compliance-hub .cch-document__visual {\r\n    min-height: 385px;\r\n\r\n    padding:\r\n      58px\r\n      20px\r\n      30px;\r\n  }\r\n\r\n  #commerss-compliance-hub .cch-document__index {\r\n    top: 21px;\r\n    left: 22px;\r\n  }\r\n\r\n  #commerss-compliance-hub .cch-document__category {\r\n    top: 21px;\r\n    right: 22px;\r\n  }\r\n\r\n  #commerss-compliance-hub .cch-paper {\r\n    width: min(290px, 82%);\r\n    min-height: 315px;\r\n\r\n    padding: 25px;\r\n  }\r\n\r\n  #commerss-compliance-hub .cch-preview-button {\r\n    display: none;\r\n  }\r\n\r\n  #commerss-compliance-hub .cch-document__content {\r\n    min-height: 0;\r\n\r\n    padding: 27px 23px 24px;\r\n  }\r\n\r\n  #commerss-compliance-hub\r\n  .cch-document__content h3 {\r\n    font-size: 34px;\r\n  }\r\n\r\n  #commerss-compliance-hub\r\n  .cch-document__content p {\r\n    font-size: 14px;\r\n  }\r\n\r\n  #commerss-compliance-hub .cch-document__actions {\r\n    display: grid;\r\n\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  #commerss-compliance-hub .cch-button {\r\n    width: 100%;\r\n  }\r\n\r\n  #commerss-compliance-hub .cch-cta {\r\n    gap: 28px;\r\n\r\n    padding: 31px 23px;\r\n  }\r\n\r\n  #commerss-compliance-hub .cch-cta h3 {\r\n    font-size: 34px;\r\n  }\r\n\r\n  #commerss-compliance-hub .cch-cta p {\r\n    font-size: 14px;\r\n  }\r\n\r\n  #commerss-compliance-hub .cch-cta__button {\r\n    width: 100%;\r\n    justify-content: space-between;\r\n  }\r\n\r\n  #commerss-compliance-modal {\r\n    padding: 0;\r\n  }\r\n\r\n  #commerss-compliance-modal .cch-modal__dialog {\r\n    width: 100%;\r\n    height: 100dvh;\r\n\r\n    border: 0;\r\n    border-radius: 0;\r\n  }\r\n\r\n  #commerss-compliance-modal .cch-modal__header {\r\n    min-height: 68px;\r\n\r\n    padding:\r\n      10px\r\n      13px\r\n      10px\r\n      17px;\r\n  }\r\n\r\n  #commerss-compliance-modal\r\n  .cch-modal__header h2 {\r\n    max-width: calc(100vw - 90px);\r\n\r\n    overflow: hidden;\r\n\r\n    font-size: 16px;\r\n\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  #commerss-compliance-modal\r\n  .cch-modal__close {\r\n    width: 43px;\r\n    height: 43px;\r\n  }\r\n\r\n  #commerss-compliance-modal .cch-modal__fallback {\r\n    align-items: flex-start;\r\n    flex-direction: column;\r\n\r\n    gap: 3px;\r\n\r\n    padding: 10px 14px;\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-compliance-hub *,\r\n  #commerss-compliance-hub *::before,\r\n  #commerss-compliance-hub *::after,\r\n  #commerss-compliance-modal *,\r\n  #commerss-compliance-modal *::before,\r\n  #commerss-compliance-modal *::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  function initCommerssCompliance() {\r\n    const hub = document.getElementById(\r\n      'commerss-compliance-hub'\r\n    );\r\n\r\n    const modal = document.getElementById(\r\n      'commerss-compliance-modal'\r\n    );\r\n\r\n    if (\r\n      !hub ||\r\n      !modal ||\r\n      hub.dataset.initialized === 'true'\r\n    ) {\r\n      return;\r\n    }\r\n\r\n    hub.dataset.initialized = 'true';\r\n\r\n    const modalTitle = modal.querySelector(\r\n      '#cch-modal-title'\r\n    );\r\n\r\n    const pdfFrame = modal.querySelector(\r\n      '#cch-pdf-frame'\r\n    );\r\n\r\n    const openNewTab = modal.querySelector(\r\n      '#cch-open-new-tab'\r\n    );\r\n\r\n    const openButtons = Array.from(\r\n      hub.querySelectorAll(\r\n        '.js-cch-open-pdf'\r\n      )\r\n    );\r\n\r\n    const downloadButtons = Array.from(\r\n      hub.querySelectorAll(\r\n        '.js-cch-download'\r\n      )\r\n    );\r\n\r\n    const closeButtons = Array.from(\r\n      modal.querySelectorAll(\r\n        '[data-cch-close]'\r\n      )\r\n    );\r\n\r\n    const revealElements = Array.from(\r\n      hub.querySelectorAll(\r\n        '.cch-reveal'\r\n      )\r\n    );\r\n\r\n    let previousFocus = null;\r\n\r\n    function trackEvent(\r\n      eventName,\r\n      parameters\r\n    ) {\r\n      window.dataLayer =\r\n        window.dataLayer || [];\r\n\r\n      window.dataLayer.push({\r\n        event: eventName,\r\n        ...(parameters || {})\r\n      });\r\n    }\r\n\r\n    function openModal(button) {\r\n      const pdfUrl =\r\n        button.dataset.pdf || '';\r\n\r\n      const documentTitle =\r\n        button.dataset.title || 'Documento';\r\n\r\n      if (!pdfUrl) {\r\n        return;\r\n      }\r\n\r\n      previousFocus =\r\n        document.activeElement;\r\n\r\n      modalTitle.textContent =\r\n        documentTitle;\r\n\r\n      pdfFrame.src =\r\n        pdfUrl +\r\n        '#toolbar=1&navpanes=0&view=FitH';\r\n\r\n      openNewTab.href =\r\n        pdfUrl;\r\n\r\n      modal.classList.add(\r\n        'is-open'\r\n      );\r\n\r\n      modal.setAttribute(\r\n        'aria-hidden',\r\n        'false'\r\n      );\r\n\r\n      document.body.classList.add(\r\n        'cch-modal-open'\r\n      );\r\n\r\n      const closeButton =\r\n        modal.querySelector(\r\n          '.cch-modal__close'\r\n        );\r\n\r\n      if (closeButton) {\r\n        window.setTimeout(function () {\r\n          closeButton.focus();\r\n        }, 50);\r\n      }\r\n\r\n      trackEvent(\r\n        'commerss_compliance_view',\r\n        {\r\n          document_name:\r\n            documentTitle\r\n        }\r\n      );\r\n    }\r\n\r\n    function closeModal() {\r\n      if (\r\n        !modal.classList.contains(\r\n          'is-open'\r\n        )\r\n      ) {\r\n        return;\r\n      }\r\n\r\n      modal.classList.remove(\r\n        'is-open'\r\n      );\r\n\r\n      modal.setAttribute(\r\n        'aria-hidden',\r\n        'true'\r\n      );\r\n\r\n      document.body.classList.remove(\r\n        'cch-modal-open'\r\n      );\r\n\r\n      window.setTimeout(function () {\r\n        pdfFrame.src = '';\r\n      }, 250);\r\n\r\n      if (\r\n        previousFocus &&\r\n        typeof previousFocus.focus ===\r\n          'function'\r\n      ) {\r\n        previousFocus.focus();\r\n      }\r\n    }\r\n\r\n    openButtons.forEach(function (button) {\r\n      button.addEventListener(\r\n        'click',\r\n        function () {\r\n          openModal(button);\r\n        }\r\n      );\r\n    });\r\n\r\n    closeButtons.forEach(function (button) {\r\n      button.addEventListener(\r\n        'click',\r\n        closeModal\r\n      );\r\n    });\r\n\r\n    downloadButtons.forEach(function (button) {\r\n      button.addEventListener(\r\n        'click',\r\n        function () {\r\n          trackEvent(\r\n            'commerss_compliance_download',\r\n            {\r\n              document_name:\r\n                button.dataset.document ||\r\n                'Documento'\r\n            }\r\n          );\r\n        }\r\n      );\r\n    });\r\n\r\n    document.addEventListener(\r\n      'keydown',\r\n      function (event) {\r\n        if (event.key === 'Escape') {\r\n          closeModal();\r\n        }\r\n      }\r\n    );\r\n\r\n    modal.addEventListener(\r\n      'keydown',\r\n      function (event) {\r\n        if (event.key !== 'Tab') {\r\n          return;\r\n        }\r\n\r\n        const focusable =\r\n          Array.from(\r\n            modal.querySelectorAll(\r\n              'a[href], button:not([disabled]), iframe, [tabindex]:not([tabindex=\"-1\"])'\r\n            )\r\n          ).filter(function (element) {\r\n            return (\r\n              element.offsetParent !== null\r\n            );\r\n          });\r\n\r\n        if (!focusable.length) {\r\n          return;\r\n        }\r\n\r\n        const first =\r\n          focusable[0];\r\n\r\n        const last =\r\n          focusable[\r\n            focusable.length - 1\r\n          ];\r\n\r\n        if (\r\n          event.shiftKey &&\r\n          document.activeElement === first\r\n        ) {\r\n          event.preventDefault();\r\n          last.focus();\r\n        } else if (\r\n          !event.shiftKey &&\r\n          document.activeElement === last\r\n        ) {\r\n          event.preventDefault();\r\n          first.focus();\r\n        }\r\n      }\r\n    );\r\n\r\n    if (\r\n      'IntersectionObserver' in window\r\n    ) {\r\n      const observer =\r\n        new IntersectionObserver(\r\n          function (entries) {\r\n            entries.forEach(\r\n              function (entry) {\r\n                if (\r\n                  !entry.isIntersecting\r\n                ) {\r\n                  return;\r\n                }\r\n\r\n                entry.target.classList.add(\r\n                  'is-visible'\r\n                );\r\n\r\n                observer.unobserve(\r\n                  entry.target\r\n                );\r\n              }\r\n            );\r\n          },\r\n          {\r\n            threshold: 0.12\r\n          }\r\n        );\r\n\r\n      revealElements.forEach(\r\n        function (element) {\r\n          observer.observe(element);\r\n        }\r\n      );\r\n    } else {\r\n      revealElements.forEach(\r\n        function (element) {\r\n          element.classList.add(\r\n            'is-visible'\r\n          );\r\n        }\r\n      );\r\n    }\r\n  }\r\n\r\n  if (\r\n    document.readyState === 'loading'\r\n  ) {\r\n    document.addEventListener(\r\n      'DOMContentLoaded',\r\n      initCommerssCompliance,\r\n      {\r\n        once: true\r\n      }\r\n    );\r\n  } else {\r\n    initCommerssCompliance();\r\n  }\r\n\r\n  window.addEventListener(\r\n    'elementor\/frontend\/init',\r\n    initCommerssCompliance\r\n  );\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-acc50ec e-con e-atomic-element e-flexbox-base e-default-div e-8189457 \" data-id=\"acc50ec\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"acc50ec\" data-e-type=\"e-flexbox\" data-id=\"acc50ec\">\n    \t\t<div class=\"elementor-element elementor-element-7a2c4df elementor-widget elementor-widget-html\" data-id=\"7a2c4df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"sycsa-ge-widget\">\r\n\r\n  <!-- Fondo animado global, NO se corta con el padding -->\r\n  <div class=\"sycsa-ge-lines\"><\/div>\r\n\r\n  <section class=\"sycsa-ge-hero\">\r\n\r\n    <div class=\"sycsa-ge-copy\">\r\n      <p class=\"sycsa-ge-eyebrow\">Una empresa de Grupo Industrial Teller\u00eda<\/p>\r\n\r\n      <h1 class=\"sycsa-ge-title\">\r\n        <span>Comprometidos con la<\/span>\r\n        <span>excelencia, <em>impulsados por<\/em><\/span>\r\n        <span><em>la responsabilidad<\/em><\/span>\r\n      <\/h1>\r\n    <\/div>\r\n\r\n    <div class=\"sycsa-ge-top-images\">\r\n      <img decoding=\"async\" \r\n        class=\"sycsa-ge-years-img\"\r\n        src=\"https:\/\/sycsa.com\/wp-content\/uploads\/2026\/06\/Recurso-12.webp\"\r\n        alt=\"+56 a\u00f1os\"\r\n      >\r\n\r\n      <img decoding=\"async\" \r\n        class=\"sycsa-ge-super-img\"\r\n        src=\"https:\/\/sycsa.com\/wp-content\/uploads\/2026\/05\/Logo-SE-26.webp\"\r\n        alt=\"Super Empresas Expansi\u00f3n 2026\"\r\n      >\r\n    <\/div>\r\n\r\n    <div class=\"sycsa-ge-bottom-image\">\r\n      <img decoding=\"async\" \r\n        src=\"https:\/\/sycsa.com\/wp-content\/uploads\/2026\/06\/Recurso-13-scaled.webp\"\r\n        alt=\"Calidad, seguridad, normatividad y responsabilidad empresarial\"\r\n      >\r\n    <\/div>\r\n\r\n  <\/section>\r\n<\/div>\r\n\r\n<style>\r\n.sycsa-ge-widget,\r\n.sycsa-ge-widget * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.sycsa-ge-widget {\r\n  position: relative;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  padding: clamp(24px, 3vw, 56px);\r\n\r\n  background:\r\n    radial-gradient(circle at 32% 88%, rgba(0, 202, 219, .55), transparent 30%),\r\n    linear-gradient(112deg, #0b4662 0%, #17677e 49%, #11aac0 100%);\r\n}\r\n\r\n\/* Diagonal suave global *\/\r\n.sycsa-ge-widget::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 1;\r\n  background: linear-gradient(\r\n    104deg,\r\n    transparent 0%,\r\n    transparent 49%,\r\n    rgba(255,255,255,.08) 49.2%,\r\n    rgba(255,255,255,.08) 100%\r\n  );\r\n  pointer-events: none;\r\n}\r\n\r\n\/* L\u00edneas diagonales globales, ya no se cortan en el padding *\/\r\n.sycsa-ge-lines {\r\n  position: absolute;\r\n  top: -20%;\r\n  right: -4%;\r\n  width: 48%;\r\n  height: 140%;\r\n  z-index: 2;\r\n  background: repeating-linear-gradient(\r\n    103deg,\r\n    rgba(0, 34, 48, .62) 0px,\r\n    rgba(0, 34, 48, .62) 2px,\r\n    transparent 2px,\r\n    transparent 8px\r\n  );\r\n  clip-path: polygon(18% 0, 100% 0, 100% 100%, 0 100%);\r\n  opacity: .86;\r\n  animation: sycsaGeLines 18s linear infinite;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Banner interno centrado *\/\r\n.sycsa-ge-hero {\r\n  container-type: inline-size;\r\n  position: relative;\r\n  z-index: 5;\r\n  width: 100%;\r\n  max-width: 1500px;\r\n  aspect-ratio: 16 \/ 9;\r\n  margin: 0 auto;\r\n  overflow: visible;\r\n  color: #ffffff;\r\n  background: transparent;\r\n}\r\n\r\n\/* Texto izquierdo *\/\r\n.sycsa-ge-copy {\r\n  position: absolute;\r\n  z-index: 10;\r\n  left: 3.2%;\r\n  top: 6.8%;\r\n  width: 56%;\r\n}\r\n\r\n.sycsa-ge-eyebrow {\r\n  margin: 0 0 2.45cqw;\r\n  color: rgba(255,255,255,.9);\r\n  font-family: \"Pais\", \"Pais Regular\", \"Exo\", Arial, sans-serif;\r\n  font-size: clamp(16px, 2.25cqw, 40px);\r\n  line-height: 1.08;\r\n  font-weight: 400;\r\n  letter-spacing: -0.035em;\r\n  animation: sycsaGeFadeUp .7s ease both;\r\n}\r\n\r\n.sycsa-ge-title {\r\n  margin: 0;\r\n  color: #ffffff;\r\n  font-family: \"Pais\", \"Pais Regular\", \"Exo\", Arial, sans-serif;\r\n  font-size: clamp(30px, 5.05cqw, 82px);\r\n  line-height: .94;\r\n  font-weight: 400;\r\n  letter-spacing: -0.07em;\r\n}\r\n\r\n.sycsa-ge-title span {\r\n  display: block;\r\n  animation: sycsaGeFadeUp .8s ease both;\r\n}\r\n\r\n.sycsa-ge-title span:nth-child(1) {\r\n  animation-delay: .12s;\r\n}\r\n\r\n.sycsa-ge-title span:nth-child(2) {\r\n  animation-delay: .24s;\r\n}\r\n\r\n.sycsa-ge-title span:nth-child(3) {\r\n  animation-delay: .36s;\r\n}\r\n\r\n.sycsa-ge-title em {\r\n  font-family: \"Exo\", \"Exo Bold Italic\", Arial, sans-serif;\r\n  font-style: italic;\r\n  font-weight: 700;\r\n  letter-spacing: -0.075em;\r\n}\r\n\r\n\/* Im\u00e1genes superiores derechas *\/\r\n.sycsa-ge-top-images {\r\n  position: absolute;\r\n  z-index: 11;\r\n  top: 10.5%;\r\n  right: 3.2%;\r\n  width: 33%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-end;\r\n  gap: 2.4cqw;\r\n  animation: sycsaGeFadeLeft .9s ease .45s both;\r\n}\r\n\r\n.sycsa-ge-years-img {\r\n  display: block;\r\n  width: 26%;\r\n  height: auto;\r\n  object-fit: contain;\r\n  animation: sycsaGeFloat 4.7s ease-in-out 1.4s infinite;\r\n}\r\n\r\n.sycsa-ge-super-img {\r\n  display: block;\r\n  width: 43%;\r\n  height: auto;\r\n  object-fit: contain;\r\n  animation: sycsaGePulse 4s ease-in-out 1.8s infinite;\r\n}\r\n\r\n\/* Imagen inferior completa, sin recorte *\/\r\n.sycsa-ge-bottom-image {\r\n  position: absolute;\r\n  z-index: 12;\r\n  left: 2.2%;\r\n  right: 2.2%;\r\n  bottom: 6.8%;\r\n  animation: sycsaGePanelIn .9s cubic-bezier(.2,.9,.2,1) .65s both;\r\n}\r\n\r\n.sycsa-ge-bottom-image img {\r\n  display: block;\r\n  width: 100%;\r\n  height: auto;\r\n  border-radius: 28px;\r\n  filter: drop-shadow(0 16px 24px rgba(0,0,0,.22));\r\n}\r\n\r\n\/* Animaciones *\/\r\n@keyframes sycsaGeFadeUp {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(2.2cqw);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes sycsaGeFadeLeft {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateX(2.6cqw);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n  }\r\n}\r\n\r\n@keyframes sycsaGePanelIn {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(3cqw) scale(.985);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0) scale(1);\r\n  }\r\n}\r\n\r\n@keyframes sycsaGeFloat {\r\n  0%, 100% {\r\n    transform: translateY(0);\r\n  }\r\n  50% {\r\n    transform: translateY(-.6cqw);\r\n  }\r\n}\r\n\r\n@keyframes sycsaGePulse {\r\n  0%, 100% {\r\n    transform: scale(1);\r\n  }\r\n  50% {\r\n    transform: scale(1.035);\r\n  }\r\n}\r\n\r\n@keyframes sycsaGeLines {\r\n  from {\r\n    background-position: 0 0;\r\n  }\r\n  to {\r\n    background-position: 90px 0;\r\n  }\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 1024px) {\r\n  .sycsa-ge-widget {\r\n    padding: clamp(20px, 3vw, 40px);\r\n  }\r\n\r\n  .sycsa-ge-hero {\r\n    max-width: 100%;\r\n  }\r\n\r\n  .sycsa-ge-copy {\r\n    left: 3.2%;\r\n    top: 7%;\r\n    width: 56%;\r\n  }\r\n\r\n  .sycsa-ge-title {\r\n    font-size: clamp(30px, 5.05cqw, 66px);\r\n  }\r\n\r\n  .sycsa-ge-eyebrow {\r\n    font-size: clamp(16px, 2.25cqw, 30px);\r\n  }\r\n\r\n  .sycsa-ge-top-images {\r\n    width: 34%;\r\n    right: 3.2%;\r\n    top: 10.8%;\r\n  }\r\n\r\n  .sycsa-ge-bottom-image {\r\n    left: 2%;\r\n    right: 2%;\r\n    bottom: 6.8%;\r\n  }\r\n\r\n  .sycsa-ge-bottom-image img {\r\n    border-radius: 22px;\r\n  }\r\n}\r\n\r\n\/* M\u00f3vil *\/\r\n@media (max-width: 767px) {\r\n  .sycsa-ge-widget {\r\n    padding: 18px;\r\n  }\r\n\r\n  .sycsa-ge-lines {\r\n    width: 78%;\r\n    right: -18%;\r\n    opacity: .42;\r\n    clip-path: polygon(38% 0, 100% 0, 100% 100%, 8% 100%);\r\n  }\r\n\r\n  .sycsa-ge-hero {\r\n    aspect-ratio: auto;\r\n    min-height: 760px;\r\n  }\r\n\r\n  .sycsa-ge-copy {\r\n    position: relative;\r\n    left: auto;\r\n    top: auto;\r\n    width: 100%;\r\n    padding: 36px 22px 0;\r\n  }\r\n\r\n  .sycsa-ge-eyebrow {\r\n    font-size: 22px;\r\n    margin-bottom: 26px;\r\n  }\r\n\r\n  .sycsa-ge-title {\r\n    font-size: clamp(38px, 11vw, 60px);\r\n    line-height: .94;\r\n  }\r\n\r\n  .sycsa-ge-top-images {\r\n    position: relative;\r\n    top: auto;\r\n    right: auto;\r\n    width: 100%;\r\n    padding: 28px 22px 0;\r\n    justify-content: flex-start;\r\n    gap: 26px;\r\n  }\r\n\r\n  .sycsa-ge-years-img {\r\n    width: 58%;\r\n    max-width: 300px;\r\n  }\r\n\r\n  .sycsa-ge-super-img {\r\n    width: 22%;\r\n    max-width: 105px;\r\n  }\r\n\r\n  .sycsa-ge-bottom-image {\r\n    position: relative;\r\n    left: auto;\r\n    right: auto;\r\n    bottom: auto;\r\n    width: calc(100% - 28px);\r\n    margin: 36px auto 28px;\r\n  }\r\n\r\n  .sycsa-ge-bottom-image img {\r\n    width: 100%;\r\n    max-width: none;\r\n    border-radius: 20px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>COMMERSS \u00b7 CUMPLIMIENTO Compliance Hub. Consulta los documentos que reflejan nuestros principios, compromisos y forma de actuar de manera responsable, \u00e9tica y transparente. Documentaci\u00f3n corporativa 01 PRINCIPIOS Y CONDUCTA COMMERSS DOCUMENTO CORPORATIVO C\u00f3digo de \u00c9tica \u00c9TICA 01 Vista previa DOCUMENTO 01 C\u00f3digo de \u00c9tica Principios, valores y lineamientos que orientan una conducta profesional, responsable y [&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-202","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/commerss.com\/en\/wp-json\/wp\/v2\/pages\/202","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=202"}],"version-history":[{"count":8,"href":"https:\/\/commerss.com\/en\/wp-json\/wp\/v2\/pages\/202\/revisions"}],"predecessor-version":[{"id":5244,"href":"https:\/\/commerss.com\/en\/wp-json\/wp\/v2\/pages\/202\/revisions\/5244"}],"wp:attachment":[{"href":"https:\/\/commerss.com\/en\/wp-json\/wp\/v2\/media?parent=202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}