{"id":8,"date":"2026-06-18T22:05:30","date_gmt":"2026-06-18T22:05:30","guid":{"rendered":"https:\/\/tapegua.org\/?page_id=8"},"modified":"2026-06-30T16:21:36","modified_gmt":"2026-06-30T16:21:36","slug":"inicio","status":"publish","type":"page","link":"https:\/\/tapegua.org\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n TAPEGUA \u2014 Inicio<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Inter:wght@300;400;500&display=swap\" rel=\"stylesheet\" \/>\n <style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --gold: #C9A84C;\n --gold-dark: #A8872E;\n --gold-light: #F0DFA0;\n --green: #5A8A4A;\n --green-deep: #1E3A18;\n --teal: #7EC8C8;\n --cream: #FAF8F3;\n --cream-dark: #F0EDE4;\n --ink: #1C1C1A;\n --ink-mid: #3A3A36;\n --muted: #6B6B65;\n --border: rgba(201,168,76,0.2);\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n background: var(--cream);\n font-family: 'Inter', sans-serif;\n color: var(--ink);\n overflow-x: hidden;\n }\n\n \/* \u2500\u2500 UTILIDADES \u2500\u2500 *\/\n .container {\n max-width: 1160px;\n margin: 0 auto;\n padding: 0 32px;\n }\n .eyebrow {\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--gold);\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 16px;\n }\n .eyebrow::before {\n content: '';\n display: block;\n width: 28px;\n height: 1.5px;\n background: var(--gold);\n flex-shrink: 0;\n }\n .btn-gold {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: var(--gold);\n color: #fff;\n font-family: 'Inter', sans-serif;\n font-size: 13.5px;\n font-weight: 500;\n padding: 12px 26px;\n border-radius: 8px;\n text-decoration: none;\n transition: background 0.2s, transform 0.15s;\n border: none;\n cursor: pointer;\n }\n .btn-gold:hover { background: var(--gold-dark); transform: translateY(-1px); }\n .btn-outline {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: transparent;\n color: var(--ink);\n font-family: 'Inter', sans-serif;\n font-size: 13.5px;\n font-weight: 400;\n padding: 11px 24px;\n border-radius: 8px;\n text-decoration: none;\n border: 1px solid rgba(28,28,26,0.25);\n transition: border-color 0.2s, color 0.2s;\n }\n .btn-outline:hover { border-color: var(--gold); color: var(--gold-dark); }\n .btn-outline-white {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: transparent;\n color: #FAF8F3;\n font-family: 'Inter', sans-serif;\n font-size: 13.5px;\n font-weight: 400;\n padding: 11px 24px;\n border-radius: 8px;\n text-decoration: none;\n border: 1px solid rgba(250,248,243,0.35);\n transition: border-color 0.2s, background 0.2s;\n }\n .btn-outline-white:hover { border-color: #FAF8F3; background: rgba(250,248,243,0.1); }\n\n \/* \u2500\u2500 REVEAL ANIMATION \u2500\u2500 *\/\n .reveal {\n opacity: 0;\n transform: translateY(28px);\n transition: opacity 0.7s ease, transform 0.7s ease;\n }\n .reveal.visible { opacity: 1; transform: translateY(0); }\n .reveal-delay-1 { transition-delay: 0.1s; }\n .reveal-delay-2 { transition-delay: 0.2s; }\n .reveal-delay-3 { transition-delay: 0.3s; }\n .reveal-delay-4 { transition-delay: 0.4s; }\n .reveal-delay-5 { transition-delay: 0.5s; }\n\n @media (prefers-reduced-motion: reduce) {\n .reveal { opacity: 1; transform: none; transition: none; }\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n 1. HERO\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .hero {\n min-height: 92vh;\n display: grid;\n grid-template-columns: 1fr 1fr;\n align-items: center;\n gap: 0;\n position: relative;\n overflow: hidden;\n background: var(--cream);\n }\n\n \/* Fondo: mancha org\u00e1nica dorada muy sutil *\/\n .hero::before {\n content: '';\n position: absolute;\n top: -120px;\n right: -80px;\n width: 600px;\n height: 600px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(201,168,76,0.07) 0%, transparent 70%);\n pointer-events: none;\n }\n\n .hero-text {\n padding: 80px 48px 80px 0;\n position: relative;\n z-index: 2;\n }\n\n .hero-eyebrow {\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--gold);\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 28px;\n }\n .hero-eyebrow::before {\n content: '';\n display: block;\n width: 28px;\n height: 1.5px;\n background: var(--gold);\n }\n\n .hero-title {\n font-family: 'Playfair Display', Georgia, serif;\n font-size: clamp(38px, 5vw, 62px);\n font-weight: 500;\n line-height: 1.12;\n color: var(--ink);\n margin-bottom: 12px;\n letter-spacing: -0.01em;\n }\n .hero-title em {\n font-style: italic;\n color: var(--green);\n }\n\n .hero-subtitle {\n font-family: 'Playfair Display', serif;\n font-size: clamp(16px, 2vw, 20px);\n font-style: italic;\n color: var(--gold-dark);\n margin-bottom: 24px;\n line-height: 1.5;\n }\n\n .hero-desc {\n font-size: 15.5px;\n line-height: 1.75;\n color: var(--muted);\n max-width: 460px;\n margin-bottom: 40px;\n }\n\n .hero-actions {\n display: flex;\n gap: 14px;\n flex-wrap: wrap;\n align-items: center;\n }\n\n \/* Lado derecho: logo como protagonista visual *\/\n .hero-visual {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n height: 100%;\n min-height: 500px;\n }\n\n \/* C\u00edrculo decorativo de fondo *\/\n .hero-ring {\n position: absolute;\n width: 480px;\n height: 480px;\n border-radius: 50%;\n border: 1px solid var(--border);\n }\n .hero-ring-2 {\n position: absolute;\n width: 360px;\n height: 360px;\n border-radius: 50%;\n border: 1px solid rgba(201,168,76,0.12);\n }\n\n .hero-logo-wrap {\n position: relative;\n z-index: 2;\n animation: float 6s ease-in-out infinite;\n }\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-12px); }\n }\n @media (prefers-reduced-motion: reduce) {\n .hero-logo-wrap { animation: none; }\n }\n\n .hero-logo-wrap img {\n width: 320px;\n height: 320px;\n object-fit: contain;\n display: block;\n filter: drop-shadow(0 8px 32px rgba(201,168,76,0.18));\n }\n\n \/* P\u00edldoras flotantes sobre el logo *\/\n .hero-pill {\n position: absolute;\n background: var(--cream);\n border: 1px solid var(--border);\n border-radius: 40px;\n padding: 8px 16px;\n font-size: 12px;\n font-weight: 500;\n color: var(--ink-mid);\n white-space: nowrap;\n box-shadow: 0 2px 12px rgba(28,28,26,0.06);\n }\n .hero-pill-1 { top: 18%; left: -40px; color: var(--green); border-color: rgba(90,138,74,0.3); }\n .hero-pill-2 { bottom: 28%; right: -20px; color: var(--teal); border-color: rgba(126,200,200,0.35); }\n .hero-pill-3 { top: 60%; left: -50px; color: var(--gold-dark); border-color: var(--border); }\n\n \/* L\u00ednea divisora decorativa bajo el hero *\/\n .hero-divider {\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--border), transparent);\n margin: 0 32px;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n 2. PROP\u00d3SITO\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .proposito {\n padding: 100px 0;\n background: var(--cream);\n text-align: center;\n }\n .proposito-quote {\n font-family: 'Playfair Display', serif;\n font-size: clamp(26px, 4vw, 44px);\n font-weight: 400;\n line-height: 1.3;\n color: var(--ink);\n max-width: 820px;\n margin: 0 auto 28px;\n letter-spacing: -0.01em;\n }\n .proposito-quote strong {\n font-weight: 600;\n color: var(--green);\n }\n .proposito-quote em {\n font-style: italic;\n color: var(--gold-dark);\n }\n .proposito-desc {\n font-size: 15.5px;\n line-height: 1.8;\n color: var(--muted);\n max-width: 640px;\n margin: 0 auto 36px;\n }\n .proposito-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n }\n .proposito-tag {\n font-size: 12px;\n font-weight: 400;\n color: var(--muted);\n border: 1px solid var(--border);\n border-radius: 20px;\n padding: 5px 14px;\n background: transparent;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n 3. L\u00cdNEAS DE ACCI\u00d3N\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .lineas {\n padding: 100px 0;\n background: var(--green-deep);\n }\n .lineas .eyebrow { color: var(--gold-light); }\n .lineas .eyebrow::before { background: var(--gold-light); }\n .lineas-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(28px, 3.5vw, 40px);\n font-weight: 500;\n color: #FAF8F3;\n margin-bottom: 12px;\n line-height: 1.2;\n }\n .lineas-sub {\n font-size: 15px;\n color: rgba(250,248,243,0.55);\n margin-bottom: 56px;\n max-width: 540px;\n }\n .lineas-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n }\n .linea-card {\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.09);\n border-radius: 14px;\n padding: 32px 28px;\n text-decoration: none;\n transition: background 0.25s, border-color 0.25s, transform 0.2s;\n display: block;\n }\n .linea-card:hover {\n background: rgba(255,255,255,0.08);\n border-color: var(--gold);\n transform: translateY(-4px);\n }\n .linea-icon {\n width: 44px;\n height: 44px;\n border-radius: 10px;\n margin-bottom: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .linea-icon svg { width: 22px; height: 22px; }\n .linea-name {\n font-family: 'Playfair Display', serif;\n font-size: 18px;\n font-weight: 500;\n color: #FAF8F3;\n margin-bottom: 10px;\n line-height: 1.25;\n }\n .linea-desc {\n font-size: 13.5px;\n line-height: 1.65;\n color: rgba(250,248,243,0.5);\n }\n .linea-arrow {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-size: 12.5px;\n color: var(--gold);\n margin-top: 18px;\n font-weight: 500;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n 4. CIFRAS DE IMPACTO\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .impacto {\n padding: 96px 0;\n background: var(--cream-dark);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n .impacto-header {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n align-items: end;\n margin-bottom: 64px;\n }\n .impacto-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(26px, 3vw, 38px);\n font-weight: 500;\n line-height: 1.2;\n color: var(--ink);\n }\n .impacto-desc {\n font-size: 15px;\n line-height: 1.75;\n color: var(--muted);\n }\n .cifras-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1px;\n background: var(--border);\n border: 1px solid var(--border);\n border-radius: 14px;\n overflow: hidden;\n }\n .cifra {\n background: var(--cream);\n padding: 36px 28px;\n text-align: center;\n }\n .cifra-num {\n font-family: 'Playfair Display', serif;\n font-size: 48px;\n font-weight: 500;\n color: var(--ink);\n line-height: 1;\n margin-bottom: 6px;\n }\n .cifra-num span {\n color: var(--gold);\n font-size: 36px;\n }\n .cifra-label {\n font-size: 13px;\n color: var(--muted);\n line-height: 1.4;\n max-width: 120px;\n margin: 0 auto;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n 5. SOBRE NOSOTRAS\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .nosotras {\n padding: 100px 0;\n background: var(--cream);\n }\n .nosotras-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 80px;\n align-items: center;\n }\n .nosotras-img-wrap {\n position: relative;\n }\n .nosotras-img-placeholder {\n width: 100%;\n aspect-ratio: 4\/5;\n background: var(--cream-dark);\n border-radius: 16px;\n border: 1px solid var(--border);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n gap: 12px;\n color: var(--muted);\n font-size: 13px;\n }\n .nosotras-img-placeholder svg { width: 40px; height: 40px; opacity: 0.3; }\n \/* Bloque dorado decorativo superpuesto *\/\n .nosotras-deco {\n position: absolute;\n bottom: -20px;\n right: -20px;\n width: 140px;\n height: 140px;\n border: 2px solid var(--gold);\n border-radius: 12px;\n opacity: 0.35;\n }\n .nosotras-deco-2 {\n position: absolute;\n top: -16px;\n left: -16px;\n width: 80px;\n height: 80px;\n background: rgba(201,168,76,0.08);\n border-radius: 8px;\n }\n .nosotras-text {}\n .nosotras-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(26px, 3vw, 38px);\n font-weight: 500;\n line-height: 1.2;\n color: var(--ink);\n margin-bottom: 20px;\n }\n .nosotras-body {\n font-size: 15.5px;\n line-height: 1.8;\n color: var(--muted);\n margin-bottom: 20px;\n }\n .nosotras-cita {\n border-left: 3px solid var(--gold);\n padding: 12px 20px;\n margin: 28px 0;\n background: rgba(201,168,76,0.05);\n border-radius: 0 8px 8px 0;\n }\n .nosotras-cita p {\n font-family: 'Playfair Display', serif;\n font-size: 16px;\n font-style: italic;\n color: var(--ink-mid);\n line-height: 1.55;\n }\n\n \/* Principios en lista con punto de color *\/\n .principios {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin: 24px 0 32px;\n }\n .principio-item {\n display: flex;\n align-items: center;\n gap: 12px;\n font-size: 14px;\n color: var(--ink-mid);\n }\n .principio-dot {\n width: 8px; height: 8px;\n border-radius: 50%;\n flex-shrink: 0;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n 6. NOTICIAS\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .noticias {\n padding: 100px 0;\n background: var(--cream-dark);\n }\n .noticias-header {\n display: flex;\n align-items: flex-end;\n justify-content: space-between;\n margin-bottom: 48px;\n flex-wrap: wrap;\n gap: 16px;\n }\n .noticias-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(26px, 3vw, 38px);\n font-weight: 500;\n line-height: 1.2;\n color: var(--ink);\n }\n .noticias-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n }\n .noticia-card {\n background: var(--cream);\n border: 1px solid var(--border);\n border-radius: 14px;\n overflow: hidden;\n text-decoration: none;\n display: block;\n transition: transform 0.2s, box-shadow 0.2s;\n }\n .noticia-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 32px rgba(28,28,26,0.08);\n }\n .noticia-img {\n width: 100%;\n aspect-ratio: 16\/9;\n background: var(--cream-dark);\n display: flex;\n align-items: center;\n justify-content: center;\n border-bottom: 1px solid var(--border);\n position: relative;\n overflow: hidden;\n }\n .noticia-img svg { width: 36px; height: 36px; color: var(--muted); opacity: 0.3; }\n .noticia-tag {\n position: absolute;\n top: 12px;\n left: 12px;\n font-size: 11px;\n font-weight: 500;\n padding: 4px 10px;\n border-radius: 20px;\n background: var(--cream);\n color: var(--green);\n border: 1px solid rgba(90,138,74,0.3);\n }\n .noticia-body { padding: 22px 22px 26px; }\n .noticia-date {\n font-size: 11.5px;\n color: var(--muted);\n margin-bottom: 8px;\n letter-spacing: 0.04em;\n }\n .noticia-titulo {\n font-family: 'Playfair Display', serif;\n font-size: 17px;\n font-weight: 500;\n color: var(--ink);\n line-height: 1.35;\n margin-bottom: 10px;\n }\n .noticia-excerpt {\n font-size: 13.5px;\n color: var(--muted);\n line-height: 1.6;\n }\n .noticia-leer {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n font-size: 12.5px;\n color: var(--gold-dark);\n font-weight: 500;\n margin-top: 14px;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n 7. ALIADOS\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .aliados {\n padding: 64px 0;\n background: var(--cream);\n border-top: 1px solid var(--border);\n }\n .aliados-title {\n text-align: center;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--muted);\n margin-bottom: 36px;\n }\n .aliados-logos {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 48px;\n flex-wrap: wrap;\n }\n .aliado-placeholder {\n height: 36px;\n width: 100px;\n background: var(--cream-dark);\n border-radius: 6px;\n border: 1px solid var(--border);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 11px;\n color: var(--muted);\n font-weight: 500;\n letter-spacing: 0.06em;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n 8. CTA FINAL\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .cta-final {\n padding: 100px 32px;\n background: var(--green-deep);\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n .cta-final::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 600px;\n height: 600px;\n border-radius: 50%;\n border: 1px solid rgba(201,168,76,0.12);\n pointer-events: none;\n }\n .cta-final::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 380px;\n height: 380px;\n border-radius: 50%;\n border: 1px solid rgba(201,168,76,0.08);\n pointer-events: none;\n }\n .cta-inner {\n position: relative;\n z-index: 2;\n max-width: 680px;\n margin: 0 auto;\n }\n .cta-logo {\n width: 72px;\n height: 72px;\n object-fit: contain;\n margin: 0 auto 28px;\n display: block;\n filter: brightness(1.1);\n }\n .cta-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(28px, 4vw, 46px);\n font-weight: 500;\n color: #FAF8F3;\n line-height: 1.2;\n margin-bottom: 16px;\n }\n .cta-title em { font-style: italic; color: var(--gold-light); }\n .cta-sub {\n font-size: 15.5px;\n color: rgba(250,248,243,0.6);\n line-height: 1.7;\n margin-bottom: 40px;\n }\n .cta-actions {\n display: flex;\n gap: 14px;\n justify-content: center;\n flex-wrap: wrap;\n }\n\n \/* \u2500\u2500 WHATSAPP FLOTANTE \u2500\u2500 *\/\n .whatsapp-float {\n position: fixed;\n bottom: 28px;\n right: 28px;\n width: 52px;\n height: 52px;\n background: #25D366;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 16px rgba(37,211,102,0.35);\n text-decoration: none;\n z-index: 900;\n transition: transform 0.2s;\n }\n .whatsapp-float:hover { transform: scale(1.08); }\n .whatsapp-float svg { width: 26px; height: 26px; fill: #fff; }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 960px) {\n .hero { grid-template-columns: 1fr; min-height: auto; }\n .hero-text { padding: 64px 0 40px; }\n .hero-visual { min-height: 320px; }\n .hero-logo-wrap img { width: 220px; height: 220px; }\n .hero-ring { width: 300px; height: 300px; }\n .hero-ring-2 { width: 220px; height: 220px; }\n .hero-pill { display: none; }\n\n .lineas-grid { grid-template-columns: 1fr 1fr; }\n .cifras-grid { grid-template-columns: 1fr 1fr; }\n .nosotras-grid { grid-template-columns: 1fr; gap: 40px; }\n .nosotras-img-wrap { max-width: 420px; }\n .noticias-grid { grid-template-columns: 1fr 1fr; }\n .impacto-header { grid-template-columns: 1fr; gap: 16px; }\n }\n\n @media (max-width: 600px) {\n .container { padding: 0 20px; }\n .lineas-grid { grid-template-columns: 1fr; }\n .cifras-grid { grid-template-columns: 1fr 1fr; }\n .noticias-grid { grid-template-columns: 1fr; }\n .cta-actions { flex-direction: column; align-items: center; }\n .hero-actions { flex-direction: column; align-items: flex-start; }\n }\n <\/style>\n<\/head>\n<body>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n 1. HERO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"hero\" aria-label=\"Bienvenida TAPEGUA\">\n <div class=\"container\" style=\"display:contents;\">\n\n <!-- Texto -->\n <div class=\"hero-text container reveal\">\n <p class=\"hero-eyebrow\">Guatap\u00e9, Antioquia \u00b7 Colombia<\/p>\n\n <h1 class=\"hero-title\">\n Tejiendo<br>\n <em>territorios<\/em><br>\n para la vida\n <\/h1>\n\n <p class=\"hero-subtitle\">\"Sembramos paz, cultivamos futuro.\"<\/p>\n\n <p class=\"hero-desc\">\n Somos una organizaci\u00f3n sin \u00e1nimo de lucro que impulsa el liderazgo de mujeres, la agroecolog\u00eda, el turismo regenerativo y la cultura de paz en el territorio de Guatap\u00e9.\n <\/p>\n\n <div class=\"hero-actions\">\n <a href=\"\/programas\" class=\"btn-gold\">\n Conoce nuestros programas\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n <\/a>\n <a href=\"\/quienes-somos\" class=\"btn-outline\">Qui\u00e9nes somos<\/a>\n <\/div>\n <\/div>\n\n <!-- Visual: logo protagonista -->\n <div class=\"hero-visual reveal reveal-delay-2\">\n <div class=\"hero-ring\"><\/div>\n <div class=\"hero-ring-2\"><\/div>\n <div class=\"hero-logo-wrap\">\n <img fetchpriority=\"high\" decoding=\"async\"\n src=\"https:\/\/tapegua.org\/wp-content\/uploads\/2026\/06\/LOGO-TAPEGUA-fondo-transparente.png\"\n alt=\"S\u00edmbolo TAPEGUA \u2014 flor de loto y rostro ancestral\"\n width=\"320\"\n height=\"320\"\n \/>\n <\/div>\n <!-- P\u00edldoras flotantes -->\n <span class=\"hero-pill hero-pill-1\">\ud83c\udf31 Agroecolog\u00eda<\/span>\n <span class=\"hero-pill hero-pill-2\">\ud83c\udf0a Turismo regenerativo<\/span>\n <span class=\"hero-pill hero-pill-3\">\ud83e\udd1d Mujeres y liderazgo<\/span>\n <\/div>\n\n <\/div>\n<\/section>\n\n<div class=\"hero-divider\"><\/div>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n 2. PROP\u00d3SITO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"proposito\" aria-label=\"Prop\u00f3sito institucional\">\n <div class=\"container\">\n <p class=\"eyebrow reveal\">Prop\u00f3sito superior<\/p>\n <h2 class=\"proposito-quote reveal reveal-delay-1\">\n Tejer territorios <em>sostenibles, conscientes<\/em> y en <strong>paz<\/strong> mediante el liderazgo comunitario y la participaci\u00f3n de las mujeres.\n <\/h2>\n <p class=\"proposito-desc reveal reveal-delay-2\">\n Desde Guatap\u00e9 trabajamos junto a mujeres, j\u00f3venes y comunidades para construir un futuro con oportunidades dignas, econom\u00eda solidaria y territorios resilientes.\n <\/p>\n <div class=\"proposito-tags reveal reveal-delay-3\">\n <span class=\"proposito-tag\">Enfoque de g\u00e9nero<\/span>\n <span class=\"proposito-tag\">Soberan\u00eda alimentaria<\/span>\n <span class=\"proposito-tag\">Paz activa<\/span>\n <span class=\"proposito-tag\">Econom\u00eda comunitaria<\/span>\n <span class=\"proposito-tag\">Identidad cultural<\/span>\n <span class=\"proposito-tag\">Regeneraci\u00f3n territorial<\/span>\n <\/div>\n <\/div>\n<\/section>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n 3. L\u00cdNEAS DE ACCI\u00d3N\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"lineas\" aria-label=\"L\u00edneas de acci\u00f3n\">\n <div class=\"container\">\n <p class=\"eyebrow reveal\">Qu\u00e9 hacemos<\/p>\n <h2 class=\"lineas-title reveal reveal-delay-1\">Nuestras l\u00edneas de acci\u00f3n<\/h2>\n <p class=\"lineas-sub reveal reveal-delay-2\">Seis caminos que convergen en un mismo prop\u00f3sito: territorios vivos y comunidades conscientes.<\/p>\n\n <div class=\"lineas-grid\">\n\n <a href=\"\/programas\/agroecologia\" class=\"linea-card reveal reveal-delay-1\">\n <div class=\"linea-icon\" style=\"background:rgba(90,138,74,0.15);\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#5A8A4A\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 22V12\"\/><path d=\"M17 7C17 4 15 2 12 2S7 4 7 7c0 4 5 8 5 8s5-4 5-8z\"\/><path d=\"M5 12c-2 1-3 3-3 5\"\/><path d=\"M19 12c2 1 3 3 3 5\"\/><\/svg>\n <\/div>\n <h3 class=\"linea-name\">Agroecolog\u00eda y soberan\u00eda alimentaria<\/h3>\n <p class=\"linea-desc\">Proyectos productivos, huertas comunitarias y recuperaci\u00f3n de saberes ancestrales.<\/p>\n <span class=\"linea-arrow\">Ver programa <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/span>\n <\/a>\n\n <a href=\"\/programas\/turismo-regenerativo\" class=\"linea-card reveal reveal-delay-2\">\n <div class=\"linea-icon\" style=\"background:rgba(126,200,200,0.15);\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#7EC8C8\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20\"\/><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\"\/><\/svg>\n <\/div>\n <h3 class=\"linea-name\">Turismo regenerativo y bienestar<\/h3>\n <p class=\"linea-desc\">Experiencias conscientes, ecoturismo comunitario y conexi\u00f3n profunda con el territorio.<\/p>\n <span class=\"linea-arrow\">Ver programa <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/span>\n <\/a>\n\n <a href=\"\/programas\/mujeres-liderazgo\" class=\"linea-card reveal reveal-delay-3\">\n <div class=\"linea-icon\" style=\"background:rgba(212,160,32,0.15);\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#D4A020\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n <\/div>\n <h3 class=\"linea-name\">Mujeres y emprendimiento<\/h3>\n <p class=\"linea-desc\">Fortalecimiento empresarial, liderazgo femenino y redes de mujeres transformadoras.<\/p>\n <span class=\"linea-arrow\">Ver programa <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/span>\n <\/a>\n\n <a href=\"\/programas\/cultura-paz\" class=\"linea-card reveal reveal-delay-1\">\n <div class=\"linea-icon\" style=\"background:rgba(201,168,76,0.12);\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C9A84C\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z\"\/><path d=\"M12 2v20\"\/><path d=\"M2 12h20\"\/><\/svg>\n <\/div>\n <h3 class=\"linea-name\">Cultura, arte y memoria<\/h3>\n <p class=\"linea-desc\">Pedagog\u00eda social, eventos comunitarios y promoci\u00f3n de expresiones art\u00edsticas del territorio.<\/p>\n <span class=\"linea-arrow\">Ver programa <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/span>\n <\/a>\n\n <a href=\"\/programas\/cultura-paz\" class=\"linea-card reveal reveal-delay-2\">\n <div class=\"linea-icon\" style=\"background:rgba(90,138,74,0.1);\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#5A8A4A\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M18 8h1a4 4 0 0 1 0 8h-1\"\/><path d=\"M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z\"\/><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"4\"\/><line x1=\"10\" y1=\"1\" x2=\"10\" y2=\"4\"\/><line x1=\"14\" y1=\"1\" x2=\"14\" y2=\"4\"\/><\/svg>\n <\/div>\n <h3 class=\"linea-name\">Paz y transformaci\u00f3n territorial<\/h3>\n <p class=\"linea-desc\">Laboratorios de paz, mediaci\u00f3n comunitaria y construcci\u00f3n de tejido social.<\/p>\n <span class=\"linea-arrow\">Ver programa <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/span>\n <\/a>\n\n <a href=\"\/programas\/formacion\" class=\"linea-card reveal reveal-delay-3\">\n <div class=\"linea-icon\" style=\"background:rgba(126,200,200,0.12);\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#7EC8C8\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/><\/svg>\n <\/div>\n <h3 class=\"linea-name\">Formaci\u00f3n y acompa\u00f1amiento<\/h3>\n <p class=\"linea-desc\">Capacitaciones, asesor\u00edas y formulaci\u00f3n de proyectos para el fortalecimiento organizacional.<\/p>\n <span class=\"linea-arrow\">Ver programa <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/span>\n <\/a>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n 4. CIFRAS DE IMPACTO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"impacto\" aria-label=\"Impacto en cifras\">\n <div class=\"container\">\n <div class=\"impacto-header\">\n <div>\n <p class=\"eyebrow reveal\">Nuestro impacto<\/p>\n <h2 class=\"impacto-title reveal reveal-delay-1\">Transformando vidas<br>desde el territorio<\/h2>\n <\/div>\n <p class=\"impacto-desc reveal reveal-delay-2\">\n Cada n\u00famero representa una mujer empoderada, una comunidad fortalecida, un territorio m\u00e1s vivo. Estos son algunos de los resultados de nuestro trabajo.\n <\/p>\n <\/div>\n\n <div class=\"cifras-grid reveal reveal-delay-1\">\n <div class=\"cifra\">\n <div class=\"cifra-num\">+200<span><\/span><\/div>\n <p class=\"cifra-label\">Mujeres acompa\u00f1adas en procesos de liderazgo<\/p>\n <\/div>\n <div class=\"cifra\">\n <div class=\"cifra-num\">15<span>+<\/span><\/div>\n <p class=\"cifra-label\">Proyectos comunitarios implementados<\/p>\n <\/div>\n <div class=\"cifra\">\n <div class=\"cifra-num\">8<span><\/span><\/div>\n <p class=\"cifra-label\">Municipios con presencia territorial<\/p>\n <\/div>\n <div class=\"cifra\">\n <div class=\"cifra-num\">5<span><\/span><\/div>\n <p class=\"cifra-label\">A\u00f1os tejiendo comunidad y territorio<\/p>\n <\/div>\n <\/div>\n\n <p style=\"font-size:11.5px;color:var(--muted);text-align:center;margin-top:20px;\">\n * Actualiza estas cifras con los datos reales de la fundaci\u00f3n antes de publicar.\n <\/p>\n <\/div>\n<\/section>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n 6. NOTICIAS Y EVENTOS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"noticias\" aria-label=\"Noticias y eventos\">\n <div class=\"container\">\n <div class=\"noticias-header\">\n <div>\n <p class=\"eyebrow reveal\">Noticias y eventos<\/p>\n <h2 class=\"noticias-title reveal reveal-delay-1\">Lo que estamos<br>construyendo<\/h2>\n <\/div>\n <a href=\"\/impacto\" class=\"btn-outline reveal\">Ver todas las noticias<\/a>\n <\/div>\n\n <div class=\"noticias-grid\">\n\n <!-- Noticia 1 -->\n <a href=\"\/impacto\/noticia-1\" class=\"noticia-card reveal reveal-delay-1\">\n <div class=\"noticia-img\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1464226184884-fa280b87c399?auto=format&fit=crop&w=1200&q=80\" alt=\"Huerta comunitaria\">\n <span class=\"noticia-tag\">Agroecolog\u00eda<\/span>\n <\/div>\n <div class=\"noticia-body\">\n <p class=\"noticia-date\">Junio 2025<\/p>\n <h3 class=\"noticia-titulo\">Lanzamiento de la huerta comunitaria en el corregimiento El Pe\u00f1ol<\/h3>\n <p class=\"noticia-excerpt\">Mujeres de tres veredas se unieron para crear un espacio de soberan\u00eda alimentaria y intercambio de saberes ancestrales.<\/p>\n <span class=\"noticia-leer\">Leer m\u00e1s <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/span>\n <\/div>\n <\/a>\n\n <!-- Noticia 2 -->\n <a href=\"\/impacto\/noticia-2\" class=\"noticia-card reveal reveal-delay-2\">\n <div class=\"noticia-img\">\n <img decoding=\"async\" src=\"https:\/\/tapegua.org\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-05-26-at-19.49.14.jpeg\" alt=\"Turismo regenerativo\">\n <span class=\"noticia-tag\" style=\"color:var(--teal);border-color:rgba(126,200,200,0.4);\">Turismo<\/span>\n <\/div>\n <div class=\"noticia-body\">\n <p class=\"noticia-date\">Mayo 2025<\/p>\n <h3 class=\"noticia-titulo\">Primera ruta de turismo regenerativo por el embalse de Guatap\u00e9<\/h3>\n <p class=\"noticia-excerpt\">Familias de la comunidad dise\u00f1aron y lideraron su primera experiencia de turismo consciente con visitantes nacionales.<\/p>\n <span class=\"noticia-leer\">Leer m\u00e1s <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/span>\n <\/div>\n <\/a>\n\n <!-- Noticia 3 -->\n <a href=\"\/impacto\/noticia-3\" class=\"noticia-card reveal reveal-delay-3\">\n <div class=\"noticia-img\">\n <img decoding=\"async\" src=\"https:\/\/tapegua.org\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-05-26-at-19.49.15.jpeg\" alt=\"Programa de emprendimiento\">\n <span class=\"noticia-tag\" style=\"color:var(--gold-dark);border-color:var(--border);\">Liderazgo<\/span>\n <\/div>\n <div class=\"noticia-body\">\n <p class=\"noticia-date\">Abril 2025<\/p>\n <h3 class=\"noticia-titulo\">Graduaci\u00f3n de 45 mujeres del programa de emprendimiento territorial<\/h3>\n <p class=\"noticia-excerpt\">Con formaci\u00f3n en finanzas, mercadeo y liderazgo comunitario, 45 mujeres dan el paso hacia la autonom\u00eda econ\u00f3mica.<\/p>\n <span class=\"noticia-leer\">Leer m\u00e1s <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/span>\n <\/div>\n <\/a>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n 7. ALIADOS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"aliados\" aria-label=\"Aliados estrat\u00e9gicos\">\n <div class=\"container\">\n <p class=\"aliados-title reveal\">Aliados y cooperantes<\/p>\n <div class=\"aliados-logos reveal reveal-delay-1\">\n <!-- Reemplaza estos placeholders con las im\u00e1genes reales de los logos de aliados -->\n <div class=\"aliado-placeholder\">Aliado 1<\/div>\n <div class=\"aliado-placeholder\">Aliado 2<\/div>\n <div class=\"aliado-placeholder\">Aliado 3<\/div>\n <div class=\"aliado-placeholder\">Aliado 4<\/div>\n <div class=\"aliado-placeholder\">Aliado 5<\/div>\n <div class=\"aliado-placeholder\">Aliado 6<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n 8. CTA FINAL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"cta-final\" aria-label=\"Llamado a la acci\u00f3n\">\n <div class=\"cta-inner\">\n <img loading=\"lazy\" decoding=\"async\"\n src=\"https:\/\/tapegua.org\/wp-content\/uploads\/2026\/06\/LOGO-TAPEGUA-fondo-transparente.png\"\n alt=\"Logo TAPEGUA\"\n class=\"cta-logo reveal\"\n width=\"72\"\n height=\"72\"\n loading=\"lazy\"\n \/>\n <h2 class=\"cta-title reveal reveal-delay-1\">\n S\u00e9 parte de este<br><em>tejido vivo<\/em>\n <\/h2>\n <p class=\"cta-sub reveal reveal-delay-2\">\n Tu apoyo nos permite seguir acompa\u00f1ando mujeres, j\u00f3venes y comunidades en la construcci\u00f3n de territorios regenerativos y en paz.\n <\/p>\n <div class=\"cta-actions reveal reveal-delay-3\">\n <a href=\"\/donaciones\" class=\"btn-gold\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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\"\/><\/svg>\n Hacer una donaci\u00f3n\n <\/a>\n <a href=\"\/convocatorias\" class=\"btn-outline-white\">Ver convocatorias abiertas<\/a>\n <a href=\"\/contacto\" class=\"btn-outline-white\">Cont\u00e1ctanos<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n WHATSAPP FLOTANTE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<a\n href=\"https:\/\/wa.me\/573016371265\"\n class=\"whatsapp-float\"\n aria-label=\"Escr\u00edbenos por WhatsApp\"\n target=\"_blank\"\n rel=\"noopener\"\n>\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n <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 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-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 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.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 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z\"\/>\n <\/svg>\n<\/a>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SCRIPT: Reveal on scroll\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<script>\n(function() {\n const els = document.querySelectorAll('.reveal');\n if (!els.length) return;\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(e => {\n if (e.isIntersecting) {\n e.target.classList.add('visible');\n observer.unobserve(e.target);\n }\n });\n }, { threshold: 0.12 });\n\n els.forEach(el => observer.observe(el));\n\n \/* Activar los elementos del hero de inmediato *\/\n document.querySelectorAll('.hero .reveal').forEach(el => {\n el.classList.add('visible');\n });\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>TAPEGUA \u2014 Inicio Guatap\u00e9, Antioquia \u00b7 Colombia Tejiendo territorios para la vida \u00abSembramos paz, cultivamos futuro.\u00bb Somos una organizaci\u00f3n sin \u00e1nimo de lucro que impulsa el liderazgo de mujeres, la agroecolog\u00eda, el turismo regenerativo y la cultura de paz en el territorio de Guatap\u00e9. Conoce nuestros programas Qui\u00e9nes somos \ud83c\udf31 Agroecolog\u00eda \ud83c\udf0a Turismo regenerativo \ud83e\udd1d […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tapegua.org\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tapegua.org\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tapegua.org\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tapegua.org\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tapegua.org\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":14,"href":"https:\/\/tapegua.org\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":117,"href":"https:\/\/tapegua.org\/wp-json\/wp\/v2\/pages\/8\/revisions\/117"}],"wp:attachment":[{"href":"https:\/\/tapegua.org\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}