{"id":27659,"date":"2026-04-16T23:55:57","date_gmt":"2026-04-17T04:55:57","guid":{"rendered":"https:\/\/aqifue.com\/?post_type=listing&#038;p=27659"},"modified":"2026-04-17T01:25:15","modified_gmt":"2026-04-17T06:25:15","slug":"system","status":"publish","type":"listing","link":"https:\/\/aqifue.com\/en\/listing\/system\/","title":{"rendered":"SYSTEM"},"content":{"rendered":"<div id=\"sysem-widget\">\n  <!-- Google Fonts -->\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&#038;family=Playfair+Display:wght@600;700&#038;display=swap\" rel=\"stylesheet\">\n  <!-- FontAwesome -->\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n  <!-- AOS Animation CSS -->\n  <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\n  <!-- Swiper CSS -->\n  <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n\n  <style>\n    \/* Variables and scope *\/\n    #sysem-widget {\n      --bg-color: #ffffff;\n      --surface-color: #f8fafc;\n      --card-bg: #ffffff;\n      --primary-color: #0f2c59; \/* Azul Marino \/ Navy Blue *\/\n      --primary-hover: #1e4585;\n      --secondary-color: #2563eb; \/* Azul Vibrante de acento *\/\n      --text-dark: #0f172a; \n      --text-paragraph: #475569;\n      --font-main: 'Inter', sans-serif;\n      --font-heading: 'Playfair Display', serif;\n      --transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n\n      background-color: var(--bg-color);\n      color: var(--text-dark);\n      font-family: var(--font-main);\n      overflow-x: hidden;\n      line-height: 1.6;\n      width: 100%;\n      position: relative;\n    }\n\n    #sysem-widget * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    #sysem-widget html {\n      scroll-behavior: smooth;\n    }\n\n    #sysem-widget a {\n      text-decoration: none !important;\n      color: inherit;\n    }\n\n    #sysem-widget ul {\n      list-style: none;\n    }\n\n    #sysem-widget p {\n      color: var(--text-paragraph) !important;\n      font-size: 1.05rem;\n      line-height: 1.7;\n      font-weight: 300;\n    }\n\n    \/* Navbar *\/\n    #sysem-widget .sys-navbar {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 1rem 5%;\n      background: rgba(255, 255, 255, 0.95);\n      backdrop-filter: blur(12px);\n      position: sticky;\n      top: 0;\n      z-index: 1000;\n      border-bottom: 1px solid rgba(15, 44, 89, 0.1);\n      box-shadow: 0 4px 20px rgba(0,0,0,0.03);\n    }\n\n    #sysem-widget .sys-logo {\n      font-family: var(--font-main);\n      font-size: 2rem;\n      font-weight: 800;\n      color: var(--primary-color);\n      letter-spacing: -1px;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n    \n    #sysem-widget .sys-logo i {\n      color: var(--secondary-color);\n      font-size: 1.8rem;\n    }\n\n    #sysem-widget .sys-nav-links {\n      display: flex;\n      gap: 2rem;\n    }\n\n    #sysem-widget .sys-nav-links a {\n      font-size: 0.9rem;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      transition: var(--transition);\n      position: relative;\n      color: var(--primary-color);\n    }\n\n    #sysem-widget .sys-nav-links a::after {\n      content: '';\n      position: absolute;\n      width: 0;\n      height: 2px;\n      bottom: -4px;\n      left: 0;\n      background-color: var(--secondary-color);\n      transition: var(--transition);\n    }\n\n    #sysem-widget .sys-nav-links a:hover {\n      color: var(--secondary-color);\n    }\n\n    #sysem-widget .sys-nav-links a:hover::after {\n      width: 100%;\n    }\n\n    #sysem-widget .sys-mobile-menu-btn {\n      display: none;\n      font-size: 1.8rem;\n      color: var(--primary-color);\n      cursor: pointer;\n      background: none;\n      border: none;\n    }\n\n    \/* Buttons *\/\n    #sysem-widget .sys-btn {\n      display: inline-flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      gap: 10px !important;\n      padding: 14px 28px !important;\n      border-radius: 50px !important;\n      font-family: var(--font-main) !important;\n      font-weight: 600 !important;\n      font-size: 1rem !important;\n      letter-spacing: 0.5px !important;\n      transition: var(--transition) !important;\n      cursor: pointer !important;\n      border: 2px solid var(--primary-color) !important;\n      white-space: nowrap !important;\n      min-width: fit-content !important;\n      height: auto !important;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;\n    }\n\n    #sysem-widget .sys-btn i {\n      font-size: 1.1rem !important;\n      margin: 0 !important;\n    }\n\n    #sysem-widget .sys-btn-primary {\n      background-color: var(--primary-color) !important;\n      color: #ffffff !important;\n      border-color: var(--primary-color) !important;\n    }\n\n    #sysem-widget .sys-btn-primary:hover {\n      background-color: var(--secondary-color) !important;\n      border-color: var(--secondary-color) !important;\n      transform: translateY(-3px) !important;\n      box-shadow: 0 10px 25px rgba(37, 99, 235, 0.3) !important;\n    }\n\n    #sysem-widget .sys-btn-outline {\n      background-color: transparent !important;\n      color: var(--primary-color) !important;\n    }\n\n    #sysem-widget .sys-btn-outline:hover {\n      background-color: var(--primary-color) !important;\n      color: #ffffff !important;\n      transform: translateY(-3px) !important;\n    }\n\n    \/* Tags \/ Badges *\/\n    #sysem-widget .sys-badge {\n      display: inline-block;\n      padding: 5px 14px;\n      background: rgba(37, 99, 235, 0.1);\n      color: var(--secondary-color);\n      border-radius: 50px;\n      font-size: 0.8rem;\n      font-weight: 700;\n      letter-spacing: 1px;\n      text-transform: uppercase;\n      margin-bottom: 1rem;\n    }\n\n    \/* Hero Swiper Slider + Parallax *\/\n    #sysem-widget .sys-hero-slider {\n      position: relative;\n      width: 100%;\n      height: 75vh;\n      overflow: hidden;\n    }\n\n    #sysem-widget .swiper-slide {\n      position: relative;\n      background-size: cover;\n      background-position: center;\n      background-attachment: fixed;\n    }\n\n    #sysem-widget .sys-hero-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(to right, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.4) 100%);\n      z-index: 2;\n    }\n\n    #sysem-widget .sys-hero-content {\n      position: absolute;\n      top: 50%;\n      left: 8%;\n      transform: translateY(-50%);\n      z-index: 3;\n      max-width: 650px;\n    }\n\n    #sysem-widget .sys-hero-title {\n      font-family: var(--font-heading);\n      font-size: 3.5rem;\n      line-height: 1.15;\n      margin-bottom: 1rem;\n      color: var(--primary-color);\n      font-weight: 700;\n      opacity: 0;\n      transform: translateY(30px);\n      transition: all 1s cubic-bezier(0.4, 0, 0.2, 1) 0.3s;\n    }\n\n    #sysem-widget .sys-hero-title span {\n      color: var(--secondary-color);\n    }\n\n    #sysem-widget .swiper-slide-active .sys-hero-title {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    #sysem-widget .sys-hero-slogan {\n      font-size: 1.15rem;\n      font-weight: 400;\n      color: var(--text-paragraph) !important;\n      margin-bottom: 2rem;\n      opacity: 0;\n      transform: translateY(30px);\n      transition: all 1s cubic-bezier(0.4, 0, 0.2, 1) 0.5s;\n    }\n\n    #sysem-widget .swiper-slide-active .sys-hero-slogan {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    #sysem-widget .sys-hero-buttons {\n      display: flex;\n      gap: 1rem;\n      flex-wrap: wrap;\n      opacity: 0;\n      transform: translateY(30px);\n      transition: all 1s cubic-bezier(0.4, 0, 0.2, 1) 0.7s;\n    }\n\n    #sysem-widget .swiper-slide-active .sys-hero-buttons {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    #sysem-widget .swiper-pagination-bullet {\n      background: var(--primary-color);\n      width: 10px;\n      height: 10px;\n      opacity: 0.5;\n    }\n    #sysem-widget .swiper-pagination-bullet-active {\n      opacity: 1;\n      background: var(--secondary-color);\n    }\n\n    \/* General Sections (Paddings reducidos para no bajar tanto) *\/\n    #sysem-widget .sys-section {\n      padding: 4rem 5%;\n    }\n\n    #sysem-widget .sys-section-header {\n      text-align: center;\n      margin-bottom: 3rem;\n      max-width: 700px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    #sysem-widget .sys-section-title {\n      font-family: var(--font-heading);\n      font-size: 2.5rem;\n      color: var(--primary-color);\n      margin-bottom: 1rem;\n      display: inline-block;\n      position: relative;\n    }\n    \n    #sysem-widget .sys-section-title::after {\n      content: '';\n      position: absolute;\n      width: 50px;\n      height: 3px;\n      background-color: var(--secondary-color);\n      bottom: -10px;\n      left: calc(50% - 25px);\n      border-radius: 2px;\n    }\n\n    \/* Quienes Somos Section *\/\n    #sysem-widget .sys-about-grid {\n      display: grid;\n      grid-template-columns: 1fr 1.2fr;\n      gap: 4rem;\n      align-items: center;\n      background: #fff;\n      padding: 3rem;\n      border-radius: 20px;\n      box-shadow: 0 10px 40px rgba(0,0,0,0.05);\n    }\n\n    #sysem-widget .sys-about-images {\n      position: relative;\n    }\n\n    #sysem-widget .sys-about-img {\n      width: 100%;\n      border-radius: 15px;\n      box-shadow: 0 15px 35px rgba(15, 44, 89, 0.1);\n      position: relative;\n      z-index: 2;\n    }\n\n    #sysem-widget .sys-about-text h3 {\n      font-family: var(--font-heading);\n      font-size: 1.8rem;\n      color: var(--primary-color);\n      margin-bottom: 1rem;\n    }\n\n    #sysem-widget .sys-about-text p {\n      margin-bottom: 1rem;\n    }\n\n    #sysem-widget .sys-highlight-box {\n      background: var(--primary-color);\n      padding: 1.5rem;\n      border-radius: 12px;\n      margin-top: 1.5rem;\n      box-shadow: 0 10px 25px rgba(15, 44, 89, 0.2);\n    }\n\n    #sysem-widget .sys-highlight-box p {\n      color: #ffffff !important;\n      margin: 0;\n      font-weight: 500;\n      font-size: 1.05rem;\n    }\n\n    \/* Servicios Section (Ahora es un Carrusel para no ocupar tanta altura) *\/\n    #sysem-widget .sys-bg-surface {\n      background-color: var(--surface-color);\n    }\n\n    #sysem-widget .sys-services-swiper {\n      width: 100%;\n      padding-bottom: 4rem; \/* espacio para los puntos de paginaci\u00f3n *\/\n    }\n\n    #sysem-widget .sys-service-card {\n      background-color: var(--card-bg);\n      padding: 2.5rem 2rem;\n      border-radius: 20px;\n      transition: var(--transition);\n      border: 1px solid rgba(15, 44, 89, 0.05);\n      position: relative;\n      box-shadow: 0 5px 20px rgba(0,0,0,0.03);\n      display: flex;\n      flex-direction: column;\n      z-index: 1;\n      overflow: hidden;\n      height: 100%; \/* Para que todas las tarjetas sean iguales en el slider *\/\n    }\n\n    #sysem-widget .sys-service-card::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      right: 0;\n      width: 100px;\n      height: 100px;\n      background: radial-gradient(circle, rgba(37,99,235,0.05) 0%, rgba(255,255,255,0) 70%);\n      z-index: -1;\n      transition: var(--transition);\n    }\n\n    #sysem-widget .sys-service-card:hover {\n      box-shadow: 0 15px 30px rgba(15, 44, 89, 0.08);\n      border-color: rgba(37, 99, 235, 0.2);\n    }\n\n    #sysem-widget .sys-service-icon {\n      width: 60px;\n      height: 60px;\n      background: rgba(37, 99, 235, 0.1);\n      color: var(--secondary-color);\n      border-radius: 14px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 1.6rem;\n      margin-bottom: 1.5rem;\n      transition: var(--transition);\n    }\n\n    #sysem-widget .sys-service-card h4 {\n      font-size: 1.4rem;\n      margin-bottom: 1rem;\n      font-family: var(--font-heading);\n      color: var(--primary-color);\n    }\n\n    #sysem-widget .sys-service-card p {\n      margin-bottom: 1.5rem;\n      flex-grow: 1;\n    }\n\n    #sysem-widget .sys-service-price {\n      font-family: var(--font-main);\n      font-weight: 700;\n      color: var(--secondary-color);\n      font-size: 1.1rem;\n      padding: 0.8rem;\n      background: var(--surface-color);\n      border-radius: 10px;\n      margin-bottom: 1rem;\n      text-align: center;\n    }\n\n    #sysem-widget .sys-service-price small {\n      display: block;\n      color: var(--text-paragraph);\n      font-weight: 400;\n      font-size: 0.8rem;\n      margin-top: 3px;\n    }\n\n    #sysem-widget .sys-list {\n      margin-bottom: 1.5rem;\n    }\n\n    #sysem-widget .sys-list li {\n      position: relative;\n      padding-left: 20px;\n      margin-bottom: 6px;\n      color: var(--text-paragraph);\n      font-size: 0.95rem;\n    }\n\n    #sysem-widget .sys-list li::before {\n      content: '\\f00c';\n      font-family: 'Font Awesome 6 Free';\n      font-weight: 900;\n      position: absolute;\n      left: 0;\n      top: 2px;\n      color: var(--secondary-color);\n      font-size: 0.85rem;\n    }\n\n    \/* Info Banner + Parallax Scroll *\/\n    #sysem-widget .sys-banner {\n      background: linear-gradient(rgba(15, 44, 89, 0.85), rgba(30, 58, 138, 0.85)), url('https:\/\/images.unsplash.com\/photo-1551836022-d5d88e9218df?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80');\n      background-attachment: fixed;\n      background-position: center;\n      background-size: cover;\n      padding: 6rem 5%;\n      text-align: center;\n      color: #fff;\n      position: relative;\n    }\n\n    #sysem-widget .sys-banner h2 {\n      font-family: var(--font-heading);\n      font-size: 2.2rem;\n      margin-bottom: 1rem;\n    }\n\n    #sysem-widget .sys-banner p {\n      color: rgba(255,255,255,0.85) !important;\n      font-size: 1.1rem;\n      max-width: 700px;\n      margin: 0 auto 2rem;\n    }\n\n    \/* Formulario \/ Contacto *\/\n    #sysem-widget .sys-contact-container {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 3rem;\n      align-items: center;\n    }\n\n    #sysem-widget .sys-contact-info-item {\n      display: flex;\n      align-items: flex-start;\n      gap: 1rem;\n      margin-bottom: 1.5rem;\n    }\n\n    #sysem-widget .sys-contact-icon {\n      font-size: 1.4rem;\n      color: var(--secondary-color);\n      background: rgba(37, 99, 235, 0.1);\n      width: 50px;\n      height: 50px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 12px;\n      flex-shrink: 0;\n    }\n\n    #sysem-widget .sys-contact-text h4 {\n      font-size: 1.1rem;\n      margin-bottom: 0.2rem;\n      color: var(--primary-color);\n    }\n\n    #sysem-widget .sys-contact-text p, \n    #sysem-widget .sys-contact-text a {\n      color: var(--text-paragraph);\n      font-size: 1rem;\n    }\n\n    #sysem-widget .sys-contact-text a:hover {\n      color: var(--secondary-color);\n    }\n\n    #sysem-widget .sys-contact-form {\n      background: var(--bg-color);\n      padding: 2.5rem;\n      border-radius: 20px;\n      box-shadow: 0 10px 30px rgba(15, 44, 89, 0.08);\n      border: 1px solid rgba(15, 44, 89, 0.05);\n    }\n\n    #sysem-widget .sys-form-group {\n      margin-bottom: 1.2rem;\n    }\n\n    #sysem-widget .sys-form-control {\n      width: 100%;\n      padding: 1rem 1.2rem;\n      background: var(--surface-color);\n      border: 1px solid rgba(15, 44, 89, 0.1);\n      border-radius: 10px;\n      color: var(--text-dark);\n      font-family: var(--font-main);\n      font-size: 1rem;\n    }\n\n    #sysem-widget .sys-form-control:focus {\n      outline: none;\n      border-color: var(--secondary-color);\n      box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);\n      background: #fff;\n    }\n\n    #sysem-widget textarea.sys-form-control {\n      height: 120px;\n      resize: vertical;\n    }\n\n    \/* Floating WhatsApp Button *\/\n    #sysem-widget .sys-floating-wa {\n      position: fixed;\n      bottom: 20px;\n      right: 20px;\n      width: 60px;\n      height: 60px;\n      background-color: #25D366;\n      color: white !important;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 2.2rem;\n      box-shadow: 0 5px 15px rgba(37, 211, 102, 0.4);\n      z-index: 9999;\n      animation: sys-pulse 2s infinite;\n    }\n\n    \/* Footer *\/\n    #sysem-widget .sys-footer {\n      background: var(--primary-color);\n      text-align: center;\n      padding: 2rem;\n      color: rgba(255,255,255,0.7);\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 1024px) {\n      #sysem-widget .sys-hero-title { font-size: 2.8rem; }\n      #sysem-widget .sys-about-grid,\n      #sysem-widget .sys-contact-container { grid-template-columns: 1fr; gap: 2.5rem; }\n      #sysem-widget .sys-about-grid { padding: 2rem; }\n      \/* En m\u00f3viles a veces el parallax da fallos por iOS, es mejor quitarlo en m\u00f3viles: *\/\n      #sysem-widget .swiper-slide, #sysem-widget .sys-banner { background-attachment: scroll; }\n    }\n\n    @media (max-width: 768px) {\n      #sysem-widget .sys-nav-links {\n        display: none; \n        position: absolute;\n        top: 100%;\n        left: 0;\n        width: 100%;\n        background: #ffffff;\n        flex-direction: column;\n        align-items: center;\n        padding: 2rem 0;\n        border-bottom: 3px solid var(--secondary-color);\n        box-shadow: 0 10px 20px rgba(0,0,0,0.05);\n      }\n      \n      #sysem-widget .sys-nav-links.active {\n        display: flex;\n      }\n\n      #sysem-widget .sys-mobile-menu-btn { display: block; }\n      \n      #sysem-widget .sys-hero-content { left: 5%; right: 5%; text-align: center; }\n      #sysem-widget .sys-hero-buttons { justify-content: center; }\n      \n      #sysem-widget .sys-section { padding: 3.5rem 5%; }\n    }\n  <\/style>\n\n  <!-- HTML Content -->\n  <nav class=\"sys-navbar\">\n    <div class=\"sys-logo\"><i class=\"fas fa-heartbeat\"><\/i> SYSEM<\/div>\n    <button class=\"sys-mobile-menu-btn\" id=\"sys-mobile-toggle\"><i class=\"fas fa-bars\"><\/i><\/button>\n    <div class=\"sys-nav-links\" id=\"sys-nav-links\">\n      <a href=\"#sys-inicio\">Inicio<\/a>\n      <a href=\"#sys-nosotros\">Nosotros<\/a>\n      <a href=\"#sys-servicios\">Servicios<\/a>\n      <a href=\"#sys-contacto\">Contacto<\/a>\n    <\/div>\n  <\/nav>\n\n  <!-- Hero Slider -->\n  <section id=\"sys-inicio\" class=\"sys-hero-slider swiper\">\n    <div class=\"swiper-wrapper\">\n      \n      <!-- Slide 1 -->\n      <div class=\"swiper-slide\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1576091160399-112ba8d25d1d?ixlib=rb-4.0.3&#038;auto=format&#038;fit=crop&#038;w=2070&#038;q=80');\">\n        <div class=\"sys-hero-overlay\"><\/div>\n        <div class=\"sys-hero-content\">\n          <span class=\"sys-badge\">NIT 901987146<\/span>\n          <h1 class=\"sys-hero-title\">Soluciones Integrales en <br><span>Bienestar<\/span> y Cumplimiento<\/h1>\n          <p class=\"sys-hero-slogan\">Especialistas en la implementaci\u00f3n efectiva del SG-SST orientado al cuidado de sus colaboradores.<\/p>\n          <div class=\"sys-hero-buttons\">\n            <a href=\"#sys-servicios\" class=\"sys-btn sys-btn-primary\">Explorar Servicios<\/a>\n            <a href=\"https:\/\/wa.me\/573337157881\" class=\"sys-btn sys-btn-outline\" target=\"_blank\"><i class=\"fab fa-whatsapp\"><\/i> Hablar con un Asesor<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Slide 2 -->\n      <div class=\"swiper-slide\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1579684385127-1ef15d508118?ixlib=rb-4.0.3&#038;auto=format&#038;fit=crop&#038;w=2080&#038;q=80');\">\n        <div class=\"sys-hero-overlay\"><\/div>\n        <div class=\"sys-hero-content\">\n          <span class=\"sys-badge\">Decretos 1443 y 1072<\/span>\n          <h1 class=\"sys-hero-title\">Cuidado de las Familias y <span>Colaboradores<\/span><\/h1>\n          <p class=\"sys-hero-slogan\">Cumpla la normativa, impulse la productividad y fortalezca su talento humano hoy mismo.<\/p>\n          <div class=\"sys-hero-buttons\">\n            <a href=\"https:\/\/wa.me\/573337157881?text=Hola, deseo informaci\u00f3n sobre el cumplimiento de la normativa SG-SST\" class=\"sys-btn sys-btn-primary\" target=\"_blank\">Consultar Normativa<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n    <!-- Swiper Pagination -->\n    <div class=\"swiper-pagination\"><\/div>\n  <\/section>\n\n  <!-- Quienes Somos -->\n  <section id=\"sys-nosotros\" class=\"sys-section sys-bg-surface\">\n    <div class=\"sys-about-grid\" data-aos=\"fade-up\">\n      <div class=\"sys-about-images\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1521791136064-7986c2920216?ixlib=rb-4.0.3&#038;auto=format&#038;fit=crop&#038;w=2069&#038;q=80\" alt=\"Equipo SYSEM\" class=\"sys-about-img\">\n      <\/div>\n      <div class=\"sys-about-text\">\n        <span class=\"sys-badge\">\u00bfQui\u00e9nes Somos?<\/span>\n        <h3>Organizaci\u00f3n Multidisciplinaria<\/h3>\n        <p><strong>SYSEM Soluciones y Servicios Empresariales<\/strong> es una organizaci\u00f3n de profesionales en salud y belleza enfocados en apoyar a las organizaciones en la implementaci\u00f3n efectiva del <strong>SG-SST<\/strong>, mediante brigadas integrales orientadas al cuidado.<\/p>\n        \n        <p>Nuestro equipo ejecuta acciones que fortalecen el clima organizacional, mejoran los indicadores de salud corporativa y garantizan el cumplimiento de los <strong>Decretos 1443 y 1072<\/strong>, sin importar el tama\u00f1o o sector.<\/p>\n\n        <div class=\"sys-highlight-box\">\n          <p>Cumpla la normativa, impulse la productividad y fortalezca el bienestar de su talento humano.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Servicios Section (CARRUSEL HORIZONTAL PARA NO BAJAR TANTO) -->\n  <section id=\"sys-servicios\" class=\"sys-section\">\n    <div class=\"sys-section-header\" data-aos=\"fade-up\">\n      <span class=\"sys-badge\">Nuestro Portafolio<\/span>\n      <h2 class=\"sys-section-title\">Brigadas de Bienestar<\/h2>\n      <p style=\"margin-top: 1rem;\"><i class=\"fas fa-arrows-alt-h sys-animated-drag\" style=\"color:var(--secondary-color);\"><\/i> <strong>Desliza hacia los lados<\/strong> para explorar nuestros servicios sin bajar tanto en la p\u00e1gina.<\/p>\n    <\/div>\n    \n    <div class=\"sys-services-swiper swiper\" data-aos=\"fade-up\">\n      <div class=\"swiper-wrapper\">\n        \n        <!-- Salud Visual -->\n        <div class=\"swiper-slide\">\n          <div class=\"sys-service-card\">\n            <div class=\"sys-service-icon\"><i class=\"fas fa-eye\"><\/i><\/div>\n            <h4>Salud Visual<\/h4>\n            <p>Consultas completas de Optometr\u00eda. Detecci\u00f3n y prevenci\u00f3n de problemas visuales. Incluye monturas modernas y lentes de alta tecnolog\u00eda.<\/p>\n            <div class=\"sys-service-price\">\n              Desde $150.000\n              <small>Lentes + Montura + Filtros + Kit<\/small>\n            <\/div>\n            <ul class=\"sys-list\">\n              <li>Valoraci\u00f3n sin costo.<\/li>\n              <li>Descuento directo por n\u00f3mina.<\/li>\n            <\/ul>\n            <a href=\"https:\/\/wa.me\/573337157881?text=Hola, quiero agendar una brigada de Salud Visual\" target=\"_blank\" class=\"sys-btn sys-btn-outline\" style=\"width: 100%; margin-top: auto;\">Agendar<\/a>\n          <\/div>\n        <\/div>\n\n        <!-- Fisioterapia -->\n        <div class=\"swiper-slide\">\n          <div class=\"sys-service-card\">\n            <div class=\"sys-service-icon\"><i class=\"fas fa-spa\"><\/i><\/div>\n            <h4>Fisioterapia<\/h4>\n            <p>Impacta la salud f\u00edsica con valoraci\u00f3n funcional, electroestimulaci\u00f3n cervical y masajes para personal con largas jornadas de pie.<\/p>\n            <div class=\"sys-service-price\">\n              Inversi\u00f3n: $80.000\n              <small>Por paciente<\/small>\n            <\/div>\n            <ul class=\"sys-list\">\n              <li>Mejora movilidad y postura.<\/li>\n              <li>Relajaci\u00f3n muscular directa.<\/li>\n            <\/ul>\n            <a href=\"https:\/\/wa.me\/573337157881?text=Hola, quiero informaci\u00f3n sobre las jornadas de Fisioterapia\" target=\"_blank\" class=\"sys-btn sys-btn-outline\" style=\"width: 100%; margin-top: auto;\">Solicitar Info<\/a>\n          <\/div>\n        <\/div>\n\n        <!-- Cuidado Piel -->\n        <div class=\"swiper-slide\">\n          <div class=\"sys-service-card\">\n            <div class=\"sys-service-icon\"><i class=\"fas fa-magic\"><\/i><\/div>\n            <h4>Cuidado Facial<\/h4>\n            <p>Experiencia de bienestar, automaquillaje y asesor\u00eda de imagen. Protocolo dise\u00f1ado para el autocuidado de hombres y mujeres.<\/p>\n            <div class=\"sys-service-price\" style=\"background: rgba(37, 99, 235, 0.1);\">\n              Servicio Sin Costo\n              <small>Grupo m\u00ednimo: 3 personas<\/small>\n            <\/div>\n            <ul class=\"sys-list\">\n              <li>Talleres de realce facial.<\/li>\n              <li>Eventos de integraci\u00f3n empresarial.<\/li>\n            <\/ul>\n            <a href=\"https:\/\/wa.me\/573337157881?text=Hola, busco el taller de Cuidado de la Piel\" target=\"_blank\" class=\"sys-btn sys-btn-outline\" style=\"width: 100%; margin-top: auto;\">Reservar<\/a>\n          <\/div>\n        <\/div>\n\n        <!-- Cuidado Capilar -->\n        <div class=\"swiper-slide\">\n          <div class=\"sys-service-card\">\n            <div class=\"sys-service-icon\"><i class=\"fas fa-user-md\"><\/i><\/div>\n            <h4>Cuidado Capilar<\/h4>\n            <p>Tecnolog\u00eda de an\u00e1lisis capilar para establecer h\u00e1bitos que mejoren la salud del cuero cabelludo con prevenci\u00f3n y cuidado.<\/p>\n            <div class=\"sys-service-price\" style=\"background: rgba(37, 99, 235, 0.1);\">\n              Servicio Sin Costo\n              <small>Grupo m\u00ednimo: 3 personas<\/small>\n            <\/div>\n            <ul class=\"sys-list\">\n              <li>An\u00e1lisis personalizado.<\/li>\n              <li>Charlas grupales educativas.<\/li>\n            <\/ul>\n            <a href=\"https:\/\/wa.me\/573337157881?text=Hola, deseamos una jornada de Cuidado Capilar\" target=\"_blank\" class=\"sys-btn sys-btn-outline\" style=\"width: 100%; margin-top: auto;\">Agendar<\/a>\n          <\/div>\n        <\/div>\n\n      <\/div>\n      <!-- Paginaci\u00f3n de Servicios -->\n      <div class=\"swiper-pagination\"><\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Banner CTA -->\n  <section class=\"sys-banner\">\n    <div data-aos=\"zoom-in\">\n      <h2>\u201cExpertos en cuidar tu bienestar\u201d<\/h2>\n      <a href=\"https:\/\/wa.me\/573337157881\" class=\"sys-btn sys-btn-primary\" style=\"background: #ffffff !important; color: var(--primary-color) !important; border-color: #ffffff !important;\" target=\"_blank\">Agenda tu pr\u00f3xima brigada ahora<\/a>\n    <\/div>\n  <\/section>\n\n  <!-- Contacto -->\n  <section id=\"sys-contacto\" class=\"sys-section sys-bg-surface\">\n    <div class=\"sys-section-header\" data-aos=\"fade-up\" style=\"margin-bottom: 2rem;\">\n      <h2 class=\"sys-section-title\">Cont\u00e1ctanos<\/h2>\n    <\/div>\n    \n    <div class=\"sys-contact-container\">\n      <div data-aos=\"fade-right\">\n        \n        <div class=\"sys-contact-info-item\">\n          <div class=\"sys-contact-icon\"><i class=\"fas fa-phone-alt\"><\/i><\/div>\n          <div class=\"sys-contact-text\">\n            <h4>WhatsApp \/ Llamadas<\/h4>\n            <a href=\"https:\/\/wa.me\/573337157881\" target=\"_blank\">+57 333 715 7881<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"sys-contact-info-item\">\n          <div class=\"sys-contact-icon\"><i class=\"fas fa-id-card\"><\/i><\/div>\n          <div class=\"sys-contact-text\">\n            <h4>Identificaci\u00f3n<\/h4>\n            <p>NIT: 901987146<\/p>\n          <\/div>\n        <\/div>\n\n        <div>\n          <h4 style=\"color: var(--primary-color); margin-bottom: 1rem; font-size: 1rem; margin-top: 1rem;\">Redes Sociales<\/h4>\n          <div class=\"sys-social-links\" style=\"display: flex; gap: 1rem;\">\n            <a href=\"https:\/\/instagram.com\/sysem.co\" target=\"_blank\" style=\"width: 45px; height: 45px; background: #fff; display: flex; align-items:center; justify-content:center; border-radius: 50%; font-size: 1.2rem; color: var(--primary-color); box-shadow: 0 5px 15px rgba(0,0,0,0.05); text-decoration: none;\">\n              <i class=\"fab fa-instagram\"><\/i>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div data-aos=\"fade-left\">\n        <form class=\"sys-contact-form\" onsubmit=\"event.preventDefault(); alert('\u00a1Gracias! Nos pondremos en contacto muy pronto.');\" action=\"\">\n          <div class=\"sys-form-group\">\n            <input type=\"text\" class=\"sys-form-control\" placeholder=\"Nombre\" required>\n          <\/div>\n          <div class=\"sys-form-group\">\n            <input type=\"tel\" class=\"sys-form-control\" placeholder=\"WhatsApp\" required>\n          <\/div>\n          <button type=\"submit\" class=\"sys-btn sys-btn-primary\" style=\"width: 100%; justify-content: center;\">Enviar<\/button>\n        <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <footer class=\"sys-footer\">\n    <p>&copy; 2026 <strong>SYSEM<\/strong> Soluciones Empresariales. NIT 901987146.<\/p>\n  <\/footer>\n\n  <!-- Floating WhatsApp -->\n  <a href=\"https:\/\/wa.me\/573337157881\" class=\"sys-floating-wa\" target=\"_blank\">\n    <i class=\"fab fa-whatsapp\"><\/i>\n  <\/a>\n\n  <!-- Scripts -->\n  <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\n  <!-- Swiper JS -->\n  <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n  <script>\n    (function(){\n      \/\/ Initialize AOS\n      if(typeof AOS !== 'undefined') {\n        AOS.init({ duration: 800, once: true, offset: 50 });\n      }\n\n      \/\/ Initialize Swiper Hero Slider\n      if(typeof Swiper !== 'undefined') {\n        new Swiper('.sys-hero-slider', {\n          effect: 'fade',\n          fadeEffect: { crossFade: true },\n          loop: true,\n          speed: 1500,\n          autoplay: { delay: 5000, disableOnInteraction: false },\n          pagination: { el: '.sys-hero-slider .swiper-pagination', clickable: true },\n        });\n\n        \/\/ Initialize Services Slider\n        new Swiper('.sys-services-swiper', {\n          slidesPerView: 1,\n          spaceBetween: 25,\n          loop: false,\n          pagination: { el: '.sys-services-swiper .swiper-pagination', clickable: true },\n          breakpoints: {\n            768: { slidesPerView: 2 },\n            1024: { slidesPerView: 3 }\n          }\n        });\n      }\n\n      \/\/ Mobile Menu\n      const menuBtn = document.getElementById('sys-mobile-toggle');\n      const navLinks = document.getElementById('sys-nav-links');\n      if(menuBtn && navLinks) {\n        menuBtn.addEventListener('click', () => { navLinks.classList.toggle('active'); });\n        navLinks.querySelectorAll('a').forEach(link => {\n          link.addEventListener('click', () => { navLinks.classList.remove('active'); });\n        });\n      }\n\n      \/\/ Smooth scroll\n      document.querySelectorAll('#sysem-widget a[href^=\"#sys-\"]').forEach(anchor => {\n        anchor.addEventListener('click', function (e) {\n          e.preventDefault();\n          const target = document.querySelector(this.getAttribute('href'));\n          if (target) {\n              const offset = target.getBoundingClientRect().top + window.pageYOffset - 90;\n              window.scrollTo({ top: offset, behavior: \"smooth\" });\n          }\n        });\n      });\n    })();\n  <\/script>\n<\/div>\n&#8220;`\n\n\n\n<p><\/p>","protected":false},"author":1,"featured_media":27661,"comment_status":"open","ping_status":"closed","template":"","listing-category":[172],"list-tags":[],"location":[167],"class_list":["post-27659","listing","type-listing","status-publish","has-post-thumbnail","hentry","listing-category-salud-y-bienestar","location-medellin"],"cubewp_post_meta":[],"taxonomies":["Salud y bienestar","Medell\u00edn"],"_links":{"self":[{"href":"https:\/\/aqifue.com\/en\/wp-json\/wp\/v2\/listing\/27659","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aqifue.com\/en\/wp-json\/wp\/v2\/listing"}],"about":[{"href":"https:\/\/aqifue.com\/en\/wp-json\/wp\/v2\/types\/listing"}],"author":[{"embeddable":true,"href":"https:\/\/aqifue.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aqifue.com\/en\/wp-json\/wp\/v2\/comments?post=27659"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aqifue.com\/en\/wp-json\/wp\/v2\/media\/27661"}],"wp:attachment":[{"href":"https:\/\/aqifue.com\/en\/wp-json\/wp\/v2\/media?parent=27659"}],"wp:term":[{"taxonomy":"listing-category","embeddable":true,"href":"https:\/\/aqifue.com\/en\/wp-json\/wp\/v2\/listing-category?post=27659"},{"taxonomy":"list-tags","embeddable":true,"href":"https:\/\/aqifue.com\/en\/wp-json\/wp\/v2\/list-tags?post=27659"},{"taxonomy":"location","embeddable":true,"href":"https:\/\/aqifue.com\/en\/wp-json\/wp\/v2\/location?post=27659"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}