{"id":116,"date":"2025-10-14T21:59:10","date_gmt":"2025-10-14T21:59:10","guid":{"rendered":"https:\/\/accons.ec\/accons\/?page_id=116"},"modified":"2025-11-19T21:53:59","modified_gmt":"2025-11-19T21:53:59","slug":"sectores","status":"publish","type":"page","link":"https:\/\/accons.ec\/index.php\/sectores\/","title":{"rendered":"Sectores"},"content":{"rendered":"\n<section id=\"sectores\" style=\"background-color:#000e4b; color:#fff; padding:100px 20px; font-family:'Montserrat',sans-serif;\">\n  <div class=\"sectores-container\">\n    <h2 class=\"titulo-sectores\">Sectores<\/h2>\n    <p class=\"subtitulo-sectores\">Nos apasiona conseguir los mejores resultados para ti.<\/p>\n\n    <div class=\"svg-container\">\n      <svg class=\"svg-sectores\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 383.164\">\n        <defs>\n          <\/defs>\n        <path class=\"cls-1\" d=\"M26.25,383.164h-7.5c-9.97-2.568-16.176-8.761-18.75-18.713v-7.485c3.49-14.801,17.968-22.782,32.262-16.816l29.103-29.212c-21.435-24.182-37.113-53.614-43.145-85.561-1.447-7.665-2.962-17.513-3.21-25.236-.167-5.205-.198-11.604,6.348-12.362,14.601-1.69,32.334,1.307,47.283,0,8.812,1.041,6.96,15.555,8.076,22.63,6.908,43.794,37.724,77.374,78.892,91.928,8.504,3.006,16.72,1.196,17.666,12.31.808,9.491,1.182,35.007-.362,43.854-2.019,11.567-14.122,6.654-22.172,4.835-29.27-6.613-56.044-21.777-78.374-41.418l-29.269,29.047c5.978,14.266-2.018,28.716-16.849,32.199ZM60.75,202.766h-30c3.462,70.795,58.144,132.905,127.5,146.713v-30.316c-12.03-4.185-23.508-8.412-34.441-15.029-35.705-21.609-59.691-59.57-63.059-101.368ZM20.8,353.393c-9.301,1.885-6.383,15.861,2.754,14.78,9.407-1.113,8.592-17.079-2.754-14.78Z\"\/>\n        <path class=\"cls-1\" d=\"M384,18.626v7.485c-3.061,12.128-12.964,20.188-25.792,18.628-2.83-.344-6.514-2.807-8.689-1.798l-29.214,26.313c19.311,21.68,34.688,46.911,42.32,75.126,1.352,5,5.274,19.539,3.555,23.761-1.164,2.858-5.177,4.363-8.052,4.685-10.094,1.13-32.454.9-42.778.024-11.281-.957-10.088-11.38-13.29-20.42-13.956-39.401-49.617-69.424-91.152-75.95-6.989-1.098-21.644.735-22.674-8.06,1.071-14.969-1.365-31.717-.019-46.462.589-6.451,5.249-7.269,10.943-7.104,8.263.238,18.574,1.692,26.747,3.243,30.241,5.738,59.991,20.368,82.72,40.938l31.524-27.7c-9.276-32.143,35.145-44.747,43.851-12.709ZM359.808,15.043c-8.57,1.647-7.753,16.227,2.756,14.777,10.195-1.407,7.172-16.685-2.756-14.777ZM350.25,157.854c-13.818-69.232-76.075-123.766-147-127.251v29.942c41.88,3.361,79.915,27.3,101.566,62.936,6.63,10.912,10.865,22.368,15.059,34.374h30.375Z\"\/>\n        <path class=\"cls-1\" d=\"M181.35,98.195c81.436-7.204,134.658,80.891,87.316,147.778-45.589,64.41-147.487,46.195-167.628-29.896-14.422-54.484,23.226-112.832,80.311-117.882ZM182.095,113.161c-54.475,5.23-85.511,67.742-59.973,115.558,32.654,61.141,124.788,53.014,145.25-13.231,17.375-56.252-27.457-107.878-85.276-102.327Z\"\/>\n        <path class=\"cls-1\" d=\"M314.033,187.954l49.297-.114c2.738.272,4.982,3.245,5.497,5.74,1.083,5.255-1.337,21.287-2.295,27.308-12.788,80.395-84.742,144.702-166.662,147.294-5.865.186-11.028-.188-11.656-7.064-1.034-11.33-1.041-34.408,0-45.732.876-9.532,10.19-6.973,16.814-7.92,56.127-8.028,95.088-46.902,103.125-102.924.831-5.793-1.357-13.994,5.88-16.588ZM353.25,202.766h-30c-4.765,62.909-56.981,114.996-120,119.766v29.942c78.997-3.827,146.115-70.847,150-149.708Z\"\/>\n        <path class=\"cls-1\" d=\"M60.566,75.654c2.479-.434,4.248.314,6.214,1.701,4.857,3.428,28.907,27.598,32.61,32.577,5.547,7.456-2.853,13.897-6.702,20.289-4.896,8.132-8.529,16.053-11.703,24.998-3.003,8.462-1.198,16.69-12.334,17.631-10.914.922-31.139.924-42.052,0-14.303-1.211-8.549-15.149-6.135-24.889,4.804-19.387,21.01-56.362,35.785-69.829,1.022-.931,3.003-2.249,4.318-2.479ZM33.75,157.854h30.375c2.89-6.989,4.841-14.328,7.982-21.227,3.341-7.337,7.991-13.888,11.781-20.957l-21.264-21.429c-14.125,18.734-24.238,40.541-28.874,63.612Z\"\/>\n        <path class=\"cls-1\" d=\"M162.58,17.338c7.269-.693,9.936,1.94,10.661,9.156.984,9.782,1.098,32.991.011,42.66-1.16,10.312-11.33,9.275-19.341,12.135-8.166,2.915-15.922,6.678-23.347,11.131-6.062,3.635-13.322,12.442-20.329,6.689l-33.297-33.385c-4.816-7.994,9.229-16.023,15.075-20.013,17.997-12.282,48.84-26.302,70.567-28.373ZM158.25,33.597c-23.179,4.547-44.866,14.861-63.736,28.818l21.471,21.222c7.082-3.783,13.646-8.424,20.997-11.758,6.912-3.135,14.266-5.082,21.268-7.966v-30.316Z\"\/>\n      <\/svg>\n    <\/div>\n\n    <div class=\"accordion\">\n\n      <div class=\"accordion-item\">\n        <button class=\"accordion-header\">Comercio<\/button>\n        <div class=\"accordion-content\">\n          <p>Las apuestas en las diferentes ramas de este sector son altas. La medici\u00f3n de la gesti\u00f3n comercial de manera oportuna le permitir\u00e1 tener una ventaja competitiva.<br><br>\n          Como asesores especializados en materia societaria, tributaria, financiera y contable, le ayudamos a satisfacer las exigencias del mercado desde el inicio de sus actividades.<br><br>\n          Ofrecemos soluciones como puntos de venta r\u00e1pidos, m\u00f3dulos de control de inventarios y reportes para evaluar productos, ventas y resultados. Adem\u00e1s, nuestra experiencia en auditor\u00eda nos ha permitido dominar los procesos de comercio exterior.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"accordion-item\">\n        <button class=\"accordion-header\">Notarios<\/button>\n        <div class=\"accordion-content\">\n          <p>Accons tiene una experiencia privilegiada trabajando con importantes Notarios del pa\u00eds. Su delicada funci\u00f3n de dar fe p\u00fablica exige un apoyo profesional impecable en el \u00e1rea financiera.<br><br>\n          Nuestro sistema de trabajo asegura cifras exactas que evidencian la gesti\u00f3n notarial ante el SRI y el Consejo de la Judicatura.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"accordion-item\">\n        <button class=\"accordion-header\">Servicios Profesionales<\/button>\n        <div class=\"accordion-content\">\n          <p>Hemos acompa\u00f1ado a m\u00e9dicos, abogados, psic\u00f3logos, dise\u00f1adores, arquitectos, ingenieros y consultores independientes, brind\u00e1ndoles apoyo contable y tributario para mantener sus actividades formales y sostenibles.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"accordion-item\">\n        <button class=\"accordion-header\">Informaci\u00f3n y Comunicaci\u00f3n<\/button>\n        <div class=\"accordion-content\">\n          <p>Contamos con amplia experiencia trabajando con medios de comunicaci\u00f3n, lo que nos permite conocer procesos propios del sector y brindar asesor\u00eda adaptada a sus necesidades operativas y legales.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"accordion-item\">\n        <button class=\"accordion-header\">Artesanos<\/button>\n        <div class=\"accordion-content\">\n          <p>Apreciamos el trabajo manual y el conocimiento cultural que transmite. Apoyamos a peque\u00f1os emprendimientos mediante servicios integrales que promueven la sostenibilidad y crecimiento econ\u00f3mico.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"accordion-item\">\n        <button class=\"accordion-header\">Fundaciones Sin Fines de Lucro<\/button>\n        <div class=\"accordion-content\">\n          <p>Servimos a fundaciones con fines sociales a costos preferenciales, comprendiendo su labor. Brindamos control contable y financiero riguroso sobre el manejo de fondos propios y de terceros.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"accordion-item\">\n        <button class=\"accordion-header\">Ense\u00f1anza<\/button>\n        <div class=\"accordion-content\">\n          <p>Hemos apoyado a diversos planteles educativos, elaborando proyecciones financieras requeridas por el Ministerio de Educaci\u00f3n. Acompa\u00f1amos su gesti\u00f3n administrativa para asegurar continuidad y crecimiento sostenible.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"accordion-item\">\n        <button class=\"accordion-header\">Construcci\u00f3n y Bienes Ra\u00edces<\/button>\n        <div class=\"accordion-content\">\n          <p>Atendemos a constructoras, inmobiliarias y estudios de arquitectura. Ofrecemos reportes contables oportunos y asesor\u00eda tributaria actualizada. Nuestros m\u00f3dulos permiten manejar proyectos por centros de costos y asegurar cumplimiento normativo.<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <style>\n    \/* ----------------------------------- *\/\n    \/* ESTILOS GLOBALES           *\/\n    \/* ----------------------------------- *\/\n    #sectores {\n      text-align: center;\n    }\n\n    \/* --- T\u00edtulo --- *\/\n    .titulo-sectores {\n      font-size: 2.6em;\n      font-weight: 700;\n      color: #fff;\n      position: relative;\n      display: inline-block;\n      margin-bottom: 20px;\n    }\n\n    .titulo-sectores::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    .subtitulo-sectores {\n      font-size: 1.2em;\n      color: #d1d1e0;\n      margin-bottom: 50px; \/* Margen antes del SVG *\/\n    }\n\n    \/* ----------------------------------- *\/\n    \/* ESTILOS SVG              *\/\n    \/* ----------------------------------- *\/\n    .cls-1 {\n      fill: #cc00cc;\n      opacity: 0.25;\n      transition: opacity 0.5s ease, filter 0.5s ease;\n    }\n    .svg-container {\n      display:flex;\n      justify-content:center;\n      align-items:center;\n      \/* Margen sim\u00e9trico de separaci\u00f3n *\/\n      margin:40px 0 60px;\n    }\n    .svg-sectores {\n      width:160px;\n      filter:drop-shadow(0 0 8px #cc00cc);\n    }\n    .svg-sectores path.active {\n      opacity:1;\n      filter:drop-shadow(0 0 18px #cc00cc);\n    }\n\n    \/* ----------------------------------- *\/\n    \/* ESTILOS ACORDE\u00d3N            *\/\n    \/* ----------------------------------- *\/\n    .accordion {\n      max-width: 900px;\n      margin: 0 auto;\n      text-align: left;\n    }\n\n    .accordion-item {\n      margin-bottom: 15px;\n      border-radius: 15px;\n      overflow: hidden;\n      background: rgba(255,255,255,0.05);\n      border: 1px solid rgba(255,255,255,0.1);\n      transition: all 0.4s ease;\n    }\n\n    .accordion-item:hover {\n      border-color: #cc00cc;\n      box-shadow: 0 0 20px rgba(204,0,204,0.3);\n    }\n\n    .accordion-header {\n      width: 100%;\n      background: transparent;\n      color: #fff;\n      font-size: 1.3em;\n      font-weight: 600;\n      text-align: left;\n      padding: 20px 25px;\n      border: none;\n      cursor: pointer;\n      position: relative;\n      transition: all 0.3s ease;\n    }\n\n    .accordion-header::after {\n      content: '+';\n      position: absolute;\n      right: 25px;\n      top: 50%;\n      transform: translateY(-50%);\n      font-size: 1.5em;\n      color: #cc00cc;\n      transition: transform 0.3s ease;\n    }\n\n    .accordion-header.active::after {\n      content: '-';\n      transform: translateY(-50%) rotate(180deg);\n    }\n\n    .accordion-content {\n      max-height: 0;\n      overflow: hidden;\n      padding: 0 25px;\n      color: #d1d1e0;\n      line-height: 1.7em;\n      font-size: 1em;\n      background: rgba(255,255,255,0.03);\n      transition: all 0.4s ease;\n    }\n\n    .accordion-content.open {\n      padding: 20px 25px 30px;\n      max-height: 700px; \/* Suficiente para el contenido *\/\n    }\n\n    \/* ----------------------------------- *\/\n    \/* MEDIA QUERIES              *\/\n    \/* ----------------------------------- *\/\n    @media(max-width:768px){\n      .titulo-sectores { font-size: 2em; }\n      .subtitulo-sectores { font-size: 1.05em; margin-bottom: 40px; }\n      .accordion-header { font-size: 1.1em; padding: 18px 20px; }\n      .accordion-content { font-size: 0.95em; }\n      .svg-sectores { width: 110px; }\n    }\n  <\/style>\n\n  <script>\n    document.addEventListener('DOMContentLoaded', () => {\n      \/\/ -----------------------------------\n      \/\/         Script del Acorde\u00f3n\n      \/\/ -----------------------------------\n      const accordions = document.querySelectorAll('.accordion-header');\n\n      accordions.forEach(btn => {\n        btn.addEventListener('click', () => {\n          const content = btn.nextElementSibling;\n\n          \/\/ Cierra los dem\u00e1s\n          document.querySelectorAll('.accordion-content').forEach(c => {\n            if (c !== content) c.classList.remove('open');\n          });\n          document.querySelectorAll('.accordion-header').forEach(h => {\n            if (h !== btn) h.classList.remove('active');\n          });\n\n          \/\/ Alterna el actual\n          content.classList.toggle('open');\n          btn.classList.toggle('active');\n        });\n      });\n\n      \/\/ -----------------------------------\n      \/\/         Script de Animaci\u00f3n SVG\n      \/\/ -----------------------------------\n      const paths = document.querySelectorAll('.svg-sectores path');\n      let index = 0;\n\n      function iluminarSectores() {\n        paths.forEach(p => p.classList.remove('active'));\n        if (paths.length > 0) {\n          paths[index].classList.add('active');\n          index = (index + 1) % paths.length;\n        }\n      }\n\n      iluminarSectores();\n      setInterval(iluminarSectores, 1000);\n    });\n  <\/script>\n<\/section>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<!-- =======================\n  CONSTELACI\u00d3N DE VALORES \u2013 Versi\u00f3n Final H\u00edbrida Estable\n======================= -->\n<section id=\"valores-constelacion\" style=\"position:relative; background:#000e4b; color:#fff; overflow:hidden; font-family:'Montserrat',sans-serif;\">\n  <style>\n    #valores-constelacion {\n      position:relative;\n      padding:80px 20px 80px 20px;\n      overflow:hidden;\n    }\n    #valores-constelacion .vc-wrap {\n      position:relative;\n      max-width:1200px;\n      margin:0 auto;\n      overflow:hidden;\n      transition:all .3s ease;\n    }\n    #valores-constelacion canvas.vc-plexus {\n      position:absolute;\n      inset:0;\n      width:100%;\n      height:100%;\n      z-index:0;\n    }\n\n    \/* ===== FADE SUPERIOR ===== *\/\n    #valores-constelacion::before {\n      content:\"\";\n      position:absolute;\n      top:0;\n      left:0;\n      width:100%;\n      height:120px;\n      background:linear-gradient(to bottom, #000e4b 40%, rgba(0,14,75,0) 100%);\n      z-index:1;\n      pointer-events:none;\n    }\n\n    \/* ===== T\u00cdTULO ===== *\/\n    #valores-constelacion .vc-header {\n      position:relative;\n      z-index:2;\n      text-align:center;\n      margin-bottom:60px;\n    }\n    #valores-constelacion .vc-title {\n      color:#ffffff !important;\n      font-size:34px;\n      font-weight:800;\n      letter-spacing:.5px;\n      margin:0;\n      text-shadow:0 0 15px rgba(255,255,255,.5);\n    }\n\n    \/* ===== CONTENEDOR NODOS ===== *\/\n    #valores-constelacion .vc-nodes {\n      position:relative;\n      z-index:2;\n      display:flex;\n      justify-content:space-around;\n      align-items:flex-start;\n      flex-wrap:nowrap;\n      transition:height .3s ease;\n    }\n\n    \/* ===== NODO ===== *\/\n    #valores-constelacion .vc-node {\n      position:relative;\n      text-align:center;\n      cursor:default;\n    }\n    #valores-constelacion .punto {\n      width:20px;\n      height:20px;\n      border-radius:50%;\n      margin:0 auto;\n      background: radial-gradient(circle at 30% 30%, #AF1280, #821b9d 60%, rgba(183,39,199,.6) 100%);\n      box-shadow:\n        0 0 12px rgba(183,39,199,.9),\n        0 0 25px rgba(175,18,128,.6),\n        0 0 50px rgba(130,27,157,.35);\n      transition:transform .3s ease, box-shadow .3s ease;\n      animation:floaty 6s ease-in-out infinite;\n    }\n    @keyframes floaty {\n      0%{transform:translateY(0);}\n      50%{transform:translateY(-6px);}\n      100%{transform:translateY(0);}\n    }\n    #valores-constelacion .punto:hover { transform:scale(1.2); }\n\n    \/* ===== LABEL ===== *\/\n    #valores-constelacion .vc-label {\n      margin-top:16px;\n      font-size:15px;\n      font-weight:700;\n      color:#ffffff !important;\n      letter-spacing:.4px;\n      text-align:center;\n      text-shadow:0 0 8px rgba(255,255,255,.35);\n    }\n\n    \/* ===== TOOLTIP ===== *\/\n    #valores-constelacion .vc-tooltip {\n      position:absolute;\n      left:50%;\n      top:calc(100% + 12px);\n      transform:translateX(-50%);\n      background:rgba(3,6,34,.92);\n      border:1px solid rgba(183,39,199,.35);\n      border-radius:16px;\n      padding:16px 18px;\n      box-shadow:0 0 14px rgba(175,18,128,.4), inset 0 0 18px rgba(130,27,157,.15);\n      backdrop-filter:blur(5px);\n      width:260px;\n      max-width:80vw;\n      text-align:left;\n      display:none;\n      animation:fadeIn .25s ease forwards;\n      z-index:5;\n    }\n    @keyframes fadeIn {\n      from{opacity:0; transform:translate(-50%,10px);}\n      to{opacity:1; transform:translate(-50%,0);}\n    }\n    #valores-constelacion .vc-tooltip::before {\n      content:\"\";\n      position:absolute;\n      top:-8px;\n      left:50%;\n      transform:translateX(-50%) rotate(45deg);\n      width:14px; height:14px;\n      background:rgba(3,6,34,.92);\n      border-left:1px solid rgba(183,39,199,.35);\n      border-top:1px solid rgba(183,39,199,.35);\n    }\n    #valores-constelacion .vc-tooltip p {\n      margin:0;\n      font-size:13px;\n      line-height:1.55;\n      color:#fff;\n      opacity:.9;\n    }\n\n    \/* Hover muestra tooltip (PC) *\/\n    #valores-constelacion .vc-node:hover .vc-tooltip {\n      display:block;\n    }\n    #valores-constelacion .vc-node:hover { z-index:10; }\n\n    \/* ===== RESPONSIVE ===== *\/\n    @media(max-width:768px){\n      #valores-constelacion {\n        padding:90px 16px 80px 16px;\n      }\n      #valores-constelacion .vc-nodes {\n        flex-direction:column;\n        align-items:center;\n        gap:70px;\n        margin-top:25px;\n      }\n      #valores-constelacion .vc-tooltip {\n        width:85vw;\n        max-width:320px;\n      }\n    }\n  <\/style>\n\n  <div class=\"vc-wrap\" data-palette='[\"#b727c7\",\"#AF1280\",\"#821b9d\"]'>\n    <div class=\"vc-header\">\n      <h3 class=\"vc-title\">Nuestros Pilares<\/h3>\n    <\/div>\n\n    <canvas class=\"vc-plexus\" aria-hidden=\"true\"><\/canvas>\n\n    <div class=\"vc-nodes\">\n      <div class=\"vc-node\">\n        <div class=\"punto\"><\/div>\n        <p class=\"vc-label\">Personas<\/p>\n        <div class=\"vc-tooltip\"><p>Nuestro equipo multidisciplinario siempre est\u00e1 listo para resolver cualquier requerimiento que se pueda presentar.<\/p><\/div>\n      <\/div>\n\n      <div class=\"vc-node\">\n        <div class=\"punto\"><\/div>\n        <p class=\"vc-label\">Procesos<\/p>\n        <div class=\"vc-tooltip\"><p>D\u00eda a d\u00eda crecemos personal y profesionalmente para ofrecer el mejor servicio integral, adapt\u00e1ndonos a las \u00faltimas tendencias del mercado.<\/p><\/div>\n      <\/div>\n\n      <div class=\"vc-node\">\n        <div class=\"punto\"><\/div>\n        <p class=\"vc-label\">Orden<\/p>\n        <div class=\"vc-tooltip\"><p>Mejoramos y desarrollamos las habilidades de nuestro equipo a trav\u00e9s de un crecimiento constante en conocimiento empresarial.<\/p><\/div>\n      <\/div>\n\n      <div class=\"vc-node\">\n        <div class=\"punto\"><\/div>\n        <p class=\"vc-label\">Servicio<\/p>\n        <div class=\"vc-tooltip\"><p>Respetamos a nuestros clientes y socios, brindando servicios de calidad superior ajustados a sus requerimientos.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function(){\n      const root = document.getElementById('valores-constelacion');\n      const wrap = root.querySelector('.vc-wrap');\n      const canvas = root.querySelector('canvas.vc-plexus');\n      const ctx = canvas.getContext('2d', { alpha:true });\n      const nodes = root.querySelectorAll('.vc-node');\n      const palette = JSON.parse(wrap.getAttribute('data-palette') || '[\"#b727c7\",\"#AF1280\",\"#821b9d\"]');\n\n      function fit(){\n        const rect = wrap.getBoundingClientRect();\n        const cssW = rect.width;\n        const cssH = root.querySelector('.vc-nodes').scrollHeight + 200;\n        const dpr = Math.min(window.devicePixelRatio || 1, 2);\n        canvas.width = Math.floor(cssW * dpr);\n        canvas.height = Math.floor(cssH * dpr);\n        canvas.style.width = cssW + 'px';\n        canvas.style.height = cssH + 'px';\n        ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n      }\n\n      const rand = (a,b)=> a + Math.random()*(b-a);\n      let pts = [];\n      const linkDist = 140;\n      const n = 42;\n\n      function initPoints(){\n        const rect = canvas.getBoundingClientRect();\n        pts = [];\n        for(let i=0;i<n;i++){\n          pts.push({\n            x: rand(0, rect.width),\n            y: rand(0, rect.height),\n            vx: rand(-0.25, 0.25),\n            vy: rand(-0.25, 0.25),\n            r: rand(1.2, 2.2)\n          });\n        }\n      }\n\n      function step(){\n        const w = canvas.clientWidth, h = canvas.clientHeight;\n        ctx.clearRect(0,0,w,h);\n\n        const g = ctx.createRadialGradient(w*0.5, h*0.5, 60, w*0.5, h*0.5, Math.max(w,h));\n        g.addColorStop(0, 'rgba(10,12,50,0.10)');\n        g.addColorStop(1, 'rgba(0,0,0,0.0)');\n        ctx.fillStyle = g;\n        ctx.fillRect(0,0,w,h);\n\n        for(const p of pts){\n          p.x += p.vx; p.y += p.vy;\n          if(p.x<0||p.x>w) p.vx*=-1;\n          if(p.y<0||p.y>h) p.vy*=-1;\n        }\n\n        for(let i=0;i<pts.length;i++){\n          for(let j=i+1;j<pts.length;j++){\n            const a=pts[i], b=pts[j];\n            const dx=a.x-b.x, dy=a.y-b.y;\n            const d=Math.hypot(dx,dy);\n            if(d<linkDist){\n              const t=1-d\/linkDist;\n              const color=palette[(i+j)%palette.length];\n              ctx.strokeStyle=`rgba(${hexToRgb(color)}, ${0.15 + t*0.35})`;\n              ctx.lineWidth=1;\n              ctx.beginPath(); ctx.moveTo(a.x,a.y); ctx.lineTo(b.x,b.y); ctx.stroke();\n            }\n          }\n        }\n\n        for(const p of pts){\n          const color=palette[Math.floor(Math.random()*palette.length)];\n          ctx.fillStyle=`rgba(${hexToRgb(color)}, 0.9)`;\n          ctx.beginPath(); ctx.arc(p.x,p.y,p.r,0,Math.PI*2); ctx.fill();\n        }\n\n        requestAnimationFrame(step);\n      }\n\n      function hexToRgb(hex){\n        const s = hex.replace('#','');\n        const n = s.length===3? s.split('').map(ch=>ch+ch).join('') : s;\n        const r = parseInt(n.substring(0,2),16);\n        const g = parseInt(n.substring(2,4),16);\n        const b = parseInt(n.substring(4,6),16);\n        return `${r}, ${g}, ${b}`;\n      }\n\n      \/\/ === Expansi\u00f3n solo en MOBILE ===\n      function isMobile(){ return window.innerWidth <= 768; }\n\n      nodes.forEach(node=>{\n        const tip=node.querySelector('.vc-tooltip');\n\n        \/\/ Desktop: comportamiento original intacto\n        node.addEventListener('mouseenter', ()=>{\n          if(!isMobile()) tip.style.display='block';\n        });\n        node.addEventListener('mouseleave', ()=>{\n          if(!isMobile()) tip.style.display='none';\n        });\n\n        \/\/ Mobile: tap para abrir + expansi\u00f3n\n        node.addEventListener('click', ()=>{\n          if(isMobile()){\n            const open = tip.style.display==='block';\n            document.querySelectorAll('.vc-tooltip').forEach(t=>t.style.display='none');\n            wrap.style.minHeight='auto';\n            if(!open){\n              tip.style.display='block';\n              const extra=tip.scrollHeight+200;\n              wrap.style.minHeight = wrap.offsetHeight + extra + 'px';\n              tip.scrollIntoView({behavior:'smooth', block:'center'});\n            }\n          }\n        });\n      });\n\n      const ro = new ResizeObserver(()=>{ fit(); initPoints(); });\n      ro.observe(root.querySelector('.vc-nodes'));\n      fit(); initPoints(); step();\n    })();\n  <\/script>\n<\/section>\n\n\n\n<p><\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Sectores Nos apasiona conseguir los mejores resultados para ti. Comercio Las apuestas en las diferentes ramas de este sector son [&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-116","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/accons.ec\/index.php\/wp-json\/wp\/v2\/pages\/116","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=116"}],"version-history":[{"count":19,"href":"https:\/\/accons.ec\/index.php\/wp-json\/wp\/v2\/pages\/116\/revisions"}],"predecessor-version":[{"id":216,"href":"https:\/\/accons.ec\/index.php\/wp-json\/wp\/v2\/pages\/116\/revisions\/216"}],"wp:attachment":[{"href":"https:\/\/accons.ec\/index.php\/wp-json\/wp\/v2\/media?parent=116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}