{"id":12,"date":"2025-10-08T15:46:44","date_gmt":"2025-10-08T15:46:44","guid":{"rendered":"https:\/\/accons.ec\/accons\/?page_id=12"},"modified":"2026-05-04T14:54:58","modified_gmt":"2026-05-04T14:54:58","slug":"inicio","status":"publish","type":"page","link":"https:\/\/accons.ec\/","title":{"rendered":"Inicio"},"content":{"rendered":"\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style>\n  .hero {\n    text-align: center;\n    \/* Mantenemos el padding, usaremos m\u00e1rgenes para la separaci\u00f3n de elementos *\/\n    padding: 80px 23.6px 80px; \n    background-color: #000e4b;\n    color: #ffffff;\n    font-family: 'Segoe UI', sans-serif;\n  }\n\n  .hero h1 {\n    color: #ffffff !important;\n    font-size: 2.36em; \n    margin-top: 15px; \n  }\n\n  .hero p {\n    color: #ffffff;\n    font-size: 1.18em; \n    \/* CLAVE: Aumentamos el margen inferior (margin-bottom) del subt\u00edtulo \n       para replicar el espacio amplio antes de que inicie el bot\u00f3n *\/\n    margin-bottom: 30px; \n  }\n\n  .logo-a-container {\n    display: inline-block;\n    cursor: pointer;\n    transform: scale(1.18);\n    \/* CLAVE: Mantenemos el margen inferior de 30px para la separaci\u00f3n del t\u00edtulo *\/\n    margin-bottom: 30px; \n  }\n\n  .letra-a {\n    fill: white;\n    transition: fill 0.4s ease; \n  }\n\n  .logo-a-container:hover .letra-a {\n    fill: url(#gradienteA);\n  }\n\n  \/* ESTILO DEL BOT\u00d3N DE CONTACTO *\/\n  .contact-button {\n    display: inline-block;\n    padding: 10px 25px;\n    \/* Dise\u00f1o: sin color de fondo (transparente) y borde blanco *\/\n    background-color: transparent; \n    border: 2px solid white;\n    color: white;\n    text-decoration: none; \/* Quitamos el subrayado del enlace *\/\n    font-size: 1.1em;\n    font-weight: 600;\n    border-radius: 6px; \/* Bordes ligeramente redondeados *\/\n    cursor: pointer;\n    transition: background-color 0.3s ease, border-color 0.3s ease;\n  }\n\n  .contact-button:hover {\n    background-color: rgba(255, 255, 255, 0.1); \/* Ligero cambio al pasar el mouse *\/\n    border-color: #ea03e6; \/* Cambiamos el color del borde al hacer hover para un efecto visual *\/\n  }\n<\/style>\n\n<div class=\"hero\">\n  <div class=\"logo-a-container\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 199.074 199.364\" width=\"141.6\" height=\"141.6\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <linearGradient id=\"gradienteA\" x1=\"0\" y1=\"0\" x2=\"100%\" y2=\"0\">\n          <stop offset=\"0%\" stop-color=\"#ea03e6\" \/>\n          <stop offset=\"50%\" stop-color=\"#8e06a3\" \/>\n          <stop offset=\"100%\" stop-color=\"#8d07a4\" \/>\n        <\/linearGradient>\n      <\/defs>\n      <path class=\"letra-a\" d=\"M100.032,149.458v49.816c-16.486.745-31.66-3.193-45.704-10.709C15.146,167.594-4.559,128.897.894,84.818,5.675,46.164,37.449,11.641,77.323,2.697c32.846-7.367,62.207.492,88.074,21.946,3.909,3.242,4.974,5.564.72,9.736-10.282,10.086-20.035,20.711-30.093,31.215-21.777-17.601-43.38-20.579-65.665-5-15.73,10.997-23.345,31.636-18.57,49.913,6.345,24.286,22.938,36.577,48.243,38.949Z\"\/>\n      <path class=\"letra-a\" d=\"M199.074,198.696c-33.044-33.063-65.557-65.595-98.683-98.74h98.683v98.74Z\"\/>\n    <\/svg>\n  <\/div>\n  <h1>Consultor\u00eda Empresarial<\/h1>\n  <p>\u00a1Brindamos soluciones integrales asegurando la tranquilidad de nuestros clientes!<\/p>\n  \n  <a href=\"https:\/\/wa.me\/593983315034\" target=\"_blank\" class=\"contact-button\">\n    Cont\u00e1ctanos\n  <\/a>\n<\/div>\n\n\n\n<style>\n  body {\n    background-color: #000e4b;\n    margin: 0;\n    font-family: 'Segoe UI', sans-serif;\n    color: white;\n  }\n\n  .servicios-container {\n    display: flex;\n    justify-content: center;\n    gap: 80px;\n    padding: 60px 20px;\n    flex-wrap: wrap;\n  }\n\n  .servicio {\n    position: relative;\n    width: 140px;\n    height: 140px;\n    cursor: pointer;\n    flex-shrink: 0;\n  }\n\n  .icono-circular {\n    width: 100%;\n    height: 100%;\n    transition: transform 0.6s ease-out;\n  }\n\n  .servicio.hovered .icono-circular {\n    transform: rotate(360deg);\n  }\n\n  .servicio h3 {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 0.95em;\n    margin: 0;\n    text-align: center;\n    color: #ffffff !important;\n    transition: opacity 0.4s ease-out;\n    pointer-events: none;\n  }\n\n  .servicio.hovered h3 {\n    opacity: 0;\n  }\n\n  .modal-bubble {\n    position: absolute;\n    top: 90%;\n    left: 50%;\n    transform: translateX(-50%);\n    background-color: #ffffff;\n    color: #000e4b;\n    padding: 16px;\n    border-radius: 10px;\n    width: 220px;\n    font-size: 0.85em;\n    text-align: center;\n    box-shadow: 0 6px 16px rgba(0,0,0,0.25);\n    z-index: 10;\n    display: none;\n    animation: bubbleIn 0.4s ease-out;\n  }\n\n  .modal-bubble.closing {\n    animation: bubbleOut 0.3s ease-in forwards;\n  }\n\n  .modal-bubble::after {\n    content: \"\";\n    position: absolute;\n    top: -10px;\n    left: 50%;\n    transform: translateX(-50%);\n    border-width: 0 10px 10px 10px;\n    border-style: solid;\n    border-color: transparent transparent #ffffff transparent;\n  }\n\n  @keyframes bubbleIn {\n    from { opacity: 0; transform: translateX(-50%) translateY(20px); }\n    to { opacity: 1; transform: translateX(-50%) translateY(0); }\n  }\n\n  @keyframes bubbleOut {\n    from { opacity: 1; transform: translateX(-50%) translateY(0); }\n    to { opacity: 0; transform: translateX(-50%) translateY(20px); }\n  }\n\n  \/* Responsive *\/\n  @media (max-width: 600px) {\n    .servicios-container {\n      flex-direction: column;\n      align-items: center;\n      gap: 40px;\n      padding: 40px 10px;\n    }\n\n    .servicio {\n      width: 160px;\n      height: 160px;\n    }\n\n    .modal-bubble {\n      top: 100%;\n      width: 240px;\n    }\n  }\n<\/style>\n\n<div class=\"servicios-container\">\n  <div class=\"servicio color-servicios\">\n    <svg class=\"icono-circular\" viewBox=\"0 0 168.854 199.363\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <path fill=\"#2c2f88\" d=\"M100.032,149.458v49.816c-16.486.745-31.66-3.193-45.704-10.709C15.146,167.594-4.559,128.897.894,84.818,5.675,46.164,37.449,11.641,77.323,2.697c32.846-7.367,62.207.492,88.074,21.946,3.909,3.242,4.974,5.564.72,9.736-10.282,10.086-20.035,20.711-30.093,31.215-21.777-17.601-43.38-20.579-65.665-5-15.73,10.997-23.345,31.636-18.57,49.913,6.345,24.286,22.938,36.577,48.243,38.949v.002Z\"\/>\n    <\/svg>\n    <h3>SERVICIOS<\/h3>\n    <div class=\"modal-bubble\">\n      <p>Ofrecemos servicios como Outsourcing Contable, N\u00f3mina, Legales, Talento Humano y m\u00e1s.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"servicio color-compromiso\">\n    <svg class=\"icono-circular\" viewBox=\"0 0 168.854 199.363\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <path fill=\"#cc00cc\" d=\"M100.032,149.458v49.816c-16.486.745-31.66-3.193-45.704-10.709C15.146,167.594-4.559,128.897.894,84.818,5.675,46.164,37.449,11.641,77.323,2.697c32.846-7.367,62.207.492,88.074,21.946,3.909,3.242,4.974,5.564.72,9.736-10.282,10.086-20.035,20.711-30.093,31.215-21.777-17.601-43.38-20.579-65.665-5-15.73,10.997-23.345,31.636-18.57,49.913,6.345,24.286,22.938,36.577,48.243,38.949v.002Z\"\/>\n    <\/svg>\n    <h3>COMPROMISO<\/h3>\n    <div class=\"modal-bubble\">\n      <p>Crecemos cada d\u00eda para ofrecer un servicio integral adaptado a las \u00faltimas tendencias.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"servicio color-experiencia\">\n    <svg class=\"icono-circular\" viewBox=\"0 0 168.854 199.363\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <path fill=\"#1d26d4\" d=\"M100.032,149.458v49.816c-16.486.745-31.66-3.193-45.704-10.709C15.146,167.594-4.559,128.897.894,84.818,5.675,46.164,37.449,11.641,77.323,2.697c32.846-7.367,62.207.492,88.074,21.946,3.909,3.242,4.974,5.564.72,9.736-10.282,10.086-20.035,20.711-30.093,31.215-21.777-17.601-43.38-20.579-65.665-5-15.73,10.997-23.345,31.636-18.57,49.913,6.345,24.286,22.938,36.577,48.243,38.949v.002Z\"\/>\n    <\/svg>\n    <h3>EXPERIENCIA<\/h3>\n    <div class=\"modal-bubble\">\n      <p>M\u00e1s de 15 a\u00f1os logrando resultados excepcionales para nuestros clientes.<\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  document.querySelectorAll('.servicio').forEach(servicio => {\n    let timeout;\n\n    servicio.addEventListener('mouseenter', () => {\n      clearTimeout(timeout);\n      servicio.classList.add('hovered');\n      const bubble = servicio.querySelector('.modal-bubble');\n      bubble.classList.remove('closing');\n      bubble.style.display = 'block';\n    });\n\n    servicio.addEventListener('mouseleave', () => {\n      const bubble = servicio.querySelector('.modal-bubble');\n      bubble.classList.add('closing');\n      timeout = setTimeout(() => {\n        servicio.classList.remove('hovered');\n        bubble.style.display = 'none';\n        bubble.classList.remove('closing');\n      }, 300);\n    });\n  });\n<\/script>\n\n\n\n<!-- Contadores Minimalistas -->\n<div id=\"logros\" style=\"width:100%; padding:60px 20px; text-align:center; font-family:'Arial', sans-serif; color:#ffffff; background:transparent;\">\n\n  <div style=\"display:flex; flex-wrap:wrap; justify-content:center; gap:60px; max-width:1200px; margin:0 auto;\">\n\n    <!-- Contador 1 -->\n    <div style=\"flex:1 1 200px;\">\n      <div style=\"font-size:72px; font-weight:bold;\">\n        <span class=\"contador\" data-numero=\"15\">0<\/span><span style=\"color:#cc00cc;\">+<\/span>\n      <\/div>\n      <div style=\"margin-top:10px; font-size:20px;\">A\u00f1os de experiencia<\/div>\n    <\/div>\n\n    <!-- Contador 2 -->\n    <div style=\"flex:1 1 200px;\">\n      <div style=\"font-size:72px; font-weight:bold;\">\n        <span class=\"contador\" data-numero=\"426\">0<\/span>\n      <\/div>\n      <div style=\"margin-top:10px; font-size:20px;\">Proyectos terminados<\/div>\n    <\/div>\n\n    <!-- Contador 3 -->\n    <div style=\"flex:1 1 200px;\">\n      <div style=\"font-size:72px; font-weight:bold;\">\n        <span class=\"contador\" data-numero=\"224\">0<\/span><span style=\"color:#cc00cc;\">+<\/span>\n      <\/div>\n      <div style=\"margin-top:10px; font-size:20px;\">Clientes empresariales<\/div>\n    <\/div>\n\n    <!-- Contador 4 -->\n    <div style=\"flex:1 1 200px;\">\n      <div style=\"font-size:72px; font-weight:bold;\">\n        <span class=\"contador\" data-numero=\"510\">0<\/span>\n      <\/div>\n      <div style=\"margin-top:10px; font-size:20px;\">J\u00f3venes emprendedores<\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n  function animarContador(contador) {\n    let final = +contador.getAttribute(\"data-numero\");\n    let pasosRapidos = 10;\n    let pasos = 0;\n    let valor = 0;\n    let velocidad = 30;\n    let incremento = Math.ceil(final \/ (1800 \/ velocidad));\n\n    let intervalo = setInterval(() => {\n      if (pasos < pasosRapidos) {\n        contador.textContent = Math.floor(Math.random() * (final * 10));\n        pasos++;\n      } else {\n        valor += incremento;\n        if (valor >= final) {\n          contador.textContent = final;\n          clearInterval(intervalo);\n        } else {\n          contador.textContent = valor;\n        }\n      }\n    }, velocidad);\n  }\n\n  const observador = new IntersectionObserver((entradas, obs) => {\n    entradas.forEach(entrada => {\n      if (entrada.isIntersecting) {\n        entrada.target.querySelectorAll(\".contador\").forEach(contador => {\n          animarContador(contador);\n        });\n        obs.unobserve(entrada.target);\n      }\n    });\n  }, { threshold: 0.4 });\n\n  observador.observe(document.getElementById(\"logros\"));\n<\/script>\n\n\n\n<h1 class=\"wp-block-heading has-text-align-center\"><strong>Conoce nuestros servicios<\/strong><\/h1>\n\n\n\n<div class=\"acx-grid\" id=\"acxGrid\">\n\n  <!-- TEAMMS -->\n  <a class=\"acx-card\" href=\"https:\/\/teamms.ec\/\" aria-label=\"Teamms\">\n    <img class=\"acx-img base\" src=\"https:\/\/accons.ec\/wp-content\/uploads\/2026\/03\/Artboard-3.webp\" alt=\"Teamms\" loading=\"lazy\" decoding=\"async\">\n    <img class=\"acx-img hover\" data-hover=\"https:\/\/accons.ec\/wp-content\/uploads\/2026\/03\/Artboard-2.webp\" alt=\"\" decoding=\"async\">\n  <\/a>\n\n  <!-- CONNTA -->\n  <a class=\"acx-card\" href=\"https:\/\/connta.ec\/\" aria-label=\"Connta\">\n    <img class=\"acx-img base\" src=\"https:\/\/accons.ec\/wp-content\/uploads\/2026\/03\/Artboard-3-copy.webp\" alt=\"Connta\" loading=\"lazy\" decoding=\"async\">\n    <img class=\"acx-img hover\" data-hover=\"https:\/\/accons.ec\/wp-content\/uploads\/2026\/03\/Artboard-2-copy.webp\" alt=\"\" decoding=\"async\">\n  <\/a>\n\n  <!-- LEGGAL -->\n  <a class=\"acx-card\" href=\"https:\/\/leggal.ec\/\" aria-label=\"Leggal\">\n    <img class=\"acx-img base\" src=\"https:\/\/accons.ec\/wp-content\/uploads\/2026\/03\/Artboard-3-copy-2.webp\" alt=\"Leggal\" loading=\"lazy\" decoding=\"async\">\n    <img class=\"acx-img hover\" data-hover=\"https:\/\/accons.ec\/wp-content\/uploads\/2026\/03\/Artboard-3-copy-3.webp\" alt=\"\" decoding=\"async\">\n  <\/a>\n\n  <!-- AUDDIT -->\n  <a class=\"acx-card\" href=\"https:\/\/auddit.ec\/\" aria-label=\"Auddit\">\n    <img class=\"acx-img base\" src=\"https:\/\/accons.ec\/wp-content\/uploads\/2026\/03\/Artboard-3-copy-4.webp\" alt=\"Auddit\" loading=\"lazy\" decoding=\"async\">\n    <img class=\"acx-img hover\" data-hover=\"https:\/\/accons.ec\/wp-content\/uploads\/2026\/03\/Artboard-3-copy-5.webp\" alt=\"\" decoding=\"async\">\n  <\/a>\n\n  <!-- BLAZE -->\n  <a class=\"acx-card\" href=\"https:\/\/accons.ec\/index.php\/blaze\/\" aria-label=\"Blaze\">\n    <img class=\"acx-img base\" src=\"https:\/\/accons.ec\/wp-content\/uploads\/2026\/03\/Artboard-3-copy-6.webp\" alt=\"Blaze\" loading=\"lazy\" decoding=\"async\">\n    <img class=\"acx-img hover\" data-hover=\"https:\/\/accons.ec\/wp-content\/uploads\/2026\/03\/Artboard-3-copy-7.webp\" alt=\"\" decoding=\"async\">\n  <\/a>\n\n  <!-- NEXDATTA -->\n  <a class=\"acx-card\" href=\"https:\/\/nexdatta.com\/\" aria-label=\"Nexdatta\">\n    <img class=\"acx-img base\" src=\"https:\/\/accons.ec\/wp-content\/uploads\/2026\/03\/Artboard-13.webp\" alt=\"Nexdatta\" loading=\"lazy\" decoding=\"async\">\n    <img class=\"acx-img hover\" data-hover=\"https:\/\/accons.ec\/wp-content\/uploads\/2026\/03\/Artboard-3-copy-8.webp\" alt=\"\" decoding=\"async\">\n  <\/a>\n\n<\/div>\n\n<style>\n#acxGrid{\n  --acx-bg:#000e4b;\n  --ratio:9\/16;\n\n  width:100%;\n  max-width:1800px;\n  margin:auto;\n  display:grid;\n  grid-template-columns:repeat(6,1fr);\n  gap:0;\n  overflow:hidden;\n}\n\n#acxGrid .acx-card{\n  position:relative;\n  display:block;\n  width:100%;\n  aspect-ratio:var(--ratio);\n  background:var(--acx-bg);\n  overflow:hidden;\n  text-decoration:none;\n  line-height:0;\n}\n\n#acxGrid .acx-img{\n  position:absolute;\n  inset:0;\n  width:100%;\n  height:100%;\n  object-fit:contain;\n  object-position:center;\n  background:var(--acx-bg);\n  pointer-events:none;\n  user-select:none;\n  display:block;\n}\n\n#acxGrid .acx-img.base{\n  opacity:1;\n  z-index:1;\n}\n\n#acxGrid .acx-img.hover{\n  opacity:0;\n  transition:opacity .25s ease;\n  z-index:2;\n}\n\n@media (hover:hover){\n  #acxGrid .acx-card:hover .acx-img.hover{\n    opacity:1;\n  }\n}\n\n#acxGrid .acx-card.is-revealed .acx-img.hover{\n  opacity:1;\n}\n\n#acxGrid .acx-card:focus-visible{\n  outline:3px solid rgba(2,197,215,.9);\n  outline-offset:-3px;\n  z-index:3;\n}\n\n\/* MOBILE FIX *\/\n@media (max-width:640px){\n  #acxGrid{\n    grid-template-columns:1fr;\n  }\n\n  #acxGrid .acx-card{\n    aspect-ratio:auto;\n    display:grid;\n    background:transparent;\n  }\n\n  #acxGrid .acx-img{\n    position:relative;\n    inset:auto;\n    grid-area:1 \/ 1;\n    width:100%;\n    height:auto;\n    object-fit:cover;\n    background:transparent;\n  }\n}\n<\/style>\n\n<script>\n(function(){\n  const root = document.getElementById('acxGrid');\n  if(!root) return;\n\n  const cards = root.querySelectorAll('.acx-card');\n\n  function hasHover(){\n    return window.matchMedia('(hover:hover)').matches;\n  }\n\n  function closeAll(except){\n    cards.forEach(c=>{\n      if(c !== except) c.classList.remove('is-revealed');\n    });\n  }\n\n  function loadHover(card){\n    const img = card.querySelector('.acx-img.hover');\n    if(!img) return;\n    if(img.dataset.loaded === 'true') return;\n    if(!img.dataset.hover) return;\n\n    img.src = img.dataset.hover;\n    img.dataset.loaded = 'true';\n  }\n\n  cards.forEach(card => {\n\n    card.addEventListener('mouseenter', function(){\n      if(hasHover()) loadHover(card);\n    });\n\n    card.addEventListener('focus', function(){\n      loadHover(card);\n    });\n\n    card.addEventListener('click', function(e){\n      if(hasHover()) return;\n\n      loadHover(card);\n\n      if(!card.classList.contains('is-revealed')){\n        e.preventDefault();\n        closeAll(card);\n        card.classList.add('is-revealed');\n      }else{\n        closeAll(null);\n      }\n    }, { passive:false });\n\n  });\n\n  document.addEventListener('click', function(e){\n    if(hasHover()) return;\n\n    if(!e.target.closest('.acx-card')){\n      closeAll(null);\n    }\n  });\n\n})();\n<\/script>\n\n\n\n<section id=\"clientes-loop\" style=\"background-color:#000e4b; padding:100px 0; position:relative; overflow:hidden;\">\n  <h2 style=\"text-align:center; color:#fff; font-family:'Montserrat',sans-serif; font-size:2.2em; font-weight:700; margin-bottom:60px;\">\n    Algunos de nuestros clientes\n  <\/h2>\n\n  <div class=\"logos-container\">\n    <div class=\"logos-scroll\">\n      <img decoding=\"async\" src=\"https:\/\/accons.ec\/wp-content\/uploads\/2025\/10\/Artboard-2-8.png\" alt=\"Cliente 1\">\n      <img decoding=\"async\" src=\"https:\/\/accons.ec\/wp-content\/uploads\/2025\/10\/Artboard-3-8.png\" alt=\"Cliente 2\">\n      <img decoding=\"async\" src=\"https:\/\/accons.ec\/wp-content\/uploads\/2025\/10\/Artboard-4-8.png\" alt=\"Cliente 3\">\n      <img decoding=\"async\" src=\"https:\/\/accons.ec\/wp-content\/uploads\/2025\/10\/Artboard-5-8-1.png\" alt=\"Cliente 4\">\n      <img decoding=\"async\" src=\"https:\/\/accons.ec\/wp-content\/uploads\/2025\/10\/Artboard-6-8.png\" alt=\"Cliente 5\">\n\n      <img decoding=\"async\" src=\"https:\/\/accons.ec\/wp-content\/uploads\/2025\/10\/Artboard-2-8.png\" alt=\"Cliente 1\">\n      <img decoding=\"async\" src=\"https:\/\/accons.ec\/wp-content\/uploads\/2025\/10\/Artboard-3-8.png\" alt=\"Cliente 2\">\n      <img decoding=\"async\" src=\"https:\/\/accons.ec\/wp-content\/uploads\/2025\/10\/Artboard-4-8.png\" alt=\"Cliente 3\">\n      <img decoding=\"async\" src=\"https:\/\/accons.ec\/wp-content\/uploads\/2025\/10\/Artboard-5-8-1.png\" alt=\"Cliente 4\">\n      <img decoding=\"async\" src=\"https:\/\/accons.ec\/wp-content\/uploads\/2025\/10\/Artboard-6-8.png\" alt=\"Cliente 5\">\n    <\/div>\n\n    <div class=\"fade-left\"><\/div>\n    <div class=\"fade-right\"><\/div>\n  <\/div>\n<\/section>\n\n<style>\n.logos-container {\n  position: relative;\n  height: 150px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n\n\/* Scroll horizontal PC *\/\n.logos-scroll {\n  display: flex;\n  align-items: center;\n  animation: scroll-logos-horizontal 20s linear infinite;\n}\n\n.logos-scroll img {\n  max-width: 150px;\n  margin: 0 40px;\n}\n\n\/* Degradados lateral *\/\n.fade-left, .fade-right {\n  position: absolute;\n  top: 0;\n  width: 150px; \/* Aumentado para un degradado m\u00e1s suave *\/\n  height: 100%;\n  pointer-events: none;\n  z-index: 2;\n}\n\n.fade-left {\n  left: 0;\n  \/* CORREGIDO: Sintaxis correcta para el degradado *\/\n  background: linear-gradient(to right, #000e4b, transparent);\n}\n\n.fade-right {\n  right: 0;\n  \/* CORREGIDO: Sintaxis correcta para el degradado *\/\n  background: linear-gradient(to left, #000e4b, transparent);\n}\n\n\/* Animaci\u00f3n horizontal *\/\n@keyframes scroll-logos-horizontal {\n  0% { transform: translateX(0); }\n  100% { transform: translateX(-50%); } \/* La mitad porque duplicamos logos *\/\n}\n\n\/* Responsive: vertical *\/\n@media (max-width: 900px) {\n  .logos-scroll {\n    flex-direction: column;\n    animation: scroll-logos-vertical 12s linear infinite;\n  }\n\n  .logos-scroll img {\n    margin: 20px 0;\n    max-width: 120px;\n  }\n\n  .logos-container {\n    height: 300px;\n    \/* A\u00d1ADIDO: Centra el contenedor de logos horizontalmente *\/\n    justify-content: center;\n  }\n\n  .fade-left, .fade-right {\n    display: none;\n  }\n\n  \/* Degradado superior e inferior para vertical *\/\n  .logos-container::before, .logos-container::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    width: 100%;\n    height: 60px;\n    pointer-events: none;\n    z-index: 2;\n  }\n\n  .logos-container::before {\n    top: 0;\n    background: linear-gradient(to bottom, #000e4b, transparent);\n  }\n\n  .logos-container::after {\n    bottom: 0;\n    background: linear-gradient(to top, #000e4b, transparent);\n  }\n}\n\n@keyframes scroll-logos-vertical {\n  0% { transform: translateY(0); }\n  100% { transform: translateY(-50%); }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Consultor\u00eda Empresarial \u00a1Brindamos soluciones integrales asegurando la tranquilidad de nuestros clientes! Cont\u00e1ctanos SERVICIOS Ofrecemos servicios como Outsourcing Contable, N\u00f3mina, Legales, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/accons.ec\/index.php\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/accons.ec\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/accons.ec\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/accons.ec\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/accons.ec\/index.php\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":52,"href":"https:\/\/accons.ec\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":605,"href":"https:\/\/accons.ec\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions\/605"}],"wp:attachment":[{"href":"https:\/\/accons.ec\/index.php\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}