.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(116,148,52,.16); 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: #eef3e2; color: #33420f; } .fp-nav-top ul li.active a { background: #749434; 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-fo-top-spacer { height: 72px; }

/* ── VARIABLES — Paleta quinaria (verde medio / verde oscuro / gris cálido) ── */ :root { --p1:#749434; /* verde medio — protagonista, energía */ --p2:#485C23; /* verde oscuro — acento de solidez */ --p3:#6A6362; /* gris cálido — texto */ --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-fo-hero { background:var(--p1); padding:72px 48px 64px; text-align:center; } .fp-fo-hero-inner { max-width:780px; margin:0 auto; } .fp-fo-hero-eyebrow { font-family:'Roboto',sans-serif; font-size:.75rem; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:rgba(255,255,255,.8); margin-bottom:16px; display:block; } .fp-fo-hero h1 { font-family:'Roboto',sans-serif; color:var(--wh); font-size:clamp(2.2rem,4.5vw,3.4rem); font-weight:700; margin-bottom:18px; } .fp-fo-hero p { font-family:'Metrophobic',sans-serif; color:rgba(255,255,255,.9); font-size:1.1rem; line-height:1.75; } /* ── OFERTA ── */ .fp-fo-oferta { background:var(--bg); padding:88px 48px; } .fp-fo-oferta-inner { max-width:1200px; margin:0 auto; } .fp-fo-oferta-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; } .fp-fo-card { background:var(--wh); border-radius:var(--r-lg); padding:40px 32px; box-shadow:0 6px 24px rgba(116,148,52,.09); display:flex; flex-direction:column; } .fp-fo-card-icon { width:60px; height:60px; border-radius:50%; background:var(--p1); display:flex; align-items:center; justify-content:center; margin-bottom:22px; font-size:1.6rem; } .fp-fo-card h3 { font-family:'Roboto',sans-serif; font-size:1.3rem; font-weight:700; color:var(--p2); margin-bottom:16px; } .fp-fo-card p { font-family:'Metrophobic',sans-serif; font-size:.95rem; color:var(--p3); line-height:1.8; margin-bottom:14px; } .fp-fo-card p:last-child{ margin-bottom:0; } /* ── RUTA BIOECONOMÍA (destacado dentro del Diplomado) ── */ .fp-fo-ruta { margin-top:auto; padding-top:16px; border-top:1px solid rgba(72,92,35,.12); } .fp-fo-ruta-tag { display:inline-block; background:var(--bg); color:var(--p2); font-family:'Roboto',sans-serif; font-size:.7rem; font-weight:700; letter-spacing:.5px; text-transform:uppercase; padding:5px 12px; border-radius:100px; } /* ── CONTACTO ── */ .fp-fo-contacto { background:var(--wh); padding:80px 48px; text-align:center; } .fp-fo-contacto-inner { max-width:900px; margin:0 auto; } .fp-fo-contacto h2 { font-family:'Roboto',sans-serif; font-size:clamp(2rem,4vw,3.2rem); font-weight:700; color:var(--p2); margin-bottom:12px; } .fp-fo-contacto-sub { font-family:'Metrophobic',sans-serif; font-size:1rem; color:var(--p3); line-height:1.75; margin-bottom:44px; } .fp-fo-contact-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; } .fp-fo-contact-card { background:var(--bg); border-radius:var(--r-lg); padding:36px 24px; transition:transform .2s; } .fp-fo-contact-card:hover{ transform:translateY(-4px); } .fp-fo-contact-icon { font-size:2rem; margin-bottom:14px; } .fp-fo-contact-card h3 { font-family:'Roboto',sans-serif; font-size:1.2rem; font-weight:700; color:var(--p2); margin-bottom:6px; } .fp-fo-contact-card p { font-family:'Metrophobic',sans-serif; font-size:.85rem; color:var(--p3); line-height:1.6; margin-bottom:20px; } .fp-fo-btn { display:inline-block; background:var(--p1); 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-fo-btn:hover{ background:var(--p2); } /* ── QR ── */ .fp-fo-qr { background:var(--bg); padding:64px 48px; text-align:center; } .fp-fo-qr h2 { font-family:'Roboto',sans-serif; font-size:clamp(1.6rem,3vw,2.4rem); font-weight:700; color:var(--p2); margin-bottom:10px; } .fp-fo-qr p { font-family:'Metrophobic',sans-serif; font-size:.97rem; color:var(--p3); margin-bottom:28px; } .fp-fo-qr img { max-width:200px; margin:0 auto; display:block; } /* ── NAV FOOTER ── */ .fp-fo-nav-footer { background:var(--p2); padding:32px 48px; } .fp-fo-nav-footer-inner { max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:24px; } .fp-fo-nav-footer img.fp-fo-logo { max-width:80px; filter:brightness(0) invert(1); } .fp-fo-nav-footer ul { list-style:none; display:flex; flex-wrap:wrap; gap:8px 20px; } .fp-fo-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-fo-nav-footer ul li a:hover{ color:#fff; } .fp-fo-footer-bottom { background:#33420f; 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-fo-hero,.fp-fo-oferta,.fp-fo-contacto,.fp-fo-qr,.fp-fo-nav-footer{padding-left:24px;padding-right:24px;} .fp-fo-oferta-grid{grid-template-columns:1fr;} .fp-fo-contact-cards{grid-template-columns:1fr;} .fp-fo-nav-footer-inner{flex-direction:column;text-align:center;} }

Aprende y transforma el agro

Formación

Compartimos conocimiento en bioeconomía, agroecología y producción regenerativa, combinando fundamentos técnicos con herramientas prácticas para la toma de decisiones.

🎓

Diplomado

Se compone de tres módulos teóricos (virtuales) donde se abordan los fundamentos del Cambio Climático, Bioeconomía y las Transiciones productivas, dando a conocer la aplicación, los desafíos y las potencialidades de la gestión de los agroecosistemas.

Cuenta además con un módulo práctico donde se muestra la bioeconomía aplicada a través del recorrido de la Ruta de la Bioeconomía para la Paz en la Provincia del Cartama, conociendo experiencias adelantadas en la región del suroeste de Antioquia, Colombia.

Módulo práctico · Ruta Bioeconomía para la Paz

🌱

Cursos presenciales y virtuales

Ofrecemos cursos presenciales y virtuales de agricultura sintrópica y diseñamos proyectos agroforestales sucesionales.

La agricultura sintrópica es una alfabetización ecológica que permite comprender los principios de organización que los ecosistemas desarrollan para sustentar la vida.

🎤

Conferencias

Sobre cómo aplicar principios ecológicos a la agricultura para crear sistemas alimentarios más resilientes, justos y saludables.

Compartimos experiencias y herramientas prácticas para que productores, consumidores y tomadores de decisiones puedan contribuir a un futuro más sostenible.

Estamos listos para ayudarte

¿Hablamos?

Estamos listos para ayudarte a transformar tu proyecto en una solución regenerativa

💬

WhatsApp

Escríbenos directamente

Abrir chat

✉️

Correo

Envíanos un mensaje

Enviar mail

📱

Síguenos

Conéctate con nosotros

Ir a redes

Escanea y conócenos

Accede a todos nuestros canales en un solo lugar

const obsFO = new IntersectionObserver(entries=>{ entries.forEach(e=>{if(e.isIntersecting){e.target.classList.add('fp-vis');obsFO.unobserve(e.target);}}); },{threshold:.1}); document.querySelectorAll('.fp-fade').forEach(el=>obsFO.observe(el));