.fp-nav-top { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; background: rgba(255,255,255,0.97); box-shadow: 0 2px 16px rgba(72,92,35,.14); padding: 0 48px; } .fp-nav-top-inner { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; height: 72px; } .fp-nav-top img.fp-nav-logo { max-height: 52px; width: auto; } .fp-nav-top ul { list-style: none; display: flex; flex-wrap: wrap; gap: 4px 6px; align-items: center; } .fp-nav-top ul li a { font-family: 'Metrophobic', sans-serif; font-size: .85rem; color: #485C23; text-decoration: none; padding: 6px 12px; border-radius: 100px; transition: background .2s, color .2s; } .fp-nav-top ul li a:hover { background: #eaeee2; color: #33420f; } .fp-nav-top ul li.active a { background: #485C23; color: #fff; } .fp-nav-toggle { display: none; flex-direction: column; gap: 5px; background: none; border: none; cursor: pointer; padding: 8px; } .fp-nav-toggle span { display: block; width: 26px; height: 2.5px; background: #485C23; border-radius: 2px; transition: all .3s; } .fp-nav-top.open .fp-nav-toggle span:nth-child(1){ transform: rotate(45deg) translate(5px,5px); } .fp-nav-top.open .fp-nav-toggle span:nth-child(2){ opacity: 0; } .fp-nav-top.open .fp-nav-toggle span:nth-child(3){ transform: rotate(-45deg) translate(5px,-5px); } @media(max-width:900px){ .fp-nav-top { padding: 0 16px; } .fp-nav-toggle { display: flex; } .fp-nav-top ul { display: none; position: absolute; top: 72px; left: 0; right: 0; background: rgba(255,255,255,.98); flex-direction: column; gap: 0; box-shadow: 0 8px 24px rgba(0,0,0,.1); padding: 12px 0; } .fp-nav-top.open ul { display: flex; } .fp-nav-top ul li a { display: block; padding: 12px 24px; border-radius: 0; font-size: .95rem; } .fp-nav-top { position: fixed; } } .fp-pr-top-spacer { height: 72px; }

/* ── VARIABLES — Paleta cuaternaria (verde oscuro / gris cálido / verde grisáceo) ── */ :root { --p1:#485C23; /* verde oscuro — protagonista, solidez */ --p2:#6A6362; /* gris cálido — acento secundario */ --p3:#939F80; /* verde grisáceo — apoyo suave */ --bg:#EFEEEC; /* blanco hueso — fondo */ --wh:#ffffff; --bk:#000000; --r-sm:6px; --r-md:14px; --r-lg:28px; --r-xl:40px; } *, *::before, *::after { box-sizing:border-box; margin:0; padding:0; } /* ── HERO ── */ .fp-pr-hero { background:var(--p1); padding:64px 48px 56px; text-align:center; } .fp-pr-hero-inner { max-width:800px; margin:0 auto; } .fp-pr-hero-eyebrow { font-family:'Roboto',sans-serif; font-size:.75rem; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:var(--p3); margin-bottom:16px; display:block; } .fp-pr-hero h1 { font-family:'Roboto',sans-serif; color:var(--wh); font-size:clamp(2.2rem,4.5vw,3.4rem); font-weight:700; margin-bottom:16px; } .fp-pr-hero p { font-family:'Metrophobic',sans-serif; color:rgba(255,255,255,.82); font-size:1.05rem; line-height:1.75; } /* ── CASO / STORY ── */ .fp-pr-story { background:var(--wh); padding:80px 48px; } .fp-pr-story:nth-of-type(even) { background:var(--bg); } .fp-pr-story-inner { max-width:920px; margin:0 auto; } .fp-pr-story-tag { display:inline-block; background:var(--p3); color:var(--wh); font-family:'Roboto',sans-serif; font-size:.72rem; font-weight:700; letter-spacing:1px; text-transform:uppercase; padding:6px 16px; border-radius:100px; margin-bottom:18px; } .fp-pr-story h2 { font-family:'Roboto',sans-serif; font-size:clamp(1.5rem,2.6vw,2rem); font-weight:700; color:var(--p1); line-height:1.35; margin-bottom:18px; text-align:center; } .fp-pr-story p { font-family:'Metrophobic',sans-serif; font-size:1.02rem; color:var(--p2); line-height:1.85; text-align:justify; margin-bottom:28px; } .fp-pr-video { position:relative; width:100%; padding-bottom:56.25%; height:0; border-radius:var(--r-lg); overflow:hidden; box-shadow:0 16px 44px rgba(72,92,35,.16); } .fp-pr-video iframe { position:absolute; inset:0; width:100%; height:100%; border:0; } /* ── IMPACTO INTRO ── */ .fp-pr-impacto-head { background:var(--p1); padding:72px 48px 48px; text-align:center; } .fp-pr-impacto-head h2 { font-family:'Roboto',sans-serif; font-size:clamp(1.8rem,3.4vw,2.6rem); font-weight:700; color:var(--wh); margin-bottom:14px; } .fp-pr-impacto-head p { font-family:'Metrophobic',sans-serif; font-size:1rem; color:rgba(255,255,255,.82); max-width:640px; margin:0 auto; line-height:1.75; } /* ── PROYECTO CASE ── */ .fp-pr-case { background:var(--bg); padding:56px 48px; } .fp-pr-case:nth-of-type(even) { background:var(--wh); } .fp-pr-case-inner { max-width:1200px; margin:0 auto; } .fp-pr-case-title { font-family:'Roboto',sans-serif; font-size:1.4rem; font-weight:700; color:var(--p1); text-align:center; margin-bottom:32px; display:flex; align-items:center; justify-content:center; gap:14px; } .fp-pr-case-title::before, .fp-pr-case-title::after { content:''; flex:1; max-width:100px; height:1.5px; background:var(--p3); opacity:.5; } .fp-pr-fases { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; } .fp-pr-fase { border-radius:var(--r-md); overflow:hidden; box-shadow:0 6px 20px rgba(72,92,35,.09); background:var(--wh); } .fp-pr-fase img { width:100%; aspect-ratio:16/9; object-fit:cover; display:block; } .fp-pr-fase-label { padding:14px 16px; font-family:'Metrophobic',sans-serif; font-size:.85rem; font-weight:600; color:var(--p2); display:flex; align-items:center; gap:8px; } .fp-pr-fase-dot { width:8px; height:8px; border-radius:50%; background:var(--p1); flex-shrink:0; } .fp-pr-fase-dot.durante{ background:var(--p2); } .fp-pr-fase-dot.despues{ background:var(--bk); } .fp-pr-case-sub { text-align:center; margin:-18px auto 28px; max-width:700px; font-family:'Metrophobic',sans-serif; font-size:.98rem; color:var(--p2); line-height:1.6; } .fp-pr-fases-v .fp-pr-fase img { aspect-ratio:3/4; } .fp-pr-fases-h .fp-pr-fase img { aspect-ratio:4/3; } .fp-pr-fases-v { margin-bottom:20px; } /* ── CONTACTO ── */ .fp-pr-contacto { background:var(--p1); padding:80px 48px; text-align:center; } .fp-pr-contacto-inner { max-width:900px; margin:0 auto; } .fp-pr-contacto h2 { font-family:'Roboto',sans-serif; font-size:clamp(2rem,4vw,3.2rem); font-weight:700; color:var(--wh); margin-bottom:12px; } .fp-pr-contacto-sub { font-family:'Metrophobic',sans-serif; font-size:1rem; color:rgba(255,255,255,.82); line-height:1.75; margin-bottom:44px; } .fp-pr-contact-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; } .fp-pr-contact-card { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.18); border-radius:var(--r-lg); padding:36px 24px; transition:background .2s; } .fp-pr-contact-card:hover{ background:rgba(255,255,255,.1); } .fp-pr-contact-icon { font-size:2rem; margin-bottom:14px; } .fp-pr-contact-card h3 { font-family:'Roboto',sans-serif; font-size:1.2rem; font-weight:700; color:var(--wh); margin-bottom:6px; } .fp-pr-contact-card p { font-family:'Metrophobic',sans-serif; font-size:.85rem; color:rgba(255,255,255,.72); line-height:1.6; margin-bottom:20px; } .fp-pr-btn { display:inline-block; background:var(--p3); color:var(--wh); border:none; border-radius:100px; padding:11px 28px; font-family:'Roboto',sans-serif; font-size:.85rem; font-weight:700; text-decoration:none; transition:background .2s; } .fp-pr-btn:hover{ background:var(--wh); color:var(--p1); } /* ── QR ── */ .fp-pr-qr { background:var(--bg); padding:64px 48px; text-align:center; } .fp-pr-qr h2 { font-family:'Roboto',sans-serif; font-size:clamp(1.6rem,3vw,2.4rem); font-weight:700; color:var(--p1); margin-bottom:10px; } .fp-pr-qr p { font-family:'Metrophobic',sans-serif; font-size:.97rem; color:var(--p2); margin-bottom:28px; } .fp-pr-qr img { max-width:200px; margin:0 auto; display:block; } /* ── NAV FOOTER ── */ .fp-pr-nav-footer { background:var(--p1); padding:32px 48px; } .fp-pr-nav-footer-inner { max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:24px; } .fp-pr-nav-footer img.fp-pr-logo { max-width:80px; filter:brightness(0) invert(1); } .fp-pr-nav-footer ul { list-style:none; display:flex; flex-wrap:wrap; gap:8px 20px; } .fp-pr-nav-footer ul li a { font-family:'Metrophobic',sans-serif; font-size:.85rem; color:rgba(255,255,255,.75); text-decoration:none; transition:color .2s; } .fp-pr-nav-footer ul li a:hover{ color:#fff; } .fp-pr-footer-bottom { background:#334019; text-align:center; padding:14px 48px; font-family:'Metrophobic',sans-serif; font-size:.78rem; color:rgba(255,255,255,.5); } /* ── FADE-IN ── */ .fp-fade{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease;} .fp-fade.fp-vis{opacity:1;transform:none;} /* ── RESPONSIVE ── */ @media(max-width:900px){ .fp-pr-hero,.fp-pr-story,.fp-pr-impacto-head,.fp-pr-case,.fp-pr-contacto,.fp-pr-qr,.fp-pr-nav-footer{padding-left:24px;padding-right:24px;} .fp-pr-fases{grid-template-columns:1fr;} .fp-pr-contact-cards{grid-template-columns:1fr;} .fp-pr-nav-footer-inner{flex-direction:column;text-align:center;} }

Nuestro trabajo en territorio

Proyectos

Historias reales de restauración, agroforestería y producción sostenible en distintos municipios de Colombia.

Tarso, Antioquia

Agricultura Sintrópica en el municipio de Tarso, Antioquia, Colombia

Cultivamos cítricos, cacao y café en armonía con la naturaleza, utilizando los principios de la agricultura sintrópica. Esta práctica regenera el suelo, captura carbono y produce alimentos saludables. A diferencia de la agricultura convencional, la sintrópica se basa en la información y los procesos naturales, minimizando la dependencia de insumos externos.

Támesis, Antioquia

Propuesta de recuperación ambiental productiva en el municipio de Támesis, Antioquia, Colombia

A través de la agroforestería sucesional, plantamos árboles y cultivos en secuencia para regenerar suelos y aumentar la biodiversidad. Combinado con el diseño hidrológico Keyline, optimizamos el ciclo del agua, creando un sistema productivo resiliente y abundante.

Támesis, Antioquia

Mantenimiento sostenible de sistemas forestales con Sapindus saponaria y otras especies promisorias en el municipio de Támesis, Antioquia, Colombia

A través de la implementación de técnicas de agricultura sintrópica, regeneramos los suelos, aumentamos la biodiversidad y la resiliencia de estos cultivos al cambio climático.

Cooperación internacional

Creación de la unidad de Referencia Agroforestal del Cartama en cooperación con Mutirão Agroforestal de Brasil

Esta iniciativa tiene como objetivo promover la implementación de sistemas agroforestales sostenibles en la región, a través de la investigación, la capacitación y la asistencia técnica. Juntos, buscamos generar conocimiento y desarrollar tecnologías adaptadas a las condiciones locales, contribuyendo a la conservación de los recursos naturales y al desarrollo rural.