{"id":78,"date":"2025-10-14T18:36:18","date_gmt":"2025-10-14T18:36:18","guid":{"rendered":"https:\/\/accons.ec\/accons\/?page_id=78"},"modified":"2026-03-05T14:02:16","modified_gmt":"2026-03-05T14:02:16","slug":"nosotros","status":"publish","type":"page","link":"https:\/\/accons.ec\/index.php\/nosotros\/","title":{"rendered":"Nosotros"},"content":{"rendered":"\n<!-- SECCI\u00d3N SOBRE NOSOTROS + VALORES (PPOS) -->\n<section id=\"sobre-nosotros\" class=\"banner-valores\">\n  <div class=\"container-sobre\">\n    \n    <!-- \u00cdcono SVG con efecto ne\u00f3n -->\n    <div class=\"icono-sobre\">\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 402.219 320.256\" class=\"icono-glow\">\n        <path fill=\"#ffffff\" d=\"M402.219,250.425l-3.517,5.515c-65.5,22.518-131.702,43.624-197.864,64.317L5.585,257.107c-9.353-4.724-4.639-23.077-2.363-31.435,6.341-23.282,22.38-41.096,43.207-52.613C-13.814,131.201,29.231,36.127,101.239,55.424c5.235,1.403,9.953,4.093,15.081,5.713C129.186,20.687,171.102-4.819,213.233.764c32.925,4.364,62.889,28.678,72.757,60.374,5.208-1.47,9.819-4.267,15.083-5.715,16.296-4.481,34.242-2.453,49.051,5.585,42.997,23.339,46.113,84.72,5.759,112.05,22.066,12.096,38.421,31.499,44.248,56.284l2.088,10.871v10.21ZM193.93,20.538c-46.089,4.33-74.942,53.229-57.318,96.118,20.986,51.073,92.085,58.505,122.515,12.275,32.714-49.7-6.337-113.923-65.196-108.393ZM80.829,73.164c-35.526,2.383-55.069,42.498-34.718,71.946,19.999,28.94,65.06,24.772,78.829-7.4-10.474-16.967-14.235-35.499-13.718-55.356-8.777-6.177-19.594-9.915-30.394-9.19ZM290.866,82.515c1.033,19.74-3.216,38.344-13.494,55.195,16.576,38.657,74.409,34.462,85.35-6.5,11.409-42.712-36.696-74.656-71.856-48.695ZM157.168,167.968c-7.157-3.037-12.766-8.678-18.831-13.361-3.679,7.795-10.548,13.412-17.276,18.456l12.807,8.138,23.3-13.233ZM245.144,168.734l23.3,12.468,12.807-8.138c-6.727-5.044-13.597-10.661-17.276-18.456l-18.832,14.127ZM194.713,179.972c-46.87,3.241-85.629,41.474-88.267,88.546l95.077,30.642,94.343-30.642c-3.022-51.906-49.234-92.135-101.153-88.546ZM86.479,262.209c2.563-19.39,9.273-37.729,20.575-53.657,3.365-4.743,7.293-8.914,10.853-13.483-38.702-26.089-91.83-.255-97.449,45.45l66.021,21.69ZM381.77,240.952c-5.085-46.011-58.477-72.049-97.364-45.881,3.562,4.567,7.488,8.739,10.853,13.481,11.302,15.928,18.011,34.267,20.575,53.657l65.937-21.257Z\"\/>\n      <\/svg>\n    <\/div>\n\n    <!-- T\u00edtulo -->\n    <h2 class=\"titulo-sobre\">Sobre Nosotros<\/h2>\n\n    <!-- Siglas PPOS -->\n    <div class=\"siglas\">\n      <span>P<\/span>\n      <span>P<\/span>\n      <span>O<\/span>\n      <span>S<\/span>\n    <\/div>\n\n    <!-- Tarjetas de valores -->\n    <div class=\"tarjetas\">\n      <div class=\"tarjeta\">\n        <h3>PERSONAS<\/h3>\n        <p>En ACCONS, cada uno de ustedes es importante. Aqu\u00ed nadie camina solo: nos preocupamos por c\u00f3mo est\u00e1s, por lo que sue\u00f1as y por lo que necesitas. Te capacitamos, buscamos beneficios para ti y tu familia, y sobre todo queremos que te sientas orgulloso de estar aqu\u00ed. Porque si t\u00fa no est\u00e1s bien, nadie est\u00e1 bien.<\/p>\n      <\/div>\n      <div class=\"tarjeta\">\n        <h3>PROCESOS<\/h3>\n        <p>Los procesos no son para complicarnos, son para hacernos la vida m\u00e1s f\u00e1cil. En ACCONS creemos que con pasos claros y ordenados, todos trabajamos mejor, m\u00e1s r\u00e1pido y con menos estr\u00e9s. Un buen proceso es como una receta: si la seguimos, el resultado siempre sale bien.<\/p>\n      <\/div>\n      <div class=\"tarjeta\">\n        <h3>ORDEN<\/h3>\n        <p>El orden no es aburrido, es tranquilidad. Cuando tenemos todo en su lugar, sabemos qu\u00e9 hacer y cu\u00e1ndo hacerlo. Eso nos da paz, nos evita corre-corre de \u00faltima hora y nos deja tiempo para lo que realmente importa.<\/p>\n      <\/div>\n      <div class=\"tarjeta\">\n        <h3>SERVICIO<\/h3>\n        <p>En ACCONS, servir no es solo parte del trabajo: es nuestra manera de ser. Cada persona que entra por la puerta trae una necesidad, y nuestra misi\u00f3n es solucionarla, quitarle un peso de encima y hacerla sentir en confianza.<\/p>\n      <\/div>\n    <\/div>\n\n\n      <\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n  html, body {\n    overflow-x: hidden; \/* evita desplazamiento horizontal *\/\n  }\n\n  \/* Banner principal (fondo y tipograf\u00eda) *\/\n  .banner-valores {\n    background: linear-gradient(135deg, #000e4b, #000e4b);\n    color: #fff;\n    padding: 60px 20px 40px 20px;\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n  }\n\n  .container-sobre {\n    max-width: 1000px;\n    margin: 0 auto;\n  }\n\n  \/* \u00cdcono animado *\/\n  .icono-sobre {\n    width: 100px;\n    margin: 0 auto 20px;\n    filter: drop-shadow(0 0 8px rgba(255,255,255,0.7));\n    animation: iconGlow 3s ease-in-out infinite alternate;\n  }\n\n  .icono-glow {\n    width: 100%;\n    height: auto;\n  }\n\n  @keyframes iconGlow {\n    0% { \n      filter: drop-shadow(0 0 5px rgba(255,255,255,0.4)) \n              drop-shadow(0 0 10px rgba(255,255,255,0.3)); \n      transform: scale(1); \n    }\n    100% { \n      filter: drop-shadow(0 0 15px rgba(255,255,255,0.9)) \n              drop-shadow(0 0 25px rgba(255,255,255,0.8)); \n      transform: scale(1.05); \n    }\n  }\n\n  .titulo-sobre {\n    font-size: 2.8em;\n    font-weight: 700;\n    margin-bottom: 30px;\n    color: #fff;\n    letter-spacing: 1px;\n    position: relative;\n    animation: fadeInDown 1.2s ease forwards;\n  }\n\n  @keyframes fadeInDown {\n    from { opacity: 0; transform: translateY(-20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* Siglas *\/\n  .banner-valores .siglas {\n    font-size: 100px;\n    font-weight: 900;\n    letter-spacing: 50px;\n    margin-bottom: 40px;\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n  }\n\n  .banner-valores .siglas span {\n    display: inline-block;\n    transition: transform 0.3s ease, color 0.3s ease;\n    cursor: pointer;\n  }\n\n  .banner-valores .siglas span:hover {\n    transform: scale(1.2);\n    color: #b727c7;\n  }\n\n  \/* Tarjetas *\/\n  .banner-valores .tarjetas {\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 20px;\n    margin-bottom: 30px;\n  }\n\n  .banner-valores .tarjeta {\n    background: rgba(255,255,255,0.05);\n    border-radius: 12px;\n    padding: 20px;\n    max-width: 250px;\n    flex: 1 1 200px;\n    text-align: left;\n    box-shadow: 0 8px 20px rgba(0,0,0,0.3);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n  }\n\n  .banner-valores .tarjeta:hover,\n  .banner-valores .tarjeta.active {\n    transform: translateY(-5px);\n    box-shadow: 0 12px 25px rgba(0,0,0,0.5);\n  }\n\n  .banner-valores .tarjeta h3 {\n    font-size: 20px;\n    margin-bottom: 10px;\n    color: #b727c7;\n  }\n\n  .banner-valores .tarjeta p {\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n  .banner-valores .texto-complementario {\n    max-width: 900px;\n    margin: 0 auto 30px auto;\n    font-size: 16px;\n    line-height: 1.7;\n    color: #f0f0f0;\n  }\n\n  \/* Responsive *\/\n  @media (max-width: 768px) {\n    .banner-valores {\n      padding: 50px 15px;\n    }\n\n    .titulo-sobre {\n      font-size: 2em;\n      margin-bottom: 25px;\n    }\n\n    \/* Siglas en vertical *\/\n    .banner-valores .siglas {\n      flex-direction: column;\n      align-items: center;\n      font-size: 60px;\n      letter-spacing: 0;\n      margin-bottom: 25px;\n      line-height: 1.1;\n    }\n\n    .banner-valores .siglas span {\n      margin: 8px 0;\n    }\n\n    .banner-valores .tarjeta {\n      max-width: 90%;\n      text-align: center;\n    }\n\n    .banner-valores .texto-complementario {\n      font-size: 15px;\n      padding: 0 10px;\n    }\n\n    .icono-sobre {\n      width: 70px;\n      margin-bottom: 15px;\n    }\n  }\n<\/style>\n\n<script>\n  \/\/ Relacionar letras con tarjetas (PPOS)\n  const letras = document.querySelectorAll('.siglas span');\n  const tarjetas = document.querySelectorAll('.tarjeta');\n\n  letras.forEach((letra, index) => {\n    letra.addEventListener('mouseenter', () => {\n      tarjetas[index].classList.add('active');\n    });\n    letra.addEventListener('mouseleave', () => {\n      tarjetas[index].classList.remove('active');\n    });\n  });\n<\/script>\n\n\n\n<section id=\"cultura\" style=\"background-color:#000e4b; color:#fff; padding:60px 20px 70px; font-family:'Montserrat',sans-serif; overflow:hidden; margin:0;\">\n  <div class=\"container\" style=\"max-width:1200px; margin:auto; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:60px;\">\n\n    <!-- Contenedor n\u00famero y signo + -->\n    <div class=\"numero-wrapper\">\n      <span class=\"plus-sign\">+<\/span>\n\n      <svg class=\"numero-svg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 308.622 438.033\" preserveAspectRatio=\"xMidYMid meet\">\n        <defs>\n          <linearGradient id=\"grad15\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n            <stop offset=\"0%\" stop-color=\"#cc00cc\"\/>\n            <stop offset=\"100%\" stop-color=\"#9a02ab\"\/>\n          <\/linearGradient>\n        <\/defs>\n\n        <!-- Trazo base blanco -->\n        <text x=\"0\" y=\"360\" fill=\"none\" stroke=\"white\" stroke-width=\"6\" font-family=\"Bebas Neue, sans-serif\" font-size=\"425.691px\">15<\/text>\n\n        <!-- L\u00ednea brillante degradada -->\n        <text x=\"0\" y=\"360\" fill=\"none\" stroke=\"url(#grad15)\" stroke-width=\"6\" stroke-linecap=\"round\"\n          stroke-dasharray=\"1600\" stroke-dashoffset=\"1600\"\n          font-family=\"Bebas Neue, sans-serif\" font-size=\"425.691px\" class=\"brillo\">15<\/text>\n      <\/svg>\n    <\/div>\n\n    <!-- Texto -->\n    <div class=\"texto-cultura\" style=\"max-width:550px;\">\n      <h2 class=\"titulo-cultura\">Nuestra Cultura Empresarial<\/h2>\n      <p style=\"font-size:1.1em; color:#d1d1e0; line-height:1.7em; margin-bottom:20px;\">\n        Con m\u00e1s de 15 a\u00f1os de trayectoria, nos apasiona lograr mejores resultados para nuestros clientes.\n      <\/p>\n\n      <h3 style=\"font-size:1.3em; font-weight:700; color:#cc00cc; margin-bottom:10px;\">Misi\u00f3n<\/h3>\n      <p style=\"font-size:1.05em; color:#d1d1e0; line-height:1.7em; margin-bottom:25px;\">\n        Accons es un grupo consultor conformado por un equipo multidisciplinario, que brinda soluciones empresariales personalizadas, integrales y estrat\u00e9gicas, impulsando a sus clientes a ir de la idea a la acci\u00f3n.\n      <\/p>\n\n      <h3 style=\"font-size:1.3em; font-weight:700; color:#cc00cc; margin-bottom:10px;\">Visi\u00f3n<\/h3>\n      <p style=\"font-size:1.05em; color:#d1d1e0; line-height:1.7em;\">\n        Para el 2027, Accons se proyecta a ser un grupo con procesos sistematizados y estandarizados con un crecimiento sostenible, implementando al menos dos nuevas l\u00edneas de negocio, con personal estable, motivado y competente, garantizando la tranquilidad de sus clientes.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <style>\n    #cultura {\n      padding-top: 60px !important;\n      padding-bottom: 70px !important;\n      margin: 0 !important;\n    }\n\n    .numero-wrapper {\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 420px;\n      height: 440px;\n      overflow: visible;\n    }\n\n    .plus-sign {\n      position: absolute;\n      left: -45px;\n      font-size: 7em;\n      font-weight: 700;\n      color: #cc00cc;\n      text-shadow: 0 0 10px rgba(204,0,204,0.8), 0 0 20px rgba(204,0,204,0.6);\n      animation: plusGlow 2.5s infinite alternate;\n      z-index: 2;\n      top: 50%;\n      transform: translateY(-50%);\n    }\n\n    @keyframes plusGlow {\n      0% { text-shadow: 0 0 8px rgba(204,0,204,0.4); transform: translateY(-50%) scale(1); }\n      100% { text-shadow: 0 0 18px rgba(204,0,204,1); transform: translateY(-50%) scale(1.05); }\n    }\n\n    .numero-svg {\n      width: 100%;\n      height: 100%;\n      overflow: visible;\n    }\n\n    .numero-svg .brillo {\n      animation: recorridoNeon 5.5s ease-in-out infinite;\n      filter: drop-shadow(0 0 8px #cc00cc) drop-shadow(0 0 15px #9a02ab);\n    }\n\n    @keyframes recorridoNeon {\n      0% { stroke-dashoffset: 1600; opacity: 0; }\n      10% { opacity: 1; }\n      45% { stroke-dashoffset: 0; opacity: 1; }\n      75% { opacity: 0.5; }\n      100% { stroke-dashoffset: -1600; opacity: 0; }\n    }\n\n    .titulo-cultura {\n      font-size: 2em;\n      font-weight: 700;\n      margin-top: 0 !important;\n      margin-bottom: 20px;\n      color: #ffffff !important;\n    }\n\n    \/* \ud83c\udf19 Responsive *\/\n    @media (max-width: 768px) {\n      .container {\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n      }\n\n      .numero-wrapper {\n        width: 220px;\n        height: 230px;\n        margin-bottom: 25px;\n      }\n\n      .plus-sign {\n        left: -20px;\n        font-size: 4em;\n      }\n\n      .texto-cultura {\n        text-align: center !important;\n        margin: 0 auto;\n        max-width: 95%;\n      }\n\n      .titulo-cultura {\n        font-size: 1.7em;\n        text-align: center !important;\n      }\n\n      .texto-cultura p {\n        font-size: 1em;\n        line-height: 1.7em;\n        text-align: center;\n        margin-left: auto;\n        margin-right: auto;\n      }\n\n      .texto-cultura h3 {\n        text-align: center !important;\n      }\n    }\n  <\/style>\n<\/section>\n\n\n\n<section id=\"valores\" style=\"position:relative; overflow:hidden; background-color:#000e4b; color:#fff; padding:100px 20px;\">\n  <!-- Fondo animado de nodos -->\n  <canvas id=\"nodos-bg\"><\/canvas>\n\n  <div class=\"valores-container\">\n    <h2 class=\"titulo-valores\">Valores Corporativos<\/h2>\n\n    <div class=\"valores-grid\">\n     \n      <div class=\"valor-item\">Personas<\/div>\n      <div class=\"valor-item\">Procesos<\/div>\n      <div class=\"valor-item\">Orden<\/div>\n      <div class=\"valor-item\">Servicios<\/div>\n     \n    <\/div>\n  <\/div>\n\n  <style>\n    #valores {\n      position: relative;\n      overflow: hidden;\n      padding-top: 100px;\n      padding-bottom: 100px;\n    }\n\n    \/* Canvas fondo *\/\n    #nodos-bg {\n      position: absolute;\n      top: 0; left: 0;\n      width: 100%; height: 100%;\n      z-index: 0;\n      opacity: 0.35;\n    }\n\n    .valores-container {\n      position: relative;\n      z-index: 2;\n      max-width: 1000px;\n      margin: 0 auto;\n      text-align: center;\n    }\n\n    .titulo-valores {\n      font-size: 2.5em;\n      font-weight: 700;\n      color: #fff;\n      position: relative;\n      display: inline-block;\n      margin-bottom: 60px;\n    }\n\n    .titulo-valores::after {\n      content: '';\n      position: absolute;\n      left: 50%;\n      bottom: -10px;\n      transform: translateX(-50%);\n      width: 60%;\n      height: 3px;\n      background: linear-gradient(90deg, #cc00cc, #9a02ab);\n      border-radius: 2px;\n      box-shadow: 0 0 15px #cc00cc;\n    }\n\n    .valores-grid {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 20px;\n      max-width: 900px;\n      margin: 0 auto;\n    }\n\n    .valor-item {\n      border: 1.5px solid rgba(255,255,255,0.4);\n      border-radius: 30px;\n      padding: 14px 28px;\n      font-size: 1.05em;\n      letter-spacing: 0.5px;\n      color: #fff;\n      transition: all 0.4s ease;\n      opacity: 0;\n      transform: translateY(30px);\n      animation: fadeUp 1s forwards;\n      background: rgba(255,255,255,0.05);\n    }\n\n    .valor-item:nth-child(1) { animation-delay: 0.2s; }\n    .valor-item:nth-child(2) { animation-delay: 0.4s; }\n    .valor-item:nth-child(3) { animation-delay: 0.6s; }\n    .valor-item:nth-child(4) { animation-delay: 0.8s; }\n    .valor-item:nth-child(5) { animation-delay: 1s; }\n    .valor-item:nth-child(6) { animation-delay: 1.2s; }\n    .valor-item:nth-child(7) { animation-delay: 1.4s; }\n\n    @keyframes fadeUp {\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    .valor-item:hover {\n      border-color: #cc00cc;\n      box-shadow: 0 0 15px rgba(204,0,204,0.8);\n      color: #cc00cc;\n      background: rgba(255,255,255,0.1);\n      transform: scale(1.05);\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 768px) {\n      #valores {\n        padding: 60px 20px 80px;\n      }\n\n      .titulo-valores {\n        font-size: 1.9em;\n        margin-bottom: 40px;\n      }\n\n      .valores-grid {\n        flex-direction: column;\n        align-items: center;\n        gap: 15px;\n      }\n\n      .valor-item {\n        width: 90%;\n        max-width: 280px;\n        text-align: center;\n      }\n    }\n  <\/style>\n\n  <script>\n    \/\/ Fondo animado de nodos interconectados\n    const canvas = document.getElementById('nodos-bg');\n    const ctx = canvas.getContext('2d');\n    let width, height, nodes;\n\n    function init() {\n      width = canvas.width = window.innerWidth;\n      height = canvas.height = document.getElementById('valores').offsetHeight;\n      nodes = [];\n      for (let i = 0; i < 40; i++) {\n        nodes.push({\n          x: Math.random() * width,\n          y: Math.random() * height,\n          vx: (Math.random() - 0.5) * 0.3,\n          vy: (Math.random() - 0.5) * 0.3\n        });\n      }\n    }\n\n    function draw() {\n      ctx.clearRect(0, 0, width, height);\n      for (let i = 0; i < nodes.length; i++) {\n        const n = nodes[i];\n        n.x += n.vx;\n        n.y += n.vy;\n\n        if (n.x < 0 || n.x > width) n.vx *= -1;\n        if (n.y < 0 || n.y > height) n.vy *= -1;\n\n        ctx.beginPath();\n        ctx.arc(n.x, n.y, 2, 0, Math.PI * 2);\n        ctx.fillStyle = '#fff';\n        ctx.fill();\n\n        \/\/ Conexiones\n        for (let j = i + 1; j < nodes.length; j++) {\n          const n2 = nodes[j];\n          const dx = n.x - n2.x;\n          const dy = n.y - n2.y;\n          const dist = Math.sqrt(dx * dx + dy * dy);\n          if (dist < 120) {\n            const alpha = 1 - dist \/ 120;\n            ctx.strokeStyle = `rgba(204,0,204,${alpha * 0.2})`;\n            ctx.lineWidth = 1;\n            ctx.beginPath();\n            ctx.moveTo(n.x, n.y);\n            ctx.lineTo(n2.x, n2.y);\n            ctx.stroke();\n          }\n        }\n      }\n      requestAnimationFrame(draw);\n    }\n\n    window.addEventListener('resize', init);\n    init();\n    draw();\n  <\/script>\n<\/section>\n\n\n\n<section id=\"equipo\" style=\"background-color:#000e4b; color:#fff; padding:100px 20px; font-family:'Montserrat',sans-serif; overflow:hidden;\">\n  <div class=\"equipo-container\">\n\n    <!-- T\u00edtulo -->\n    <h2 class=\"titulo-equipo\">Nuestro equipo profesional<\/h2>\n\n    <!-- Bloques informativos -->\n    <div class=\"bloques-info\">\n      <div class=\"bloque\">\n        <img decoding=\"async\" src=\"https:\/\/accons.ec\/wp-content\/uploads\/2025\/10\/Artboard-6-8-1.png\" alt=\"Nuestro compromiso\">\n        <h3>Nuestro compromiso<\/h3>\n        <p>Nos apasiona ofrecer un servicio que marque la diferencia, cumpliendo con excelencia, \u00e9tica y un enfoque constante en resultados tangibles para nuestros clientes.<\/p>\n      <\/div>\n      <div class=\"bloque\">\n        <img decoding=\"async\" src=\"https:\/\/accons.ec\/wp-content\/uploads\/2025\/10\/Artboard-5-8-2.png\" alt=\"Relaciones aut\u00e9nticas\">\n        <h3>Relaciones aut\u00e9nticas<\/h3>\n        <p>Valoramos las relaciones humanas, la cercan\u00eda y la confianza. M\u00e1s que clientes, construimos alianzas duraderas basadas en respeto y colaboraci\u00f3n genuina.<\/p>\n      <\/div>\n      <div class=\"bloque\">\n        <img decoding=\"async\" src=\"https:\/\/accons.ec\/wp-content\/uploads\/2025\/10\/Artboard-3-8-1.png\" alt=\"Energ\u00eda y resultados\">\n        <h3>Energ\u00eda y resultados<\/h3>\n        <p>Combinamos estrategia y acci\u00f3n con energ\u00eda contagiosa. Nuestro impulso y compromiso garantizan resultados reales, sostenibles y medibles.<\/p>\n      <\/div>\n      <div class=\"bloque\">\n        <img decoding=\"async\" src=\"https:\/\/accons.ec\/wp-content\/uploads\/2025\/10\/Artboard-2-8-1.png\" alt=\"Un solo equipo\">\n        <h3>Un solo equipo<\/h3>\n        <p>Trabajamos como una sola fuerza, uniendo talento y prop\u00f3sito. Nuestra actitud colaborativa impulsa el \u00e9xito conjunto de cada proyecto.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Texto introductorio -->\n    <p class=\"intro-equipo\">\n      Accons est\u00e1 conformado por un equipo de profesionales dedicados y apasionados que tienen como objetivo brindar el mejor servicio, generando soluciones personalizadas, integrales y estrat\u00e9gicas.\n    <\/p>\n\n    <!-- Fundadores -->\n    <div class=\"equipo-fila fundadores\">\n      <div class=\"card grande\">\n        <img decoding=\"async\" src=\"https:\/\/accons.ec\/wp-content\/uploads\/2025\/10\/accons-lourdes-1.jpg\" alt=\"Ma. Lourdes Mosquera\">\n        <h3><strong>Ma. Lourdes Mosquera<\/strong><\/h3>\n        <p>SOCIA FUNDADORA<\/p>\n      <\/div>\n      <div class=\"card grande\">\n        <img decoding=\"async\" src=\"https:\/\/accons.ec\/wp-content\/uploads\/2025\/10\/accons-carlos-1.jpg\" alt=\"Dr. Carlos Le\u00f3n Acosta\">\n        <h3><strong>Dr. Carlos Le\u00f3n Acosta<\/strong><\/h3>\n        <p>SOCIO FUNDADOR<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Segunda fila -->\n    <div class=\"equipo-fila\">\n      <div class=\"card\">\n        <img decoding=\"async\" src=\"https:\/\/accons.ec\/wp-content\/uploads\/2025\/10\/DSC_0395-1-1-768x768-1.jpg\" alt=\"Jennifer Barreto\">\n        <h3><strong>Jennifer Barreto<\/strong><\/h3>\n        <p>ACCONS PARTNER<\/p>\n      <\/div>\n      <div class=\"card\">\n        <img decoding=\"async\" src=\"https:\/\/accons.ec\/wp-content\/uploads\/2025\/10\/accons-fernando-1-768x768-1.jpg\" alt=\"Fernando Parra Su\u00e1rez\">\n        <h3><strong>Fernando Parra Su\u00e1rez<\/strong><\/h3>\n        <p>AUDDIT-TEAMMS PARTNER<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- \u00daltima fila -->\n    <div class=\"equipo-fila\">\n      <div class=\"card\">\n        <img decoding=\"async\" src=\"https:\/\/accons.ec\/wp-content\/uploads\/2025\/10\/Pamela-Paredes-Legal-Partner-1-768x768-1.jpg\" alt=\"Pamela Paredes\">\n        <h3><strong>Pamela Paredes<\/strong><\/h3>\n        <p>LEGGAL PARTNER<\/p>\n      <\/div>\n      <div class=\"card\">\n        <img decoding=\"async\" src=\"https:\/\/accons.ec\/wp-content\/uploads\/2025\/10\/Juan-Pablo-Torres.png\" alt=\"Juan Pablo Torres\">\n        <h3><strong>Juan Pablo Torres<\/strong><\/h3>\n        <p>NEXDATTA PARTNER<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <style>\n    #equipo { text-align: center; }\n\n    \/* --- T\u00edtulo --- *\/\n    .titulo-equipo {\n      font-size: 2.6em;\n      font-weight: 700;\n      margin-bottom: 60px;\n      color: #fff;\n      position: relative;\n      display: inline-block;\n    }\n    .titulo-equipo::after {\n      content: '';\n      position: absolute;\n      left: 50%;\n      bottom: -10px;\n      transform: translateX(-50%);\n      width: 60%;\n      height: 3px;\n      background: linear-gradient(90deg,#cc00cc,#9a02ab);\n      border-radius: 2px;\n      box-shadow: 0 0 15px #cc00cc;\n    }\n\n    \/* --- Bloques informativos --- *\/\n    .bloques-info {\n      display: grid;\n      grid-template-columns: repeat(auto-fit,minmax(220px,1fr));\n      gap: 25px;\n      max-width: 1000px;\n      margin: 0 auto 60px;\n    }\n    .bloque {\n      background: rgba(255,255,255,0.05);\n      border: 1px solid rgba(255,255,255,0.2);\n      border-radius: 20px;\n      padding: 30px 20px;\n      transition: all 0.4s ease;\n    }\n    .bloque img {\n      width: 70px;\n      height: 70px;\n      margin-bottom: 15px;\n      filter: drop-shadow(0 0 10px rgba(204,0,204,0.4));\n    }\n    .bloque h3 {\n      font-size: 1.2em;\n      margin-bottom: 10px;\n      color: #fff;\n    }\n    .bloque p {\n      color: #d1d1e0;\n      font-size: 0.95em;\n      line-height: 1.6em;\n      max-width: 260px;\n      margin: 0 auto;\n    }\n    .bloque:hover {\n      border-color: #cc00cc;\n      box-shadow: 0 0 20px rgba(204,0,204,0.5);\n      transform: translateY(-5px);\n    }\n\n    \/* --- Texto --- *\/\n    .intro-equipo {\n      max-width: 800px;\n      margin: 40px auto 40px; \/* espaciado equilibrado arriba y abajo *\/\n      font-size: 1.05em;\n      color: #d1d1e0;\n      line-height: 1.8em;\n    }\n\n    \/* --- Fundadores y equipo --- *\/\n    .equipo-fila {\n      display: flex;\n      justify-content: center;\n      flex-wrap: wrap;\n      gap: 40px;\n      margin-bottom: 60px;\n    }\n    .fundadores {\n      margin-top: 20px; \/* peque\u00f1o espacio encima del bloque *\/\n    }\n\n    .card {\n      background: rgba(255,255,255,0.03);\n      border-radius: 15px;\n      padding: 20px;\n      width: 230px;\n      text-align: center;\n      transition: all 0.4s ease;\n    }\n    .card.grande {\n      width: 260px; \/* fundadores ligeramente m\u00e1s grandes *\/\n    }\n\n    .card img {\n      width: 100%;\n      aspect-ratio: 1 \/ 1;\n      object-fit: cover;\n      border-radius: 10px;\n      margin-bottom: 15px;\n      transition: all 0.4s ease;\n    }\n\n    .card h3 {\n      font-size: 1.05em;\n      color: #fff;\n      margin: 0;\n    }\n    .card p {\n      color: #cc00cc;\n      font-weight: 600;\n      font-size: 0.9em;\n      margin-top: 5px;\n    }\n    .card:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 0 20px rgba(204,0,204,0.3);\n    }\n    .card:hover img {\n      box-shadow: 0 0 20px rgba(204,0,204,0.6);\n      transform: scale(1.05);\n    }\n\n    \/* --- Responsive --- *\/\n    @media(max-width:768px){\n      .titulo-equipo { font-size: 2em; }\n      .bloques-info { grid-template-columns: 1fr; }\n      .intro-equipo { font-size: 1em; margin: 30px auto 30px; }\n      .equipo-fila { flex-direction: column; align-items: center; gap: 30px; }\n      .card, .card.grande { width: 80%; max-width: 300px; }\n      .card img { height: auto; }\n    }\n  <\/style>\n<\/section>\n\n","protected":false},"excerpt":{"rendered":"<p>Sobre Nosotros P P O S PERSONAS En ACCONS, cada uno de ustedes es importante. Aqu\u00ed nadie camina solo: nos [&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-78","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/accons.ec\/index.php\/wp-json\/wp\/v2\/pages\/78","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=78"}],"version-history":[{"count":22,"href":"https:\/\/accons.ec\/index.php\/wp-json\/wp\/v2\/pages\/78\/revisions"}],"predecessor-version":[{"id":528,"href":"https:\/\/accons.ec\/index.php\/wp-json\/wp\/v2\/pages\/78\/revisions\/528"}],"wp:attachment":[{"href":"https:\/\/accons.ec\/index.php\/wp-json\/wp\/v2\/media?parent=78"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}