.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-ct-top-spacer { height: 72px; }
/* ── VARIABLES — Paleta completa de marca ── */ :root { --gd:#485C23; /* verde oscuro */ --gm:#749434; /* verde medio */ --gs:#576B4C; /* verde salvia */ --gp:#939F80; /* verde grisáceo */ --wg:#6A6362; /* gris cálido */ --bg:#EFEEEC; /* blanco hueso */ --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-ct-hero { background:linear-gradient(135deg, var(--gd) 0%, var(--gs) 100%); padding:76px 48px 68px; text-align:center; } .fp-ct-hero-inner { max-width:780px; margin:0 auto; } .fp-ct-hero-eyebrow { font-family:'Roboto',sans-serif; font-size:.75rem; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:var(--gp); margin-bottom:16px; display:block; } .fp-ct-hero h1 { font-family:'Roboto',sans-serif; color:var(--wh); font-size:clamp(2.4rem,5vw,3.8rem); font-weight:700; margin-bottom:18px; } .fp-ct-hero p { font-family:'Metrophobic',sans-serif; color:rgba(255,255,255,.9); font-size:1.15rem; line-height:1.75; } /* ── TARJETAS DE CONTACTO ── */ .fp-ct-cards { background:var(--wh); padding:88px 48px; } .fp-ct-cards-inner { max-width:1100px; margin:0 auto; } .fp-ct-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; } .fp-ct-card { border-radius:var(--r-lg); padding:44px 30px; text-align:center; box-shadow:0 8px 28px rgba(72,92,35,.1); transition:transform .2s; } .fp-ct-card:hover{ transform:translateY(-5px); } .fp-ct-card.c1 { background:var(--gd); } .fp-ct-card.c2 { background:var(--gs); } .fp-ct-card.c3 { background:var(--wg); } .fp-ct-card-icon { font-size:2.4rem; margin-bottom:18px; } .fp-ct-card h3 { font-family:'Roboto',sans-serif; font-size:1.3rem; font-weight:700; color:var(--wh); margin-bottom:10px; } .fp-ct-card p { font-family:'Metrophobic',sans-serif; font-size:.95rem; color:rgba(255,255,255,.85); line-height:1.7; margin-bottom:24px; } .fp-ct-btn { display:inline-block; background:var(--wh); color:var(--gd); border:none; border-radius:100px; padding:12px 30px; font-family:'Roboto',sans-serif; font-size:.85rem; font-weight:700; text-decoration:none; transition:background .2s, color .2s; } .fp-ct-card.c1 .fp-ct-btn:hover{ background:var(--gm); color:var(--wh); } .fp-ct-card.c2 .fp-ct-btn:hover{ background:var(--gp); color:var(--wh); } .fp-ct-card.c3 .fp-ct-btn:hover{ background:var(--gm); color:var(--wh); } /* ── FRANJA MENSAJE ── */ .fp-ct-msg { background:var(--gp); padding:56px 48px; text-align:center; } .fp-ct-msg p { font-family:'Metrophobic',sans-serif; font-size:1.15rem; font-weight:600; color:var(--wh); max-width:700px; margin:0 auto; line-height:1.7; } /* ── QR ── */ .fp-ct-qr { background:var(--bg); padding:72px 48px; text-align:center; } .fp-ct-qr h2 { font-family:'Roboto',sans-serif; font-size:clamp(1.8rem,3.4vw,2.6rem); font-weight:700; color:var(--gd); margin-bottom:12px; } .fp-ct-qr p { font-family:'Metrophobic',sans-serif; font-size:1rem; color:var(--wg); margin-bottom:32px; } .fp-ct-qr-box { display:inline-block; background:var(--wh); padding:24px; border-radius:var(--r-lg); box-shadow:0 8px 28px rgba(72,92,35,.1); } .fp-ct-qr-box img { max-width:180px; display:block; } /* ── NAV FOOTER ── */ .fp-ct-nav-footer { background:var(--gd); padding:32px 48px; } .fp-ct-nav-footer-inner { max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:24px; } .fp-ct-nav-footer img.fp-ct-logo { max-width:80px; filter:brightness(0) invert(1); } .fp-ct-nav-footer ul { list-style:none; display:flex; flex-wrap:wrap; gap:8px 20px; } .fp-ct-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-ct-nav-footer ul li a:hover{ color:#fff; } .fp-ct-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-ct-hero,.fp-ct-cards,.fp-ct-msg,.fp-ct-qr,.fp-ct-nav-footer{padding-left:24px;padding-right:24px;} .fp-ct-grid{grid-template-columns:1fr;} .fp-ct-nav-footer-inner{flex-direction:column;text-align:center;} }
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

Cada proyecto empieza con una conversación. Cuéntanos qué territorio quieres transformar y diseñamos juntos el camino hacia una solución regenerativa.

Escanea y conócenos

Accede a todos nuestros canales en un solo lugar

QR Forestropía
© Forestropía SAS · Colombia · Todos los derechos reservados
const obsCT = new IntersectionObserver(entries=>{ entries.forEach(e=>{if(e.isIntersecting){e.target.classList.add('fp-vis');obsCT.unobserve(e.target);}}); },{threshold:.1}); document.querySelectorAll('.fp-fade').forEach(el=>obsCT.observe(el));