{"id":140,"date":"2026-06-18T21:11:58","date_gmt":"2026-06-18T21:11:58","guid":{"rendered":"https:\/\/integra-360.com\/site\/?page_id=140"},"modified":"2026-08-26T16:49:36","modified_gmt":"2026-08-26T16:49:36","slug":"140-2","status":"publish","type":"page","link":"https:\/\/integra-360.com\/site\/","title":{"rendered":"Inicio"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-stretch is-layout-flow wp-block-column-is-layout-flow\">\n<style data-wp-block-html=\"css\">\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&family=Fraunces:ital,wght@0,400;0,700;1,400&display=swap');\n\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n:root{\n  --negro:#0A0A0A;\n  --navy:#0D1B2A;\n  --navy-2:#162840;\n  --naranja:#F37021;\n  --naranja-claro:#F9A95A;\n  --verde:#3AAA35;\n  --verde-claro:#6DC96A;\n  --azul:#1473C8;\n  --rojo:#CE1F2E;\n  --blanco:#FFFFFF;\n  --gris-bg:#F5F6F8;\n  --gris-borde:#E2E6ED;\n  --gris-texto:#5A6478;\n  --radio:14px;\n  --radio-sm:8px;\n}\nhtml{scroll-behavior:smooth}\n\/* Offset para que el nav sticky no tape los t\u00edtulos al hacer scroll *\/\nsection[id]{scroll-margin-top:80px}\nbody{font-family:'Inter',sans-serif;color:var(--negro);background:var(--blanco);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}\n\n\/* NAV *\/\n.nav{position:sticky;top:0;z-index:200;background:rgba(255,255,255,0.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--gris-borde);padding:0 6%;display:flex;align-items:center;justify-content:space-between;height:72px}\n.nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none}\n.nav-logo img{height:48px;width:auto}\n.nav-links{display:flex;align-items:center;gap:28px;list-style:none}\n.nav-links a{text-decoration:none;font-size:15px;font-weight:500;color:var(--gris-texto);transition:color .2s}\n.nav-links a:hover{color:var(--negro)}\n.nav-cta{background:var(--naranja);color:var(--blanco)!important;padding:10px 22px;border-radius:40px;font-weight:600!important;font-size:15px!important;transition:background .2s,transform .15s!important;white-space:nowrap}\n.nav-cta:hover{background:#D4601A!important;transform:translateY(-1px)!important}\n\n\/* HERO *\/\n.hero{background:var(--navy);padding:90px 6% 80px;display:grid;grid-template-columns:1.1fr 0.9fr;gap:64px;align-items:center;min-height:600px}\n.hero-tag{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(243,112,33,0.5);background:rgba(243,112,33,0.1);color:var(--naranja-claro);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:6px 16px;border-radius:100px;margin-bottom:22px}\n.hero-tag-dot{width:6px;height:6px;border-radius:50%;background:var(--naranja);display:inline-block}\n.hero-h1{font-family:'Fraunces',serif;font-size:clamp(36px,4vw,58px);font-weight:700;color:var(--blanco);line-height:1.15;letter-spacing:-0.5px;margin-bottom:22px}\n.hero-h1 em{font-style:italic;color:var(--naranja-claro)}\n.hero-desc{font-size:17px;color:rgba(255,255,255,0.68);line-height:1.75;margin-bottom:38px;max-width:460px}\n.btn-naranja{display:inline-block;background:var(--naranja);color:var(--blanco);padding:14px 30px;border-radius:40px;font-weight:700;font-size:15px;text-decoration:none;transition:background .2s,transform .15s}\n.btn-naranja:hover{background:#D4601A;transform:translateY(-2px)}\n.btn-borde{display:inline-block;border:1.5px solid rgba(255,255,255,0.3);color:rgba(255,255,255,0.85);padding:14px 30px;border-radius:40px;font-weight:500;font-size:15px;text-decoration:none;transition:border-color .2s,background .2s}\n.btn-borde:hover{border-color:rgba(255,255,255,0.7);background:rgba(255,255,255,0.07)}\n.hero-btns{display:flex;gap:14px;flex-wrap:wrap}\n.hero-right{display:flex;flex-direction:column;gap:14px}\n.hero-quote{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.11);border-left:3px solid var(--naranja);border-radius:var(--radio);padding:24px 26px}\n.hero-quote-label{font-size:10px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--naranja-claro);margin-bottom:10px}\n.hero-quote-text{font-family:'Fraunces',serif;font-style:italic;font-size:16px;color:rgba(255,255,255,0.88);line-height:1.65}\n.hero-pillars{display:grid;grid-template-columns:1fr 1fr;gap:10px}\n.hero-pilar{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:16px 18px;display:flex;align-items:center;gap:10px}\n.pilar-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}\n.hero-pilar-text{font-size:13px;font-weight:600;color:rgba(255,255,255,0.82)}\n.hero-lema{display:flex;gap:6px;flex-wrap:wrap;padding-top:4px}\n.lema-pill{border:1px solid rgba(255,255,255,0.18);color:rgba(255,255,255,0.55);font-size:11px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;padding:5px 16px;border-radius:100px}\n\n\/* MISI\u00d3N *\/\n.mission-strip{background:var(--gris-bg);border-bottom:1px solid var(--gris-borde);padding:44px 6%;text-align:center}\n.mission-text{font-family:'Fraunces',serif;font-size:clamp(18px,2vw,24px);font-weight:400;font-style:italic;color:var(--navy);max-width:860px;margin:0 auto;line-height:1.7}\n.mission-text strong{font-style:normal;font-weight:700;color:var(--naranja)}\n\n\/* SECCIONES *\/\n.sec{padding:84px 6%}\n.sec-bg{background:var(--gris-bg)}\n.sec-dark{background:var(--navy)}\n.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--verde);margin-bottom:12px;display:block}\n.eyebrow-orange{color:var(--naranja)}\n.eyebrow-light{color:var(--verde-claro)}\n.sec-h2{font-family:'Fraunces',serif;font-size:clamp(28px,3vw,44px);font-weight:700;color:var(--navy);line-height:1.2;letter-spacing:-0.3px;margin-bottom:16px}\n.sec-h2-light{color:var(--blanco)}\n.sec-lead{font-size:17px;color:var(--gris-texto);line-height:1.75;max-width:560px}\n.sec-lead-light{color:rgba(255,255,255,0.65)}\n.center{text-align:center}\n.header-bloque{margin-bottom:52px}\n\n\/* POR QU\u00c9 ELEGIRNOS *\/\n.diferencia-header{text-align:center;margin-bottom:56px}\n.diferencia-header .sec-lead{margin:0 auto}\n.diferencia-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}\n.diferencia-card{background:var(--blanco);border:1px solid var(--gris-borde);border-radius:var(--radio);padding:32px 26px;transition:box-shadow .25s,transform .25s;text-align:center}\n.diferencia-card:hover{box-shadow:0 12px 40px rgba(13,27,42,0.10);transform:translateY(-4px)}\n.dif-icon-wrap{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}\n.dif-icon-wrap svg{width:28px;height:28px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\n.dif-titulo{font-family:'Fraunces',serif;font-size:16px;font-weight:700;color:var(--navy);margin-bottom:12px;line-height:1.3}\n.dif-desc{font-size:13px;color:var(--gris-texto);line-height:1.65}\n\n\/* QUI\u00c9NES SOMOS *\/\n.quienes-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}\n.valores-lista{list-style:none;display:flex;flex-direction:column;gap:18px;margin-top:32px}\n.valor-item{display:flex;gap:16px;align-items:flex-start}\n.valor-icono{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.icono-verde{background:rgba(58,170,53,0.1)}\n.icono-azul{background:rgba(20,115,200,0.1)}\n.icono-naranja{background:rgba(243,112,33,0.1)}\n.icono-rojo{background:rgba(206,31,46,0.1)}\n.valor-icono svg{width:20px;height:20px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\n.valor-titulo{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:2px}\n.valor-desc{font-size:14px;color:var(--gris-texto);line-height:1.6}\n.filosofia-panel{background:var(--navy);border-radius:var(--radio);padding:36px;position:relative;overflow:hidden}\n.filosofia-panel::before{content:'';position:absolute;top:0;right:0;width:120px;height:120px;background:radial-gradient(circle,rgba(243,112,33,0.15) 0%,transparent 70%)}\n.fil-label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--naranja-claro);margin-bottom:16px}\n.fil-quote{font-family:'Fraunces',serif;font-style:italic;font-size:17px;color:rgba(255,255,255,0.9);line-height:1.7;border-left:3px solid var(--naranja);padding-left:18px;margin-bottom:28px}\n.valores-pills-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}\n.valor-pill{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:500;color:rgba(255,255,255,0.8)}\n.vp-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}\n\n\/* PILARES *\/\n.pilares-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}\n.pilar-card{background:var(--blanco);border:1px solid var(--gris-borde);border-radius:var(--radio);padding:34px;transition:box-shadow .2s,transform .2s;position:relative;overflow:hidden}\n.pilar-card::after{content:'';position:absolute;top:0;left:0;width:4px;height:100%}\n.pilar-card:nth-child(1)::after{background:var(--verde)}\n.pilar-card:nth-child(2)::after{background:var(--naranja)}\n.pilar-card:nth-child(3)::after{background:var(--azul)}\n.pilar-card:nth-child(4)::after{background:var(--rojo)}\n.pilar-card:hover{box-shadow:0 8px 32px rgba(13,27,42,0.09);transform:translateY(-3px)}\n.pilar-num{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gris-texto);margin-bottom:18px}\n.pilar-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}\n.pilar-icon svg{width:24px;height:24px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\n.pilar-titulo{font-family:'Fraunces',serif;font-size:20px;font-weight:700;color:var(--navy);margin-bottom:4px}\n.pilar-tagline{font-size:13px;font-style:italic;color:var(--gris-texto);margin-bottom:14px}\n.pilar-desc{font-size:14px;color:var(--gris-texto);line-height:1.65;margin-bottom:20px}\n.pilar-tags{display:flex;flex-wrap:wrap;gap:7px}\n.ptag{font-size:11px;font-weight:600;padding:4px 13px;border-radius:100px;border:1px solid}\n.pilar-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none;margin-top:18px;transition:gap .2s}\n.pilar-link:hover{gap:10px}\n.pilar-link svg{width:14px;height:14px;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}\n\n\/* NIVELES *\/\n.niveles-intro{text-align:center;margin-bottom:52px}\n.niveles-intro .sec-lead{margin:0 auto}\n.niveles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}\n.nivel-card{border-radius:var(--radio);padding:28px 22px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.04);transition:background .25s,border-color .25s}\n.nivel-card:hover{background:rgba(255,255,255,0.07)}\n.nivel-indicador{display:flex;align-items:center;gap:10px;margin-bottom:16px}\n.nivel-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}\n.nivel-emoji{font-size:18px}\n.nivel-nombre{font-size:16px;font-weight:700;color:var(--blanco);margin-bottom:10px}\n.nivel-desc{font-size:13px;color:rgba(255,255,255,0.62);line-height:1.65}\n.nivel-card.activo{background:rgba(58,170,53,0.12);border-color:rgba(58,170,53,0.4)}\n.nivel-card.activo .nivel-nombre{color:#6DC96A}\n\n\/* CONFERENCIAS *\/\n.conf-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:72px;align-items:center}\n.conf-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}\n.conf-item{background:var(--blanco);border:1px solid var(--gris-borde);border-radius:var(--radio-sm);padding:16px 18px;display:flex;align-items:flex-start;gap:12px;transition:border-color .2s,box-shadow .2s}\n.conf-item:hover{border-color:var(--azul);box-shadow:0 4px 16px rgba(20,115,200,0.08)}\n.conf-num{background:rgba(20,115,200,0.08);color:var(--azul);font-size:10px;font-weight:700;letter-spacing:1px;padding:4px 9px;border-radius:6px;flex-shrink:0}\n.conf-titulo{font-size:13px;font-weight:600;color:var(--navy);line-height:1.4}\n.btn-navy{display:inline-block;background:var(--navy);color:var(--blanco);padding:13px 28px;border-radius:40px;font-weight:700;font-size:15px;text-decoration:none;transition:background .2s,transform .15s;margin-top:28px}\n.btn-navy:hover{background:var(--navy-2);transform:translateY(-2px)}\n\n\/* SOLUCIONES *\/\n.sol-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.sol-card{background:var(--blanco);border:1px solid var(--gris-borde);border-radius:var(--radio);padding:28px;transition:box-shadow .2s,border-color .2s}\n.sol-card:hover{box-shadow:0 8px 28px rgba(13,27,42,0.08);border-color:#C5CDD9}\n.sol-icon{width:46px;height:46px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:rgba(58,170,53,0.1)}\n.sol-icon svg{width:22px;height:22px;fill:none;stroke:var(--verde);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\n.sol-titulo{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:8px}\n.sol-desc{font-size:13px;color:var(--gris-texto);line-height:1.65}\n\n\/* 7 VALORES *\/\n.valores-7-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}\n.v7-card{background:var(--blanco);border:1px solid var(--gris-borde);border-radius:var(--radio);padding:26px 22px;transition:box-shadow .2s,transform .2s}\n.v7-card:hover{box-shadow:0 8px 28px rgba(13,27,42,0.09);transform:translateY(-3px)}\n.v7-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}\n.v7-icon svg{width:22px;height:22px}\n.v7-nombre{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:8px}\n.v7-desc{font-size:13px;color:var(--gris-texto);line-height:1.65}\n\n\/* FUNDADOR *\/\n.fundador-sec{background:var(--navy);padding:84px 6%}\n.fundador-grid{display:grid;grid-template-columns:340px 1fr;gap:60px;align-items:start}\n.fundador-foto-wrap{position:relative}\n.fundador-foto{width:100%;border-radius:var(--radio);object-fit:cover;display:block;filter:grayscale(15%)}\n.fundador-foto-badge{\n  position:absolute;bottom:-14px;left:50%;transform:translateX(-50%);\n  background:var(--naranja);color:var(--blanco);\n  font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;\n  padding:8px 22px;border-radius:100px;white-space:nowrap;\n}\n.fundador-nombre{font-family:'Fraunces',serif;font-size:clamp(28px,3vw,40px);font-weight:700;color:var(--blanco);margin-bottom:4px}\n.fundador-cargo{font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--naranja-claro);margin-bottom:28px}\n.fundador-especialidades{display:flex;flex-direction:column;gap:10px;margin-bottom:32px}\n.fnd-esp{display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.09);border-radius:10px}\n.fnd-esp-dot{width:8px;height:8px;border-radius:50%;background:var(--naranja);flex-shrink:0}\n.fnd-esp-txt{font-size:14px;font-weight:500;color:rgba(255,255,255,0.85)}\n.fundador-destacados{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}\n.fnd-dest{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radio);padding:22px 20px}\n.fnd-dest-titulo{font-size:15px;font-weight:700;color:var(--blanco);margin-bottom:8px}\n.fnd-dest-desc{font-size:13px;color:rgba(255,255,255,0.62);line-height:1.6}\n.fnd-dest-icon{width:36px;height:36px;border-radius:8px;background:rgba(243,112,33,0.15);display:flex;align-items:center;justify-content:center;margin-bottom:12px}\n.fnd-dest-icon svg{width:18px;height:18px;fill:none;stroke:var(--naranja-claro);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\n.fnd-mini-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}\n.fnd-mini-pill{border:1px solid rgba(255,255,255,0.15);color:rgba(255,255,255,0.6);font-size:12px;font-weight:600;padding:6px 16px;border-radius:100px;display:flex;align-items:center;gap:7px}\n.fnd-mini-pill-dot{width:6px;height:6px;border-radius:50%;background:var(--naranja)}\n\n\/* METODOLOG\u00cdAS *\/\n.metodos-layout{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}\n.metodos-wrap{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}\n.metodo-chip{background:var(--blanco);border:1px solid var(--gris-borde);border-radius:100px;padding:10px 20px;display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:var(--navy);transition:border-color .2s,box-shadow .2s}\n.metodo-chip:hover{border-color:var(--verde);box-shadow:0 2px 10px rgba(58,170,53,0.12)}\n.mc-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}\n.principios-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}\n.principio-item{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:var(--gris-texto)}\n.principio-item::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--verde);flex-shrink:0}\n\n\/* PROMESA *\/\n.promesa-sec{background:var(--navy);padding:90px 6%;text-align:center}\n.promesa-h2{font-family:'Fraunces',serif;font-size:clamp(30px,3.5vw,46px);font-weight:700;color:var(--blanco);line-height:1.2;margin-bottom:52px;letter-spacing:-0.3px}\n.promesa-h2 em{font-style:italic;color:var(--naranja-claro)}\n.promesa-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:900px;margin:0 auto 52px}\n.promesa-item{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.09);border-radius:var(--radio);padding:28px 22px;text-align:left}\n.prom-no{font-size:11px;font-weight:600;letter-spacing:1px;color:rgba(255,255,255,0.3);text-decoration:line-through;margin-bottom:8px}\n.prom-si{font-size:15px;font-weight:600;color:var(--blanco);line-height:1.5}\n.promesa-tagline{font-size:17px;color:rgba(255,255,255,0.65);max-width:520px;margin:0 auto 36px;line-height:1.75}\n\n\/* CONTACTO *\/\n.contacto-inner{background:var(--blanco);border:1px solid var(--gris-borde);border-radius:18px;padding:56px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;max-width:1000px;margin:0 auto}\n.contacto-titulo{font-size:20px;font-weight:700;color:var(--navy);margin-bottom:28px}\n.contacto-dato{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--gris-borde)}\n.contacto-dato:last-of-type{border-bottom:none}\n.dato-ico{width:42px;height:42px;border-radius:10px;background:rgba(58,170,53,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.dato-ico svg{width:20px;height:20px;fill:none;stroke:var(--verde);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\n.dato-label{font-size:12px;color:var(--gris-texto);font-weight:500;margin-bottom:2px}\n.dato-valor{font-size:15px;font-weight:600;color:var(--navy)}\n.wa-btn{display:flex;align-items:center;gap:12px;background:#25D366;color:var(--blanco);padding:14px 24px;border-radius:12px;text-decoration:none;font-weight:700;font-size:15px;margin-top:24px;width:fit-content;transition:background .2s,transform .15s}\n.wa-btn:hover{background:#1DAA56;transform:translateY(-2px)}\n.wa-btn svg{width:24px;height:24px;fill:currentColor;flex-shrink:0}\n.form-titulo{font-size:20px;font-weight:700;color:var(--navy);margin-bottom:22px}\n.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}\n.form-label{font-size:13px;font-weight:600;color:var(--navy)}\n.form-input,.form-textarea{border:1px solid var(--gris-borde);border-radius:9px;padding:11px 14px;font-size:14px;font-family:'Inter',sans-serif;color:var(--negro);background:var(--blanco);outline:none;transition:border-color .2s}\n.form-input:focus,.form-textarea:focus{border-color:var(--verde)}\n.form-textarea{min-height:96px;resize:vertical}\n.form-submit{background:var(--naranja);color:var(--blanco);border:none;padding:13px 30px;border-radius:40px;font-size:15px;font-weight:700;font-family:'Inter',sans-serif;cursor:pointer;transition:background .2s,transform .15s}\n.form-submit:hover{background:#D4601A;transform:translateY(-1px)}\n\n\/* FOOTER *\/\nfooter{background:var(--negro);color:rgba(255,255,255,0.45);padding:36px 6%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}\n.footer-brand{font-family:'Fraunces',serif;font-size:16px;font-weight:700;color:var(--blanco)}\n.footer-lema{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--naranja-claro);margin-top:4px}\n.footer-legal{font-size:13px}\n\n.eyebrow {\n  font-size: 13px;\n  color: #0D1B2A;\n  background: rgba(58,170,53,0.12);\n  padding: 5px 14px;\n  border-radius: 100px;\n  display: inline-block;\n  margin-bottom: 14px;\n}\n\n.eyebrow-orange {\n  background: rgba(243,112,33,0.12);\n  color: #0D1B2A;\n}\n\n.eyebrow-light {\n  color: #ffffff;\n  background: rgba(255,255,255,0.12);\n}\n\n.nav-hamburguesa {\n  min-width: 44px;\n  min-height: 44px;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  z-index: 300;\n  position: relative;\n  -webkit-tap-highlight-color: transparent;\n}\n#ecosistema .pilar-card {\n  background: rgba(255,255,255,0.95) !important;\n}\n\n\/* HERO \u00cdCONOS *\/\n.hero-iconos {\n  display: flex;\n  align-items: center;\n  gap: 0;\n  margin-top: 8px;\n  background: rgba(255,255,255,0.05);\n  border: 1px solid rgba(255,255,255,0.12);\n  border-radius: 12px;\n  padding: 16px 20px;\n}\n.hero-icono-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  flex: 1;\n}\n.hero-icono-wrap {\n  width: 44px;\n  height: 44px;\n  border-radius: 10px;\n  background: rgba(255,255,255,0.08);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.hero-icono-wrap svg {\n  width: 22px;\n  height: 22px;\n  stroke: var(--naranja-claro);\n}\n.hero-icono-label {\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.75);\n}\n.hero-icono-sep {\n  width: 1px;\n  height: 40px;\n  background: rgba(255,255,255,0.12);\n  flex-shrink: 0;\n}\n\n@media (max-width: 768px) {\n  .hero-iconos { gap: 0; padding: 12px 10px; }\n  .hero-icono-label { font-size: 10px; letter-spacing: 1px; }\n  .hero-icono-wrap { width: 36px; height: 36px; }\n  .hero-icono-wrap svg { width: 18px; height: 18px; }\n}\n\n@media (max-width: 768px) {\n  #resultados > div[style*=\"grid-template-columns:repeat(3\"] {\n    grid-template-columns: 1fr !important;\n  }\n  #resultados > div[style*=\"grid-template-columns:repeat(3\"] > div {\n    flex-direction: row !important;\n  }\n}\n\n@media (max-width: 768px) {\n  .promesa-grid-mobile {\n    grid-template-columns: 1fr !important;\n  }\n}\n\n@media (max-width: 768px) {\n  .pilar-card img {\n    height: auto !important;\n    max-height: 120px !important;\n    object-fit: contain !important;\n    background: #000;\n  }\n}\n\n\/* SUBMEN\u00da MEJORADO *\/\n.nav-submenu {\n  min-width: 260px !important;\n  max-width: 300px !important;\n  padding: 8px 0 !important;\n}\n\n.nav-submenu li a {\n  padding: 10px 18px !important;\n  font-size: 13px !important;\n  line-height: 1.4 !important;\n  white-space: normal !important;\n  word-break: normal !important;\n  border-bottom: 1px solid var(--gris-borde) !important;\n}\n\n.nav-submenu li:last-child a {\n  border-bottom: none !important;\n}\n\n\/* Evitar que el texto se rompa en letras *\/\n.nav-submenu li a {\n  display: block !important;\n  word-wrap: break-word !important;\n  overflow-wrap: break-word !important;\n  hyphens: none !important;\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.getElementById('nav-hamburguesa').onclick = function() {\n  document.getElementById('nav-menu').classList.toggle('abierto');\n  this.classList.toggle('abierto');\n};\n\nfunction cerrarMenu() {\n  document.getElementById('nav-menu').classList.remove('abierto');\n  document.getElementById('nav-hamburguesa').classList.remove('abierto');\n}\n<\/script>\n\n<script>\nwindow.addEventListener('load', function() {\n  var btn = document.getElementById('nav-hamburguesa');\n  var menu = document.getElementById('nav-menu');\n  if (btn && menu) {\n    btn.onclick = function() {\n      menu.classList.toggle('abierto');\n      btn.classList.toggle('abierto');\n    };\n  }\n});\n\nfunction cerrarMenu() {\n  var menu = document.getElementById('nav-menu');\n  var btn = document.getElementById('nav-hamburguesa');\n  if (menu) menu.classList.remove('abierto');\n  if (btn) btn.classList.remove('abierto');\n}\n<\/script>\n<!-- NAV -->\n<nav class=\"nav\">\n  <a class=\"nav-logo\" href=\"https:\/\/integra-360.com\/site\/\">\n    <img decoding=\"async\" src=\"https:\/\/integra-360.com\/site\/wp-content\/uploads\/2026\/06\/logo.jpeg\" alt=\"INTEGRA-360\" style=\"height:72px;width:auto\">\n  <\/a>\n  <ul class=\"nav-links\" id=\"nav-menu\">\n    <li><a href=\"#quienes\" onclick=\"cerrarMenu()\">Qui\u00e9nes somos<\/a><\/li>\n    <li><a href=\"#ecosistema\" onclick=\"cerrarMenu()\">Ecosistema<\/a><\/li>\n<li><a href=\"#resultados\" onclick=\"cerrarMenu()\">Resultados<\/a><\/li>\n<li><a href=\"#metodologias\" onclick=\"cerrarMenu()\">Metodolog\u00edas<\/a><\/li>\n<li class=\"nav-dropdown\">\n  <a href=\"#\" class=\"nav-dropdown-toggle\">Test de Diagn\u00f3stico \u25be<\/a>\n  <ul class=\"nav-submenu\">\n    <li><a href=\"https:\/\/integra-360.com\/site\/encuesta\/test\/responder.php?test=mindsupgrade\" target=\"_blank\" onclick=\"cerrarMenu()\">Test de Autoexploraci\u00f3n MindsUpgrade<\/a><\/li>\n    <li><a href=\"https:\/\/integra-360.com\/site\/encuesta\/test\/responder.php?test=disc\" target=\"_blank\"  onclick=\"cerrarMenu()\">Test DISC \u2014 Evaluaci\u00f3n de Perfil de Comportamiento<\/a><\/li>\n    <li><a href=\"https:\/\/integra-360.com\/site\/encuesta\/test\/responder.php?test=empresarial\" target=\"_blank\" onclick=\"cerrarMenu()\">Diagn\u00f3stico Empresarial \u2014 Nivel desde donde Opera tu Organizaci\u00f3n<\/a><\/li>\n    <li><a href=\"https:\/\/integra-360.com\/site\/encuesta\/test\/responder.php?test=personal\" target=\"_blank\" onclick=\"cerrarMenu()\">Diagn\u00f3stico Personal \u2014 El nivel desde el que operas<\/a><\/li>\n    <li><a href=\"https:\/\/integra-360.com\/site\/encuesta\/test\/responder.php?test=radiografia-ejecutiva\" target=\"_blank\" onclick=\"cerrarMenu()\">Radiograf\u00eda Ejecutiva Integra-360\u00ae<\/a><\/li>\n    <li><a href=\"https:\/\/integra-360.com\/site\/encuesta\/test\/responder.php?test=human360\" target=\"_blank\"  onclick=\"cerrarMenu()\">Human360\u00ae \u2014 Evaluaci\u00f3n de Fortalezas<\/a><\/li>\n    <li><a href=\"https:\/\/integra-360.com\/site\/encuesta\/test\/responder.php?test=experiencia\" target=\"_blank\" onclick=\"cerrarMenu()\">Experiencia Integra-360\u00ae<\/a><\/li>\n  <\/ul>\n<\/li>\n<li><a href=\"#contacto\" onclick=\"cerrarMenu()\">Contacto<\/a><\/li>\n    <li><a href=\"https:\/\/integra-360.com\/virtual\" target=\"_blank\" rel=\"noopener\" class=\"nav-cta\">Aula Virtual<\/a><\/li>\n  <\/ul>\n<div class=\"nav-hamburguesa\" id=\"nav-hamburguesa\" role=\"button\" aria-label=\"Men\u00fa\">\n  <span><\/span>\n  <span><\/span>\n  <span><\/span>\n<\/div>\n<\/nav>\n\n<!-- HERO -->\n<section class=\"hero\" style=\"background:linear-gradient(135deg, rgba(13,27,42,0.72) 0%, rgba(22,40,64,0.65) 50%, rgba(13,27,42,0.75) 100%), url('https:\/\/integra-360.com\/site\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-26-at-10.12.21-AM.jpeg') center\/cover no-repeat;\">\n  <div>\n    <div class=\"hero-tag\"><span class=\"hero-tag-dot\"><\/span>Organizaciones Neuroconscientes\u00ae<\/div>\n    <h1 class=\"hero-h1\">Donde la <em>neurociencia<\/em><br>inspira el liderazgo<br>y la transformaci\u00f3n<\/h1>\n    <p class=\"hero-desc\">Conferencias, diagn\u00f3stico, formaci\u00f3n ejecutiva y experiencias de transformaci\u00f3n para personas y organizaciones que quieren evolucionar.<\/p>\n    <div class=\"hero-btns\">\n      <a href=\"https:\/\/calendly.com\/jgatgens\/nueva-reunion\" target=\"_blank\" rel=\"noopener\" class=\"btn-naranja\">Agenda tu cita<\/a>\n      <a href=\"#ecosistema\" class=\"btn-borde\">Conoce el ecosistema<\/a>\n    <\/div>\n  <\/div>\n  <div class=\"hero-right\">\n<div class=\"hero-quote\" style=\"background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.15);border-left:4px solid var(--naranja);border-radius:14px;padding:28px 30px\">\n  <p style=\"font-family:'Fraunces',serif;font-size:clamp(20px,2.2vw,28px);font-weight:700;color:var(--blanco);line-height:1.35;margin-bottom:0\">\n    Transformamos <em style=\"font-style:italic;color:var(--naranja-claro)\">personas, equipos y organizaciones<\/em> desde la neurociencia, la conciencia y la estrategia.\n  <\/p>\n<\/div>\n\n\n<div class=\"hero-iconos\">\n  <div class=\"hero-icono-item\">\n    <div class=\"hero-icono-wrap\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9.5 2A2.5 2.5 0 0 1 12 4.5v15a2.5 2.5 0 0 1-4.96-.46 2.5 2.5 0 0 1-2.96-3.08 3 3 0 0 1-.34-5.58 2.5 2.5 0 0 1 1.32-4.24 2.5 2.5 0 0 1 1.44-4.14\"><\/path><path d=\"M14.5 2A2.5 2.5 0 0 0 12 4.5v15a2.5 2.5 0 0 0 4.96-.46 2.5 2.5 0 0 0 2.96-3.08 3 3 0 0 0 .34-5.58 2.5 2.5 0 0 0-1.32-4.24 2.5 2.5 0 0 0-1.44-4.14\"><\/path><circle cx=\"12\" cy=\"8\" r=\"1\" fill=\"currentColor\"><\/circle><circle cx=\"12\" cy=\"14\" r=\"1\" fill=\"currentColor\"><\/circle><\/svg>\n    <\/div>\n    <span class=\"hero-icono-label\">Neurociencia<\/span>\n  <\/div>\n  <div class=\"hero-icono-sep\"><\/div>\n  <div class=\"hero-icono-item\">\n    <div class=\"hero-icono-wrap\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <circle cx=\"12\" cy=\"4\" r=\"2\"><\/circle>\n  <path d=\"M12 8c-2 0-4 1.5-4 4\"><\/path>\n  <path d=\"M12 8c2 0 4 1.5 4 4\"><\/path>\n  <path d=\"M8 12c0 2 1 3.5 2 4.5\"><\/path>\n  <path d=\"M16 12c0 2-1 3.5-2 4.5\"><\/path>\n  <path d=\"M10 16.5c0 1 1 2 2 2s2-1 2-2\"><\/path>\n  <line x1=\"6\" y1=\"22\" x2=\"18\" y2=\"22\"><\/line>\n  <line x1=\"8\" y1=\"19\" x2=\"8\" y2=\"22\"><\/line>\n  <line x1=\"16\" y1=\"19\" x2=\"16\" y2=\"22\"><\/line>\n<\/svg>\n    <\/div>\n    <span class=\"hero-icono-label\">Conciencia<\/span>\n  <\/div>\n  <div class=\"hero-icono-sep\"><\/div>\n  <div class=\"hero-icono-item\">\n    <div class=\"hero-icono-wrap\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path><path d=\"M2 17l10 5 10-5\"><\/path><path d=\"M2 12l10 5 10-5\"><\/path><\/svg>\n    <\/div>\n    <span class=\"hero-icono-label\">Estrategia<\/span>\n  <\/div>\n  <div class=\"hero-icono-sep\"><\/div>\n  <div class=\"hero-icono-item\">\n    <div class=\"hero-icono-wrap\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline><\/svg>\n    <\/div>\n    <span class=\"hero-icono-label\">Resultados<\/span>\n  <\/div>\n<\/div>\n\n\n  <\/div>\n<\/section>\n\n<!-- FRANJA MISI\u00d3N -->\n<div class=\"mission-strip\">\n  <p style=\"font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--naranja);margin-bottom:12px\">Nuestra Misi\u00f3n<\/p>\n  <p class=\"mission-text\">\u00abInspirar, desarrollar y acompa\u00f1ar a personas, l\u00edderes y organizaciones mediante experiencias que integren neurociencia, desarrollo humano y pensamiento sist\u00e9mico para generar <strong>crecimiento sostenible.<\/strong>\u00ab<\/p>\n<\/div>\n\n<!-- POR QU\u00c9 ELEGIRNOS -->\n<section class=\"sec\" id=\"por-que\">\n  <div class=\"diferencia-header\">\n    <span class=\"eyebrow eyebrow-orange\">\u00bfPor qu\u00e9 elegirnos?<\/span>\n    <h2 class=\"sec-h2\">Nos diferenciamos por lo que generamos,<br>c\u00f3mo lo hacemos y el impacto que creamos<\/h2>\n    <p class=\"sec-lead\">M\u00e1s que servicios aislados, somos un ecosistema de metodolog\u00edas, herramientas y experiencias dise\u00f1adas para transformaci\u00f3n profunda y sostenible.<\/p>\n  <\/div>\n  <div class=\"diferencia-grid\">\n    <div class=\"diferencia-card\">\n      <div class=\"dif-icon-wrap\" style=\"background:rgba(243,112,33,0.1)\">\n        <svg style=\"stroke:var(--naranja)\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line><\/svg>\n      <\/div>\n      <div class=\"dif-titulo\">Enfoque Integral 360\u00b0<\/div>\n      <p class=\"dif-desc\">Abordamos a la persona, el equipo y la organizaci\u00f3n de manera sist\u00e9mica y estrat\u00e9gica.<\/p>\n    <\/div>\n    <div class=\"diferencia-card\">\n      <div class=\"dif-icon-wrap\" style=\"background:rgba(20,115,200,0.1)\">\n        <svg style=\"stroke:var(--azul)\" viewBox=\"0 0 24 24\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline><\/svg>\n      <\/div>\n      <div class=\"dif-titulo\">Resultados Medibles<\/div>\n      <p class=\"dif-desc\">Dise\u00f1amos soluciones con indicadores claros para asegurar avances y retorno de inversi\u00f3n.<\/p>\n    <\/div>\n    <div class=\"diferencia-card\">\n      <div class=\"dif-icon-wrap\" style=\"background:rgba(58,170,53,0.1)\">\n        <svg style=\"stroke:var(--verde)\" viewBox=\"0 0 24 24\"><path d=\"M12 20h9\"><\/path><path d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"><\/path><\/svg>\n      <\/div>\n      <div class=\"dif-titulo\">Metodolog\u00edas Propias<\/div>\n      <p class=\"dif-desc\">Herramientas exclusivas dise\u00f1adas para generar impacto profundo y transformaci\u00f3n real.<\/p>\n    <\/div>\n    <div class=\"diferencia-card\">\n      <div class=\"dif-icon-wrap\" style=\"background:rgba(206,31,46,0.1)\">\n        <svg style=\"stroke:var(--rojo)\" viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon><\/svg>\n      <\/div>\n      <div class=\"dif-titulo\">Experiencias de Alto Impacto<\/div>\n      <p class=\"dif-desc\">Creamos experiencias memorables que inspiran, movilizan y transforman a las personas.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- QUI\u00c9NES SOMOS -->\n<section class=\"sec sec-bg\" id=\"quienes\">\n  <div style=\"text-align:center;margin-bottom:56px\">\n    <span class=\"eyebrow\">Qui\u00e9nes somos<\/span>\n    <h2 class=\"sec-h2\">Ciencia, consciencia y estrategia<\/h2>\n    <p class=\"sec-lead\" style=\"margin:0 auto\">Somos una organizaci\u00f3n especializada en desarrollo humano, liderazgo, aprendizaje organizacional y transformaci\u00f3n cultural. Nuestro enfoque combina ciencia, consciencia y estrategia para generar soluciones pr\u00e1cticas, sostenibles y alineadas con los desaf\u00edos del presente y del futuro.<\/p>\n  <\/div>\n\n  <!-- 4 Valores visibles -->\n  <div style=\"text-align:center;margin-bottom:32px\">\n    <span class=\"eyebrow\">Nuestros valores<\/span>\n    <h3 style=\"font-family:'Fraunces',serif;font-size:clamp(22px,2.5vw,32px);font-weight:700;color:var(--navy);margin-top:8px\">Los principios que gu\u00edan cada acci\u00f3n<\/h3>\n  <\/div>\n\n  <div class=\"valores-7-grid\" style=\"grid-template-columns:repeat(4,1fr)\">\n    <div class=\"v7-card\">\n      <div class=\"v7-icon\" style=\"background:rgba(58,170,53,0.1)\">\n        <svg style=\"stroke:var(--verde)\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"><\/path><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><\/svg>\n      <\/div>\n      <div class=\"v7-nombre\">Consciencia<\/div>\n      <p class=\"v7-desc\">Promovemos la reflexi\u00f3n, el autoconocimiento y la capacidad de actuar de manera m\u00e1s consciente.<\/p>\n    <\/div>\n    <div class=\"v7-card\">\n      <div class=\"v7-icon\" style=\"background:rgba(20,115,200,0.1)\">\n        <svg style=\"stroke:var(--azul)\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"><\/polyline><polyline points=\"17 6 23 6 23 12\"><\/polyline><\/svg>\n      <\/div>\n      <div class=\"v7-nombre\">Aprendizaje Continuo<\/div>\n      <p class=\"v7-desc\">Creemos que la evoluci\u00f3n personal y organizacional depende de la capacidad de aprender, desaprender y reaprender.<\/p>\n    <\/div>\n    <div class=\"v7-card\">\n      <div class=\"v7-icon\" style=\"background:rgba(20,115,200,0.1)\">\n        <svg style=\"stroke:var(--azul)\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"><\/path><\/svg>\n      <\/div>\n      <div class=\"v7-nombre\">Transformaci\u00f3n<\/div>\n      <p class=\"v7-desc\">Nos enfocamos en generar cambios significativos y sostenibles, no soluciones temporales.<\/p>\n    <\/div>\n    <div class=\"v7-card\">\n      <div class=\"v7-icon\" style=\"background:rgba(243,112,33,0.1)\">\n        <svg style=\"stroke:var(--naranja)\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon><\/svg>\n      <\/div>\n      <div class=\"v7-nombre\">Innovaci\u00f3n<\/div>\n      <p class=\"v7-desc\">Buscamos nuevas formas de comprender y abordar los desaf\u00edos humanos y organizacionales.<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Acorde\u00f3n \u2014 valores adicionales -->\n  <div style=\"text-align:center;margin-top:32px\">\n    <button id=\"btn-mas-valores\" onclick=\"toggleValores()\" style=\"background:none;border:1.5px solid var(--gris-borde);border-radius:40px;padding:12px 28px;font-size:14px;font-weight:600;color:var(--navy);cursor:pointer;font-family:'Inter',sans-serif;display:inline-flex;align-items:center;gap:8px;transition:border-color .2s\">\n      <span id=\"btn-mas-valores-txt\">Ver m\u00e1s valores<\/span>\n      <svg id=\"btn-mas-valores-ico\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"transition:transform .3s\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n    <\/button>\n  <\/div>\n\n  <div id=\"valores-extra\" style=\"overflow:hidden;max-height:0;transition:max-height .4s ease;margin-top:0\">\n    <div class=\"valores-7-grid\" style=\"grid-template-columns:repeat(3,1fr);margin-top:24px\">\n      <div class=\"v7-card\">\n        <div class=\"v7-icon\" style=\"background:rgba(206,31,46,0.1)\">\n          <svg style=\"stroke:var(--rojo)\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"v7-nombre\">Integridad<\/div>\n        <p class=\"v7-desc\">Actuamos con coherencia, \u00e9tica y respeto por las personas en cada proceso que acompa\u00f1amos.<\/p>\n      <\/div>\n      <div class=\"v7-card\">\n        <div class=\"v7-icon\" style=\"background:rgba(58,170,53,0.1)\">\n          <svg style=\"stroke:var(--verde)\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\n        <\/div>\n        <div class=\"v7-nombre\">Colaboraci\u00f3n<\/div>\n        <p class=\"v7-desc\">Creemos que los mejores resultados se construyen juntos, en co-creaci\u00f3n con nuestros clientes.<\/p>\n      <\/div>\n      <div class=\"v7-card\">\n        <div class=\"v7-icon\" style=\"background:rgba(243,112,33,0.1)\">\n          <svg style=\"stroke:var(--naranja)\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M12 8v4l3 3\"><\/path><\/svg>\n        <\/div>\n        <div class=\"v7-nombre\">Prop\u00f3sito<\/div>\n        <p class=\"v7-desc\">Promovemos organizaciones que generen valor econ\u00f3mico, humano y social de manera simult\u00e1nea.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<script>\nfunction toggleValores() {\n  var extra = document.getElementById('valores-extra');\n  var txt = document.getElementById('btn-mas-valores-txt');\n  var ico = document.getElementById('btn-mas-valores-ico');\n  if (extra.style.maxHeight === '0px' || extra.style.maxHeight === '0') {\n    extra.style.maxHeight = extra.scrollHeight + 'px';\n    extra.style.marginTop = '0';\n    txt.textContent = 'Ver menos valores';\n    ico.style.transform = 'rotate(180deg)';\n  } else {\n    extra.style.maxHeight = '0';\n    txt.textContent = 'Ver m\u00e1s valores';\n    ico.style.transform = 'rotate(0deg)';\n  }\n}\n<\/script>\n\n<!-- ECOSISTEMA -->\n<section class=\"sec\" id=\"ecosistema\">\n  <div class=\"header-bloque\">\n    <span class=\"eyebrow\">Nuestro ecosistema<\/span>\n    <h2 class=\"sec-h2\">Cuatro pilares estrat\u00e9gicos<\/h2>\n    <p class=\"sec-lead\">Integra-360\u00ae se estructura sobre un ecosistema de metodolog\u00edas y experiencias dise\u00f1adas para impulsar procesos de transformaci\u00f3n profunda.<\/p>\n  <\/div>\n\n  <div class=\"pilares-grid\">\n\n<!-- Pilar 01 -->\n<div class=\"pilar-card\" style=\"padding:0;overflow:hidden\">\n  <img decoding=\"async\" src=\"https:\/\/integra-360.com\/site\/wp-content\/uploads\/2026\/06\/minds-800x200-gt.png\" alt=\"MindsUpgrade\u00ae\" style=\"width:100%;height:180px;object-fit:cover;display:block;border-radius:14px 14px 0 0\">\n  <div style=\"padding:28px\">\n    <div class=\"pilar-titulo\">MindsUpgrade\u00ae<\/div>\n    <div class=\"pilar-tagline\">Pensar mejor. Vivir mejor. Evolucionar conscientemente.<\/div>\n    <p class=\"pilar-desc\">L\u00ednea de desarrollo humano y autoconocimiento. Programas de formaci\u00f3n, certificaciones, evaluaciones y herramientas basadas en neurociencia aplicada.<\/p>\n    <div class=\"pilar-tags\">\n      <span class=\"ptag\" style=\"background:rgba(58,170,53,0.08);color:#1e6b1a;border-color:rgba(58,170,53,0.25)\">Formaci\u00f3n<\/span>\n      <span class=\"ptag\" style=\"background:rgba(58,170,53,0.08);color:#1e6b1a;border-color:rgba(58,170,53,0.25)\">Certificaciones<\/span>\n      <span class=\"ptag\" style=\"background:rgba(58,170,53,0.08);color:#1e6b1a;border-color:rgba(58,170,53,0.25)\">Recursos de aprendizaje<\/span>\n      <span class=\"ptag\" style=\"background:rgba(58,170,53,0.08);color:#1e6b1a;border-color:rgba(58,170,53,0.25)\">Neuroestoicismo\u00ae<\/span>\n      <span class=\"ptag\" style=\"background:rgba(58,170,53,0.08);color:#1e6b1a;border-color:rgba(58,170,53,0.25)\">Evoluci\u00f3n personal<\/span>\n    <\/div>\n    <a href=\"https:\/\/integra-360.com\/site\/mindupgrade\/\" rel=\"noopener\" class=\"pilar-link\" style=\"color:var(--verde)\">M\u00e1s informaci\u00f3n <svg style=\"stroke:var(--verde)\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"><\/path><\/svg><\/a>\n  <\/div>\n<\/div>\n\n<!-- Pilar 02 -->\n<div class=\"pilar-card\" style=\"padding:0;overflow:hidden\">\n  <img decoding=\"async\" src=\"https:\/\/integra-360.com\/site\/wp-content\/uploads\/2026\/06\/NivelOperas-800x200-2.png\" alt=\"Desde el Nivel Donde Operas\u00ae\" style=\"width:100%;height:180px;object-fit:cover;display:block;border-radius:14px 14px 0 0\">\n  <div style=\"padding:28px\">\n    <div class=\"pilar-titulo\">Desde el Nivel Donde Operas\u00ae<\/div>\n    <div class=\"pilar-tagline\">La br\u00fajula para comprender c\u00f3mo pensamos y actuamos.<\/div>\n    <p class=\"pilar-desc\">Metodolog\u00eda propia basada en cuatro niveles de evoluci\u00f3n: Reactivo, Operativo, Estrat\u00e9gico y Neuroconsciente. Marco de referencia para liderazgo y transformaci\u00f3n.<\/p>\n    <div class=\"pilar-tags\">\n      <span class=\"ptag\" style=\"background:rgba(243,112,33,0.08);color:#8f3f00;border-color:rgba(243,112,33,0.25)\">Diagn\u00f3sticos<\/span>\n      <span class=\"ptag\" style=\"background:rgba(243,112,33,0.08);color:#8f3f00;border-color:rgba(243,112,33,0.25)\">Liderazgo<\/span>\n      <span class=\"ptag\" style=\"background:rgba(243,112,33,0.08);color:#8f3f00;border-color:rgba(243,112,33,0.25)\">Coaching<\/span>\n      <span class=\"ptag\" style=\"background:rgba(243,112,33,0.08);color:#8f3f00;border-color:rgba(243,112,33,0.25)\">Conferencias<\/span>\n      <span class=\"ptag\" style=\"background:rgba(243,112,33,0.08);color:#8f3f00;border-color:rgba(243,112,33,0.25)\">Certificaciones<\/span>\n    <\/div>\n    <a href=\"https:\/\/integra-360.com\/site\/desde-el-nivel-donde-operas\/\" class=\"pilar-link\" style=\"color:var(--naranja)\">M\u00e1s informaci\u00f3n <svg style=\"stroke:var(--naranja)\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"><\/path><\/svg><\/a>\n  <\/div>\n<\/div>\n\n\n<!-- Pilar 03 -->\n<div class=\"pilar-card\" style=\"padding:0;overflow:hidden\">\n  <img decoding=\"async\" src=\"https:\/\/integra-360.com\/site\/wp-content\/uploads\/2026\/06\/conferencias-800x200-2.png\" alt=\"Conferencias y Talleres\" style=\"width:100%;height:180px;object-fit:cover;display:block;border-radius:14px 14px 0 0\">\n  <div style=\"padding:28px\">\n    <div class=\"pilar-titulo\">Conferencias y Talleres<\/div>\n    <div class=\"pilar-tagline\">Experiencias que inspiran, transforman y movilizan.<\/div>\n    <p class=\"pilar-desc\">Experiencias de aprendizaje de alto impacto dise\u00f1adas con neurociencia aplicada para generar cambios concretos y memorables en personas y organizaciones.<\/p>\n    <div class=\"pilar-tags\">\n      <span class=\"ptag\" style=\"background:rgba(20,115,200,0.08);color:#0a3d6b;border-color:rgba(20,115,200,0.25)\">Liderazgo Neuroconsciente\u00ae<\/span>\n      <span class=\"ptag\" style=\"background:rgba(20,115,200,0.08);color:#0a3d6b;border-color:rgba(20,115,200,0.25)\">Equipos de Alto Desempe\u00f1o\u00ae<\/span>\n      <span class=\"ptag\" style=\"background:rgba(20,115,200,0.08);color:#0a3d6b;border-color:rgba(20,115,200,0.25)\">Neuroventas 2.0\u00ae<\/span>\n      <span class=\"ptag\" style=\"background:rgba(20,115,200,0.08);color:#0a3d6b;border-color:rgba(20,115,200,0.25)\">HHE\u00ae Habilidades Humanas Esenciales<\/span>\n      <span class=\"ptag\" style=\"background:rgba(20,115,200,0.08);color:#0a3d6b;border-color:rgba(20,115,200,0.25)\">Estr\u00e9s: \u00bfAliado o Enemigo?<\/span>\n      <span class=\"ptag\" style=\"background:rgba(20,115,200,0.08);color:#0a3d6b;border-color:rgba(20,115,200,0.25)\">IA y Futuro Humano<\/span>\n    <\/div>\n    <a href=\"https:\/\/integra-360.com\/site\/conferencias-y-talleres-de-alto-impacto\/\" class=\"pilar-link\" style=\"color:var(--azul)\">M\u00e1s informaci\u00f3n <svg style=\"stroke:var(--azul)\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"><\/path><\/svg><\/a>\n  <\/div>\n<\/div>\n\n<!-- Pilar 04 -->\n<div class=\"pilar-card\" style=\"padding:0;overflow:hidden\">\n  <img decoding=\"async\" src=\"https:\/\/integra-360.com\/site\/wp-content\/uploads\/2026\/06\/soluciones-800x200-1.png\" alt=\"Soluciones Estrat\u00e9gicas\" style=\"width:100%;height:180px;object-fit:cover;display:block;border-radius:14px 14px 0 0\">\n  <div style=\"padding:28px\">\n    <div class=\"pilar-titulo\">Soluciones Estrat\u00e9gicas<\/div>\n    <div class=\"pilar-tagline\">Soluciones integrales para acelerar el crecimiento organizacional.<\/div>\n    <p class=\"pilar-desc\">Radiograf\u00eda ejecutiva, DISC, evaluaciones integrales, consultor\u00eda sist\u00e9mica ORIGEN360\u00ae, reclutamiento estrat\u00e9gico y acompa\u00f1amiento comercial.<\/p>\n    <div class=\"pilar-tags\">\n      <span class=\"ptag\" style=\"background:rgba(206,31,46,0.08);color:#6b0a12;border-color:rgba(206,31,46,0.25)\">DISC<\/span>\n      <span class=\"ptag\" style=\"background:rgba(206,31,46,0.08);color:#6b0a12;border-color:rgba(206,31,46,0.25)\">ORIGEN360\u00ae<\/span>\n      <span class=\"ptag\" style=\"background:rgba(206,31,46,0.08);color:#6b0a12;border-color:rgba(206,31,46,0.25)\">SICAD\u00ae<\/span>\n    <\/div>\n    <a href=\"https:\/\/integra-360.com\/site\/soluciones-practicas-para-las-empresas\/\" class=\"pilar-link\" style=\"color:var(--rojo)\">M\u00e1s informaci\u00f3n <svg style=\"stroke:var(--rojo)\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"><\/path><\/svg><\/a>\n  <\/div>\n<\/div>\n\n<\/div><\/section>\n\n\n<!-- FUNDADOR -->\n<section class=\"fundador-sec\">\n  <div style=\"text-align:center;margin-bottom:52px\">\n    <span class=\"eyebrow eyebrow-light\">El equipo detr\u00e1s de Integra-360\u00ae<\/span>\n    <h2 class=\"sec-h2 sec-h2-light\">Liderado por experiencia y prop\u00f3sito<\/h2>\n  <\/div>\n  <div class=\"fundador-grid\">\n    <div class=\"fundador-foto-wrap\">\n      <img decoding=\"async\" src=\"https:\/\/integra-360.com\/site\/wp-content\/uploads\/2026\/06\/jose.png\" alt=\"Jos\u00e9 Gatgens \u2014 Fundador de INTEGRA-360\u00ae\" class=\"fundador-foto\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n      <div style=\"display:none;width:100%;aspect-ratio:3\/4;background:rgba(255,255,255,0.06);border-radius:var(--radio);align-items:center;justify-content:center;border:1px solid rgba(255,255,255,0.1)\">\n        <svg width=\"64\" height=\"64\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,0.25)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle><path d=\"M5.5 21a7 7 0 0 1 13 0\"><\/path><\/svg>\n      <\/div>\n      <div class=\"fundador-foto-badge\">Fundador &amp; Consultor Senior<\/div>\n    <\/div>\n    <div style=\"padding-top:8px\">\n      <div class=\"fundador-nombre\">Jos\u00e9 Gatgens<\/div>\n      <div class=\"fundador-cargo\">Fundador &amp; Consultor Senior \u00b7 Integra-360\u00ae<\/div>\n      <div class=\"fundador-especialidades\">\n        <div class=\"fnd-esp\"><span class=\"fnd-esp-dot\"><\/span><span class=\"fnd-esp-txt\">Conferencista y Facilitador internacional<\/span><\/div>\n        <div class=\"fnd-esp\"><span class=\"fnd-esp-dot\"><\/span><span class=\"fnd-esp-txt\">Creador de MindsUpgrade\u00ae y metodolog\u00edas propias<\/span><\/div>\n        <div class=\"fnd-esp\"><span class=\"fnd-esp-dot\"><\/span><span class=\"fnd-esp-txt\">Especialista en transformaci\u00f3n, liderazgo y desarrollo humano<\/span><\/div>\n        <div class=\"fnd-esp\"><span class=\"fnd-esp-dot\"><\/span><span class=\"fnd-esp-txt\">Facilitador de Constelaciones Organizacionales<\/span><\/div>\n        <div class=\"fnd-esp\"><span class=\"fnd-esp-dot\"><\/span><span class=\"fnd-esp-txt\">Coach en Salario Emocional<\/span><\/div>\n        <div class=\"fnd-esp\"><span class=\"fnd-esp-dot\"><\/span><span class=\"fnd-esp-txt\">Instructor de Din\u00e1mica Mental<\/span><\/div>\n      <\/div>\n      <div class=\"fundador-destacados\">\n        <div class=\"fnd-dest\">\n          <div class=\"fnd-dest-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 20h9\"><\/path><path d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"><\/path><\/svg><\/div>\n          <div class=\"fnd-dest-titulo\">Metodolog\u00eda propia<\/div>\n          <p class=\"fnd-dest-desc\">MindsUpgrade\u00ae y el modelo Desde el Nivel Donde Operas\u00ae \u2014 desarrollados para facilitar la evoluci\u00f3n real. Mentalidad, habilidades y consciencia para liderar el cambio.<\/p>\n        <\/div>\n        <div class=\"fnd-dest\">\n          <div class=\"fnd-dest-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line><\/svg><\/div>\n          <div class=\"fnd-dest-titulo\">Enfoque integral<\/div>\n          <p class=\"fnd-dest-desc\">Neurociencia, liderazgo, cultura y estrategia organizacional. Un modelo integral alineado a la estrategia y la cultura de cada organizaci\u00f3n.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"fnd-mini-pills\">\n        <div class=\"fnd-mini-pill\"><span class=\"fnd-mini-pill-dot\"><\/span>Experiencia comprobada<\/div>\n        <div class=\"fnd-mini-pill\"><span class=\"fnd-mini-pill-dot\"><\/span>Soluciones a la medida<\/div>\n        <div class=\"fnd-mini-pill\"><span class=\"fnd-mini-pill-dot\"><\/span>Resultados medibles<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- METODOLOG\u00cdAS -->\n<section class=\"sec sec-bg\" id=\"metodologias\">\n  <div class=\"metodos-layout\">\n    <div>\n      <span class=\"eyebrow\">Metodolog\u00edas propias<\/span>\n      <h2 class=\"sec-h2\">Herramientas desarrolladas<br>por Integra-360\u00ae<\/h2>\n      <p class=\"sec-lead\">Un conjunto de metodolog\u00edas dise\u00f1adas para facilitar procesos de crecimiento y transformaci\u00f3n sostenible, respaldadas por neurociencia y pr\u00e1ctica organizacional.<\/p>\n      <div class=\"principios-grid\">\n        <div class=\"principio-item\">Personalizaci\u00f3n<\/div>\n        <div class=\"principio-item\">Herramientas pr\u00e1cticas<\/div>\n        <div class=\"principio-item\">Experiencias vivenciales<\/div>\n        <div class=\"principio-item\">Seguimiento continuo<\/div>\n        <div class=\"principio-item\">Materiales premium<\/div>\n        <div class=\"principio-item\">Resultados transformadores<\/div>\n      <\/div>\n    <\/div>\n    <div>\n      <div style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:14px\">\n        <div class=\"metodo-chip\" style=\"justify-content:center;padding:16px 20px;font-size:15px\">\n          <span class=\"mc-dot\" style=\"background:var(--verde)\"><\/span>MindsUpgrade\u00ae\n        <\/div>\n        <div class=\"metodo-chip\" style=\"justify-content:center;padding:16px 20px;font-size:15px\">\n          <span class=\"mc-dot\" style=\"background:var(--naranja)\"><\/span>Desde el Nivel Donde Operas\u00ae\n        <\/div>\n        <div class=\"metodo-chip\" style=\"justify-content:center;padding:16px 20px;font-size:15px\">\n          <span class=\"mc-dot\" style=\"background:var(--azul)\"><\/span>ORIGEN360\u00ae\n        <\/div>\n        <div class=\"metodo-chip\" style=\"justify-content:center;padding:16px 20px;font-size:15px\">\n          <span class=\"mc-dot\" style=\"background:var(--rojo)\"><\/span>N.O.E.\u00ae \u2014 Nivel \u00d3ptimo de Estr\u00e9s\n        <\/div>\n        <div class=\"metodo-chip\" style=\"justify-content:center;padding:16px 20px;font-size:15px\">\n          <span class=\"mc-dot\" style=\"background:var(--verde)\"><\/span>HHE\u00ae \u2014 Habilidades Humanas Esenciales\n        <\/div>\n        <div class=\"metodo-chip\" style=\"justify-content:center;padding:16px 20px;font-size:15px\">\n          <span class=\"mc-dot\" style=\"background:var(--naranja)\"><\/span>SPEAKER360\u00ae\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- RESULTADOS -->\n<section class=\"sec\" id=\"resultados\" style=\"background:linear-gradient(135deg, rgba(13,27,42,0.88) 0%, rgba(22,40,64,0.82) 50%, rgba(13,27,42,0.90) 100%), url('https:\/\/integra-360.com\/site\/wp-content\/uploads\/2026\/06\/1.jpeg') center\/cover no-repeat;\">\n\n  <div style=\"text-align:center;margin-bottom:52px\">\n    <span class=\"eyebrow eyebrow-orange\">Resultados que ayudamos a lograr<\/span>\n    <h2 class=\"sec-h2\" style=\"color:var(--blanco)\">Transformamos personas, equipos<br>y organizaciones para generar <em style=\"font-style:italic;color:var(--naranja-claro)\">resultados sostenibles<\/em><\/h2>\n  <\/div>\n\n  <div style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:20px\">\n\n    <div style=\"background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:var(--radio);padding:28px;display:flex;gap:16px;align-items:flex-start;transition:box-shadow .2s,transform .2s\" onmouseover=\"this.style.background='rgba(255,255,255,0.14)';this.style.transform='translateY(-3px)'\" onmouseout=\"this.style.background='rgba(255,255,255,0.08)';this.style.transform='translateY(0)'\">\n      <div style=\"width:48px;height:48px;border-radius:12px;background:rgba(20,115,200,0.25);display:flex;align-items:center;justify-content:center;flex-shrink:0\">\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#5DAEF5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9.5 2A2.5 2.5 0 0 1 12 4.5v15a2.5 2.5 0 0 1-4.96-.46 2.5 2.5 0 0 1-2.96-3.08 3 3 0 0 1-.34-5.58 2.5 2.5 0 0 1 1.32-4.24 2.5 2.5 0 0 1 1.44-4.14\"><\/path><path d=\"M14.5 2A2.5 2.5 0 0 0 12 4.5v15a2.5 2.5 0 0 0 4.96-.46 2.5 2.5 0 0 0 2.96-3.08 3 3 0 0 0 .34-5.58 2.5 2.5 0 0 0-1.32-4.24 2.5 2.5 0 0 0-1.44-4.14\"><\/path><\/svg>\n      <\/div>\n      <div>\n        <div style=\"font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#5DAEF5;margin-bottom:4px\">L\u00edderes<\/div>\n        <div style=\"font-size:17px;font-weight:700;color:var(--blanco)\">M\u00e1s Conscientes<\/div>\n        <p style=\"font-size:14px;color:rgba(255,255,255,0.70);line-height:1.6;margin-top:6px\">L\u00edderes que act\u00faan desde el autoconocimiento, la empat\u00eda y el prop\u00f3sito.<\/p>\n      <\/div>\n    <\/div>\n\n    <div style=\"background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:var(--radio);padding:28px;display:flex;gap:16px;align-items:flex-start;transition:box-shadow .2s,transform .2s\" onmouseover=\"this.style.background='rgba(255,255,255,0.14)';this.style.transform='translateY(-3px)'\" onmouseout=\"this.style.background='rgba(255,255,255,0.08)';this.style.transform='translateY(0)'\">\n      <div style=\"width:48px;height:48px;border-radius:12px;background:rgba(243,112,33,0.25);display:flex;align-items:center;justify-content:center;flex-shrink:0\">\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#F9A95A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\n      <\/div>\n      <div>\n        <div style=\"font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#F9A95A;margin-bottom:4px\">Equipos<\/div>\n        <div style=\"font-size:17px;font-weight:700;color:var(--blanco)\">M\u00e1s Fuertes<\/div>\n        <p style=\"font-size:14px;color:rgba(255,255,255,0.70);line-height:1.6;margin-top:6px\">Equipos m\u00e1s cohesionados, colaborativos y de alto desempe\u00f1o.<\/p>\n      <\/div>\n    <\/div>\n\n    <div style=\"background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:var(--radio);padding:28px;display:flex;gap:16px;align-items:flex-start;transition:box-shadow .2s,transform .2s\" onmouseover=\"this.style.background='rgba(255,255,255,0.14)';this.style.transform='translateY(-3px)'\" onmouseout=\"this.style.background='rgba(255,255,255,0.08)';this.style.transform='translateY(0)'\">\n      <div style=\"width:48px;height:48px;border-radius:12px;background:rgba(58,170,53,0.25);display:flex;align-items:center;justify-content:center;flex-shrink:0\">\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6DC96A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path><\/svg>\n      <\/div>\n      <div>\n        <div style=\"font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#6DC96A;margin-bottom:4px\">Comunicaci\u00f3n<\/div>\n        <div style=\"font-size:17px;font-weight:700;color:var(--blanco)\">Mejor Comunicaci\u00f3n<\/div>\n        <p style=\"font-size:14px;color:rgba(255,255,255,0.70);line-height:1.6;margin-top:6px\">Comunicaci\u00f3n m\u00e1s clara, emp\u00e1tica y efectiva en todos los niveles.<\/p>\n      <\/div>\n    <\/div>\n\n    <div style=\"background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:var(--radio);padding:28px;display:flex;gap:16px;align-items:flex-start;transition:box-shadow .2s,transform .2s\" onmouseover=\"this.style.background='rgba(255,255,255,0.14)';this.style.transform='translateY(-3px)'\" onmouseout=\"this.style.background='rgba(255,255,255,0.08)';this.style.transform='translateY(0)'\">\n      <div style=\"width:48px;height:48px;border-radius:12px;background:rgba(206,31,46,0.25);display:flex;align-items:center;justify-content:center;flex-shrink:0\">\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#F87171\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path><\/svg>\n      <\/div>\n      <div>\n        <div style=\"font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#F87171;margin-bottom:4px\">Compromiso<\/div>\n        <div style=\"font-size:17px;font-weight:700;color:var(--blanco)\">Mayor Compromiso<\/div>\n        <p style=\"font-size:14px;color:rgba(255,255,255,0.70);line-height:1.6;margin-top:6px\">Personas m\u00e1s comprometidas con su trabajo, su equipo y la organizaci\u00f3n.<\/p>\n      <\/div>\n    <\/div>\n\n    <div style=\"background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:var(--radio);padding:28px;display:flex;gap:16px;align-items:flex-start;transition:box-shadow .2s,transform .2s\" onmouseover=\"this.style.background='rgba(255,255,255,0.14)';this.style.transform='translateY(-3px)'\" onmouseout=\"this.style.background='rgba(255,255,255,0.08)';this.style.transform='translateY(0)'\">\n      <div style=\"width:48px;height:48px;border-radius:12px;background:rgba(124,58,237,0.25);display:flex;align-items:center;justify-content:center;flex-shrink:0\">\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C4B5FD\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline><\/svg>\n      <\/div>\n      <div>\n        <div style=\"font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#C4B5FD;margin-bottom:4px\">Productividad<\/div>\n        <div style=\"font-size:17px;font-weight:700;color:var(--blanco)\">Mayor Productividad<\/div>\n        <p style=\"font-size:14px;color:rgba(255,255,255,0.70);line-height:1.6;margin-top:6px\">Equipos que logran m\u00e1s con menos desgaste, con foco y claridad.<\/p>\n      <\/div>\n    <\/div>\n\n    <div style=\"background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:var(--radio);padding:28px;display:flex;gap:16px;align-items:flex-start;transition:box-shadow .2s,transform .2s\" onmouseover=\"this.style.background='rgba(255,255,255,0.14)';this.style.transform='translateY(-3px)'\" onmouseout=\"this.style.background='rgba(255,255,255,0.08)';this.style.transform='translateY(0)'\">\n      <div style=\"width:48px;height:48px;border-radius:12px;background:rgba(58,170,53,0.25);display:flex;align-items:center;justify-content:center;flex-shrink:0\">\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6DC96A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22V12m0 0C12 7 7 5 3 6m9 6c0-5 5-7 9-6\"><\/path><\/svg>\n      <\/div>\n      <div>\n        <div style=\"font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#6DC96A;margin-bottom:4px\">Cultura<\/div>\n        <div style=\"font-size:17px;font-weight:700;color:var(--blanco)\">Cultura Organizacional S\u00f3lida<\/div>\n        <p style=\"font-size:14px;color:rgba(255,255,255,0.70);line-height:1.6;margin-top:6px\">Organizaciones con una cultura consciente, colaborativa y orientada a resultados sostenibles.<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- Frase final -->\n  <div style=\"background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);border-radius:var(--radio);padding:36px;text-align:center;margin-top:32px\">\n    <p style=\"font-family:'Fraunces',serif;font-size:clamp(16px,2vw,22px);font-weight:700;color:var(--blanco);line-height:1.6;margin:0\">\n      Los mejores resultados ocurren cuando\n      <em style=\"font-style:italic;color:#6DC96A\"> las personas crecen,<\/em>\n      <em style=\"font-style:italic;color:#5DCAA5\"> los equipos se fortalecen<\/em>\n      y <em style=\"font-style:italic;color:var(--naranja-claro)\"> las organizaciones evolucionan.<\/em>\n    <\/p>\n  <\/div>\n\n<\/section>\n\n\n<!-- PROMESA -->\n<section class=\"sec sec-bg\" style=\"text-align:center\">\n  <span class=\"eyebrow eyebrow-orange\">Nuestra promesa<\/span>\n  <h2 class=\"sec-h2\" style=\"margin-bottom:16px\">Lo que nos comprometemos<br>a generar contigo<\/h2>\n  <p class=\"sec-lead\" style=\"margin:0 auto 48px\">El futuro pertenece a las organizaciones capaces de integrar ciencia, consciencia y estrategia para evolucionar de manera sostenible.<\/p>\n\n  <div style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;text-align:left\" class=\"promesa-grid-mobile\">\n\n    <div style=\"background:var(--blanco);border:1px solid var(--gris-borde);border-radius:var(--radio);padding:28px;transition:box-shadow .2s,transform .2s\" onmouseover=\"this.style.boxShadow='0 8px 28px rgba(13,27,42,0.09)';this.style.transform='translateY(-3px)'\" onmouseout=\"this.style.boxShadow='none';this.style.transform='translateY(0)'\">\n      <div style=\"font-size:12px;font-weight:600;letter-spacing:1px;color:var(--gris-texto);text-decoration:line-through;margin-bottom:12px\">Solo resolver problemas<\/div>\n      <div style=\"width:32px;height:3px;background:var(--naranja);border-radius:2px;margin-bottom:14px\"><\/div>\n      <div style=\"font-size:17px;font-weight:700;color:var(--navy);line-height:1.4\">Desarrollamos capacidades duraderas<\/div>\n    <\/div>\n\n    <div style=\"background:var(--blanco);border:1px solid var(--gris-borde);border-radius:var(--radio);padding:28px;transition:box-shadow .2s,transform .2s\" onmouseover=\"this.style.boxShadow='0 8px 28px rgba(13,27,42,0.09)';this.style.transform='translateY(-3px)'\" onmouseout=\"this.style.boxShadow='none';this.style.transform='translateY(0)'\">\n      <div style=\"font-size:12px;font-weight:600;letter-spacing:1px;color:var(--gris-texto);text-decoration:line-through;margin-bottom:12px\">Cambios temporales<\/div>\n      <div style=\"width:32px;height:3px;background:var(--naranja);border-radius:2px;margin-bottom:14px\"><\/div>\n      <div style=\"font-size:17px;font-weight:700;color:var(--navy);line-height:1.4\">Transformaciones sostenibles<\/div>\n    <\/div>\n\n    <div style=\"background:var(--blanco);border:1px solid var(--gris-borde);border-radius:var(--radio);padding:28px;transition:box-shadow .2s,transform .2s\" onmouseover=\"this.style.boxShadow='0 8px 28px rgba(13,27,42,0.09)';this.style.transform='translateY(-3px)'\" onmouseout=\"this.style.boxShadow='none';this.style.transform='translateY(0)'\">\n      <div style=\"font-size:12px;font-weight:600;letter-spacing:1px;color:var(--gris-texto);text-decoration:line-through;margin-bottom:12px\">Intervenir procesos<\/div>\n      <div style=\"width:32px;height:3px;background:var(--naranja);border-radius:2px;margin-bottom:14px\"><\/div>\n      <div style=\"font-size:17px;font-weight:700;color:var(--navy);line-height:1.4\">Transformamos personas, equipos, liderazgo y cultura<\/div>\n    <\/div>\n\n  <\/div>\n\n  <a href=\"https:\/\/calendly.com\/jgatgens\/nueva-reunion\" target=\"_blank\" rel=\"noopener\" class=\"btn-naranja\">Agenda tu cita ahora<\/a>\n<\/section>\n\n\n<!-- CONTACTO -->\n<section class=\"sec sec-bg\" id=\"contacto\">\n  <div class=\"center header-bloque\">\n    <span class=\"eyebrow\">Contacto<\/span>\n    <h2 class=\"sec-h2\">\u00bfListo para evolucionar?<\/h2>\n    <p class=\"sec-lead\" style=\"margin:0 auto\">Conversemos sobre c\u00f3mo podemos acompa\u00f1ar a tu organizaci\u00f3n en su pr\u00f3ximo nivel de transformaci\u00f3n.<\/p>\n  <\/div>\n  <div class=\"contacto-inner\">\n    <!-- Columna izquierda: datos -->\n    <div>\n      <div class=\"contacto-titulo\">Informaci\u00f3n de contacto<\/div>\n      <div class=\"contacto-dato\">\n        <div class=\"dato-ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg><\/div>\n        <div><div class=\"dato-label\">Sitio web<\/div><div class=\"dato-valor\">integra-360.com<\/div><\/div>\n      <\/div>\n      <div class=\"contacto-dato\">\n        <div class=\"dato-ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg><\/div>\n        <div><div class=\"dato-label\">Correo electr\u00f3nico<\/div><div class=\"dato-valor\">info@integra-360.com<\/div><\/div>\n      <\/div>\n      <div class=\"contacto-dato\">\n        <div class=\"dato-ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.41 2 2 0 0 1 3.6 1.25h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg><\/div>\n        <div><div class=\"dato-label\">WhatsApp<\/div><div class=\"dato-valor\">7065-2824<\/div><\/div>\n      <\/div>\n    <\/div>\n    <!-- Columna derecha: acciones -->\n    <div style=\"display:flex;flex-direction:column;gap:16px;justify-content:center\">\n      <p style=\"font-size:15px;color:var(--gris-texto);line-height:1.7\">\n        Para contactarnos pod\u00e9s escribirnos directamente por WhatsApp o correo electr\u00f3nico y con gusto te atendemos.\n      <\/p>\n      <a href=\"https:\/\/wa.me\/50670652824?text=Hola%20Integra-360%2C%20me%20gustar%C3%ADa%20m%C3%A1s%20informaci%C3%B3n\" target=\"_blank\" rel=\"noopener\" class=\"wa-btn\" style=\"width:fit-content\">\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"><\/path><\/svg>\n        Escribir por WhatsApp\n      <\/a>\n      <a href=\"mailto:info@integra-360.com\" style=\"display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--navy);text-decoration:none\">\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg>\n        info@integra-360.com\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.nav-links a.nav-activo{color:var(--naranja)!important;font-weight:600}\n<\/style>\n<script>\nconst secciones = document.querySelectorAll('section[id]');\nconst navLinks  = document.querySelectorAll('.nav-links a[href^=\"#\"]');\nwindow.addEventListener('scroll', () => {\n  let actual = '';\n  secciones.forEach(sec => {\n    if (window.scrollY >= sec.offsetTop - 120) actual = sec.id;\n  });\n  navLinks.forEach(a => {\n    a.classList.toggle('nav-activo', a.getAttribute('href') === '#' + actual);\n  });\n}, {passive: true});\n<\/script>\n\n<!-- FOOTER -->\n<footer>\n  <div>\n    <div class=\"footer-brand\">INTEGRA-360\u00ae<\/div>\n    <div class=\"footer-lema\">Inspira \u00b7 Transforma \u00b7 Trasciende<\/div>\n  <\/div>\n  <div class=\"footer-legal\">\u00a9 2026 Integra-360\u00ae \u2014 Organizaciones Neuroconscientes\u00ae \u2014 Todos los derechos reservados<\/div>\n<\/footer>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Qui\u00e9nes somos Ecosistema Resultados Metodolog\u00edas Test de Diagn\u00f3stico \u25be Test de Autoexploraci\u00f3n MindsUpgrade Test DISC \u2014 Evaluaci\u00f3n de Perfil de Comportamiento Diagn\u00f3stico Empresarial \u2014 Nivel desde donde Opera tu Organizaci\u00f3n Diagn\u00f3stico Personal \u2014 El nivel desde el que operas Radiograf\u00eda Ejecutiva Integra-360\u00ae Human360\u00ae \u2014 Evaluaci\u00f3n de Fortalezas Experiencia Integra-360\u00ae Contacto Aula Virtual Organizaciones Neuroconscientes\u00ae Donde [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-blank.php","meta":{"footnotes":""},"class_list":["post-140","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/integra-360.com\/site\/wp-json\/wp\/v2\/pages\/140","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/integra-360.com\/site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/integra-360.com\/site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/integra-360.com\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/integra-360.com\/site\/wp-json\/wp\/v2\/comments?post=140"}],"version-history":[{"count":75,"href":"https:\/\/integra-360.com\/site\/wp-json\/wp\/v2\/pages\/140\/revisions"}],"predecessor-version":[{"id":281,"href":"https:\/\/integra-360.com\/site\/wp-json\/wp\/v2\/pages\/140\/revisions\/281"}],"wp:attachment":[{"href":"https:\/\/integra-360.com\/site\/wp-json\/wp\/v2\/media?parent=140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}