.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(106,99,98,.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: #6A6362; text-decoration: none; padding: 6px 12px; border-radius: 100px; transition: background .2s, color .2s; } .fp-nav-top ul li a:hover { background: #f0eeec; color: #4a4544; } .fp-nav-top ul li.active a { background: #6A6362; 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: #6A6362; 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-sv-top-spacer { height: 72px; }

/* ── VARIABLES — Paleta terciaria (gris cálido / verde medio / verde grisáceo) ── */ :root { --p1:#6A6362; /* gris cálido — protagonista, sobrio */ --p2:#749434; /* verde medio — acento vivo, CTAs */ --p3:#939F80; /* verde grisáceo — apoyo */ --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-sv-hero { position:relative; } .fp-sv-hero img { width:100%; display:block; aspect-ratio:21/9; object-fit:cover; } .fp-sv-hero-overlay { position:absolute; inset:0; background:linear-gradient(135deg, rgba(106,99,98,.72) 0%, rgba(30,28,27,.5) 100%); display:flex; align-items:center; justify-content:center; padding:48px; text-align:center; } .fp-sv-hero-overlay-inner { display:flex; flex-direction:column; align-items:center; gap:16px; } .fp-sv-hero-eyebrow { font-family:'Roboto',sans-serif; font-size:.75rem; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:var(--p3); } .fp-sv-hero-overlay h1 { font-family:'Roboto',sans-serif; color:var(--wh); font-size:clamp(2.2rem,5vw,3.8rem); font-weight:700; text-shadow:0 3px 12px rgba(0,0,0,.35); } .fp-sv-hero-overlay h1 em{ font-style:italic; color:var(--p2); } .fp-sv-hero-line { width:80px; height:3px; background:var(--p2); border-radius:2px; } /* ── GALERÍA ── */ .fp-sv-gallery { background:var(--wh); padding:64px 48px; } .fp-sv-gallery-inner { max-width:1200px; margin:0 auto; } .fp-sv-grid { display:grid; gap:20px; } .fp-sv-grid.cols-2 { grid-template-columns:1fr 1fr; } .fp-sv-grid.cols-3 { grid-template-columns:repeat(3,1fr); } .fp-sv-grid.cols-4 { grid-template-columns:repeat(4,1fr); } .fp-sv-grid-cell { width:100%; height:520px; border-radius:var(--r-lg); background:var(--wh); box-shadow:0 6px 22px rgba(106,99,98,.1); display:flex; align-items:center; justify-content:center; overflow:hidden; padding:10px; } .fp-sv-grid-cell img { width:100%; height:100%; object-fit:contain; display:block; } /* ── CTA CALLOUT ── */ .fp-sv-cta { background:var(--p1); padding:72px 48px; text-align:center; } .fp-sv-cta-inner { max-width:760px; margin:0 auto; } .fp-sv-cta p { font-family:'Metrophobic',sans-serif; font-size:1.3rem; font-weight:600; color:var(--wh); line-height:1.6; margin-bottom:32px; } .fp-sv-cta-alt { background:var(--bg); } .fp-sv-cta-alt p { color:var(--p1); } .fp-sv-btn { display:inline-flex; align-items:center; gap:10px; background:var(--p2); color:var(--wh); border:none; border-radius:100px; padding:14px 34px; font-family:'Roboto',sans-serif; font-size:.9rem; font-weight:700; letter-spacing:.5px; text-decoration:none; transition:background .2s, transform .15s; } .fp-sv-btn:hover{ background:var(--bk); transform:translateY(-2px); } /* ── CIERRE / PORTAFOLIO ── */ .fp-sv-cierre { background:var(--wh); padding:90px 48px; text-align:center; } .fp-sv-cierre-inner { max-width:820px; margin:0 auto; } .fp-sv-cierre-eyebrow { font-size:.72rem; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--p2); margin-bottom:16px; font-family:'Roboto',sans-serif; display:block; } .fp-sv-cierre h2 { font-family:'Roboto',sans-serif; font-size:clamp(1.7rem,3.2vw,2.3rem); font-weight:700; color:var(--p1); margin-bottom:18px; line-height:1.3; } .fp-sv-cierre p { font-family:'Metrophobic',sans-serif; font-size:1.05rem; color:var(--p1); line-height:1.8; margin-bottom:36px; } .fp-sv-btn-outline { display:inline-flex; align-items:center; gap:10px; background:transparent; color:var(--p1); border:2px solid var(--p1); border-radius:100px; padding:13px 32px; font-family:'Roboto',sans-serif; font-size:.9rem; font-weight:700; text-decoration:none; transition:background .2s, color .2s; } .fp-sv-btn-outline:hover{ background:var(--p1); color:var(--wh); } /* ── CONTACTO ── */ .fp-sv-contacto { background:var(--bg); padding:80px 48px; text-align:center; } .fp-sv-contacto-inner { max-width:900px; margin:0 auto; } .fp-sv-contacto h2 { font-family:'Roboto',sans-serif; font-size:clamp(2rem,4vw,3.2rem); font-weight:700; color:var(--p1); margin-bottom:12px; } .fp-sv-contacto-sub { font-family:'Metrophobic',sans-serif; font-size:1rem; color:var(--p1); line-height:1.75; margin-bottom:44px; } .fp-sv-contact-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; } .fp-sv-contact-card { background:var(--wh); border-radius:var(--r-lg); padding:36px 24px; box-shadow:0 4px 18px rgba(106,99,98,.08); transition:transform .2s; } .fp-sv-contact-card:hover{ transform:translateY(-4px); } .fp-sv-contact-icon { font-size:2rem; margin-bottom:14px; } .fp-sv-contact-card h3 { font-family:'Roboto',sans-serif; font-size:1.2rem; font-weight:700; color:var(--p1); margin-bottom:6px; } .fp-sv-contact-card p { font-family:'Metrophobic',sans-serif; font-size:.85rem; color:var(--p1); line-height:1.6; margin-bottom:20px; opacity:.8; } /* ── QR ── */ .fp-sv-qr { background:var(--wh); padding:64px 48px; text-align:center; } .fp-sv-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-sv-qr p { font-family:'Metrophobic',sans-serif; font-size:.97rem; color:var(--p1); margin-bottom:28px; } .fp-sv-qr img { max-width:200px; margin:0 auto; display:block; } /* ── NAV FOOTER ── */ .fp-sv-nav-footer { background:var(--p1); padding:32px 48px; } .fp-sv-nav-footer-inner { max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:24px; } .fp-sv-nav-footer img.fp-sv-logo { max-width:80px; filter:brightness(0) invert(1); } .fp-sv-nav-footer ul { list-style:none; display:flex; flex-wrap:wrap; gap:8px 20px; } .fp-sv-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-sv-nav-footer ul li a:hover{ color:#fff; } .fp-sv-footer-bottom { background:#4c4746; 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-sv-gallery,.fp-sv-cta,.fp-sv-cierre,.fp-sv-contacto,.fp-sv-qr,.fp-sv-nav-footer{padding-left:24px;padding-right:24px;} .fp-sv-hero-overlay{padding:24px;} .fp-sv-grid.cols-2,.fp-sv-grid.cols-3,.fp-sv-grid.cols-4{grid-template-columns:1fr;} .fp-sv-grid-cell{height:420px;} .fp-sv-contact-cards{grid-template-columns:1fr;} .fp-sv-nav-footer-inner{flex-direction:column;text-align:center;} } @media(max-width:560px){ .fp-sv-gallery{padding-left:10px;padding-right:10px;} .fp-sv-grid.cols-2,.fp-sv-grid.cols-3,.fp-sv-grid.cols-4{grid-template-columns:1fr;} .fp-sv-grid{gap:14px;} .fp-sv-grid-cell{height:auto; padding:0; box-shadow:0 4px 14px rgba(106,99,98,.12);} .fp-sv-grid-cell img{width:100%; height:auto; object-fit:contain;} }

Lo que hacemos

Nuestros servicios

Impulsamos proyectos agropecuarios sostenibles y regenerativos mediante estrategias viables, resilientes y en armonía con el territorio. Conversemos y hagámoslo realidad juntos.

¡Hablemos!