*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif}
html{scroll-behavior:smooth}
body{background:#fff;color:#1c2b4a}
.container{width:90%;max-width:1200px;margin:auto}
.topbar{background:#0f6b42;color:#fff;padding:10px 0;font-size:14px}
.topbar .container{display:flex;justify-content:space-between}
.top-contact{display:flex;gap:30px}
.navbar{background:#fff;padding:20px 0;box-shadow:0 2px 10px rgba(0,0,0,.08);position:sticky;top:0;z-index:999}
.nav-container{display:flex;justify-content:space-between;align-items:center}
.logo{height:140px;width:auto}
nav{display:flex;gap:35px;align-items:center}
nav a{text-decoration:none;color:#1c2b4a;font-weight:600}
.btn-nav{background:#0f8c47;color:#fff!important;padding:14px 25px;border-radius:8px}
.hero{height:700px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero-slider,.slide{position:absolute;width:100%;height:100%}
.slide{background-size:cover;background-position:center;opacity:0;transition:1s}
.slide.active{opacity:1}
.hero-overlay{position:absolute;width:100%;height:100%;background:rgba(0,90,50,.65)}
.hero-content{position:relative;z-index:2;text-align:center;color:#fff;max-width:900px;padding:20px}
.hero-badge{background:rgba(255,255,255,.2);padding:10px 25px;border-radius:50px;display:inline-block}
.hero h1{font-size:58px;margin:25px 0}
.hero p{font-size:22px;line-height:1.6}
.hero-buttons{display:flex;justify-content:center;gap:20px;margin-top:40px}
.hero-stats{display:flex;justify-content:center;gap:40px;margin-top:40px}
.stat{background:rgba(255,255,255,.15);padding:15px 25px;border-radius:15px}
.stat strong{display:block;font-size:28px}
.btn-primary,.btn-secondary,.btn-producto{text-decoration:none;font-weight:600;padding:16px 32px;border-radius:10px;display:inline-block}
.btn-primary,.btn-producto{background:#0f8c47;color:#fff}
.btn-secondary{background:#fff;color:#0f8c47}
section{padding:90px 0}
.section-title{text-align:center;margin-bottom:60px}
.section-title span{color:#0f8c47;font-weight:700}
.section-title h2{font-size:45px;margin:10px 0}
.beneficios-grid,.clientes-grid,.productos-grid{width:90%;max-width:1200px;margin:auto;display:grid;gap:30px}
.beneficios-grid{grid-template-columns:repeat(3,1fr)}
.clientes-grid{grid-template-columns:repeat(4,1fr)}
.productos-grid{grid-template-columns:repeat(3,1fr)}
.beneficio,.cliente-card,.producto-card{background:#fff;padding:40px;border-radius:20px;box-shadow:0 8px 25px rgba(0,0,0,.08);text-align:center}
.beneficio i,.cliente-card i{font-size:55px;color:#0f8c47;margin-bottom:20px}
.cliente-card:hover,.producto-card:hover{transform:translateY(-10px)}
.producto-card img{width:100%;height:260px;object-fit:contain}
.producto-card h3{margin:20px 0}
.cta{background:#f5f7fa;text-align:center}
.cta h2{font-size:42px;margin-bottom:20px}
footer{background:#07152e;color:#fff;padding:70px 10%}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}
.footer-logo{height:140px;margin-bottom:20px}
footer h4{margin-bottom:20px}
footer p{margin-bottom:12px}
footer a{color:#7bd9a7}
.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.2);margin-top:40px;padding-top:20px}
.whatsapp-float{position:fixed;right:25px;bottom:25px;background:#25d366;width:65px;height:65px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:34px;text-decoration:none;z-index:999}
@media(max-width:768px){.topbar .container,.nav-container,.hero-buttons,.hero-stats{flex-direction:column}.topbar .container, .nav-container{display:flex}.footer-grid,.beneficios-grid,.clientes-grid,.productos-grid{grid-template-columns:1fr}.hero h1{font-size:38px}.hero{height:auto;padding:120px 0}nav{flex-wrap:wrap;justify-content:center}}