@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary-green: #3E5631;--primary-gold: #D4A72F;--background-cream: #FEFEF7;--background-light: #f8f8f5;--text-dark: #333;--text-medium: #666;--text-light: #999;--shadow-light: 0 2px 8px rgba(62, 86, 49, .1);--shadow-medium: 0 4px 16px rgba(62, 86, 49, .15);--shadow-heavy: 0 8px 32px rgba(62, 86, 49, .2)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-dark);background:var(--background-cream);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}.header{background:#fefef7;box-shadow:0 2px 8px #3e56311a;position:fixed;top:0;left:0;right:0;z-index:1000}.header .container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px}.logo{display:flex;align-items:center;gap:10px;font-size:2rem;font-weight:700;color:#3e5631;text-decoration:none;transition:all .3s ease}.logo:hover{color:#d4a72f;transform:scale(1.05)}.logo span{text-decoration:none}.logo img{height:40px;width:auto}.nav{display:flex;gap:30px}.nav a,.nav-button{text-decoration:none;color:#3e5631;font-weight:500;transition:color .2s;background:none;border:none;cursor:pointer;font-size:inherit;font-family:inherit;padding:0}.nav a:hover,.nav-button:hover{color:#d4a72f}.menu-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px}.menu-toggle span{width:25px;height:3px;background:#3e5631;transition:.3s}@media (max-width: 768px){.nav{position:absolute;top:100%;left:0;right:0;background:#fefef7;flex-direction:column;padding:20px;box-shadow:0 2px 8px #3e56311a;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.nav-open{transform:translateY(0);opacity:1;visibility:visible}.menu-toggle{display:flex}.nav-open~.menu-toggle span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-open~.menu-toggle span:nth-child(2){opacity:0}.nav-open~.menu-toggle span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}}.hero{margin-top:70px;min-height:90vh;display:flex;align-items:center;background:linear-gradient(135deg,#fefef7,#f5f5f0);padding:40px 20px}.hero-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-content h1{font-size:3rem;color:#3e5631;margin-bottom:20px;line-height:1.2}.hero-content p{font-size:1.2rem;color:#666;margin-bottom:30px;line-height:1.6}.hero-buttons{display:flex;gap:20px;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:15px 30px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-block}.hero-image img{width:100%;border-radius:16px;box-shadow:0 8px 32px #3e563126}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;gap:30px;text-align:center}.hero-content h1{font-size:2.2rem}.hero-buttons{justify-content:center}}.about{padding:80px 20px;background:#fefef7}.about .container{max-width:1200px;margin:0 auto}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:80px}.about-text{display:flex;flex-direction:column;gap:16px}.about-text h2{font-size:2.5rem;color:#3e5631;margin:0}.about-text p{font-size:1.1rem;color:#666;line-height:1.6;margin:0}.about-gallery{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);height:300px}.about-img{width:100%;height:100%;object-fit:cover;border-radius:16px;box-shadow:0 4px 16px #3c502826}.impact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:40px}.impact-card{background:#fff;padding:30px;border-radius:16px;box-shadow:0 4px 16px #3e56311a;text-align:center;transition:transform .3s ease}.impact-card:hover{transform:translateY(-5px)}.impact-icon{font-size:2rem;margin-bottom:15px}.impact-card h3{color:#3e5631;margin-bottom:10px;font-size:1.3rem}.impact-card p{color:#666;line-height:1.5}@media (max-width: 768px){.about-content{grid-template-columns:1fr;gap:30px}.about-text h2{font-size:2rem}.about-gallery{height:200px}.impact-cards{grid-template-columns:1fr;gap:20px}}.gallery{padding:80px 0;background:#f8f8f5}.gallery .container{max-width:1200px;margin:0 auto;padding:0 20px}.gallery h2{text-align:center;font-size:2.5rem;color:#3e5631;margin-bottom:50px}.gallery-slider{position:relative;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;overflow:hidden;display:flex;align-items:center;background:transparent;max-width:none;padding:0}.slider-track{display:flex;width:max-content;transition:none}.slider-item{min-width:320px;max-width:320px;height:210px;margin:0 10px;position:relative;border-radius:14px;overflow:hidden;background:#fefef7;box-shadow:0 2px 8px #3e56311a;flex-shrink:0;transition:box-shadow .2s}.slider-item:hover{box-shadow:0 4px 16px #3e563126}.slider-item img{width:100%;height:100%;object-fit:cover;display:block}.gallery-label{position:absolute;left:0;right:0;bottom:0;background:#3e5631d9;color:#d4a72f;font-size:15px;padding:6px 10px;border-bottom-left-radius:14px;border-bottom-right-radius:14px;opacity:0;transition:opacity .2s;pointer-events:none}.slider-item:hover .gallery-label{opacity:1}@media (max-width: 768px){.slider-item{min-width:260px;max-width:260px;height:170px}.gallery h2{font-size:2rem}}.services{padding:80px 20px;background:#fefef7}.services .container{max-width:1200px;margin:0 auto;text-align:center}.services h2{font-size:2.5rem;color:#3e5631;margin-bottom:20px}.services-intro{font-size:1.2rem;color:#666;margin-bottom:50px;max-width:600px;margin-left:auto;margin-right:auto}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px;justify-items:center}@media (min-width: 1200px){.services-grid{grid-template-columns:repeat(3,1fr);max-width:900px;margin:40px auto 0}.service-card:nth-child(4){grid-column:2 / 3;grid-row:2}}@media (min-width: 768px) and (max-width: 1199px){.services-grid{grid-template-columns:repeat(2,1fr);max-width:600px;margin:40px auto 0}}.service-card{background:#fff;padding:40px 30px;border-radius:16px;box-shadow:0 4px 16px #3e56311a;transition:all .3s ease;max-width:320px;width:100%}.service-card:hover{transform:translateY(-5px);box-shadow:0 8px 32px #3e563126}.service-icon{font-size:3rem;margin-bottom:20px}.service-card h3{color:#3e5631;font-size:1.5rem;margin-bottom:15px}.service-card p{color:#666;line-height:1.6}@media (max-width: 768px){.services h2{font-size:2rem}.services-grid{grid-template-columns:1fr;gap:20px}.service-card{padding:30px 20px}}.blog{padding:80px 20px;background:#f8f8f5}.blog .container{max-width:1200px;margin:0 auto;text-align:center}.blog h2{font-size:2.5rem;color:#3e5631;margin-bottom:20px}.blog-intro{font-size:1.2rem;color:#666;margin-bottom:50px;max-width:600px;margin-left:auto;margin-right:auto}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:40px}.blog-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #3e56311a;transition:all .3s ease;text-align:left}.blog-card:hover{transform:translateY(-5px);box-shadow:0 8px 32px #3e563126}.blog-image{height:200px;overflow:hidden}.blog-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blog-image img{transform:scale(1.05)}.blog-content{padding:25px}.blog-date{color:#d4a72f;font-size:.9rem;font-weight:600}.blog-card h3{color:#3e5631;font-size:1.3rem;margin:10px 0 15px;line-height:1.3}.blog-card p{color:#666;line-height:1.6;margin-bottom:20px}.read-more{color:#3e5631;text-decoration:none;font-weight:600;border-bottom:2px solid transparent;transition:border-color .2s}.read-more:hover{border-bottom-color:#d4a72f}@media (max-width: 768px){.blog h2{font-size:2rem}.blog-grid{grid-template-columns:1fr;gap:20px}}.footer{background:#3e5631;color:#fefef7;padding:60px 20px 20px}.footer .container{max-width:1200px;margin:0 auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-section h3{color:#d4a72f;font-size:1.5rem;margin-bottom:20px}.footer-section h4{color:#d4a72f;font-size:1.2rem;margin-bottom:15px}.footer-section p{line-height:1.6;margin-bottom:20px}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:8px}.footer-section ul li a{color:#fefef7;text-decoration:none;transition:color .2s}.footer-section ul li a:hover{color:#d4a72f}.social-links{display:flex;gap:15px}.social-links a{font-size:1.5rem;text-decoration:none;transition:transform .2s}.social-links a:hover{transform:scale(1.2)}.contact-info p{margin-bottom:10px;display:flex;align-items:center;gap:10px}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(212,167,47,.3)}.footer-bottom p{margin:0;color:#ccc}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:30px}.footer{padding:40px 20px 20px}}.whatsapp-bubble{position:fixed;right:24px;bottom:24px;z-index:1000;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;box-shadow:0 4px 16px #3e563140,0 2px 8px #25d3664d,inset 0 1px #fff3;width:60px;height:60px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;text-decoration:none;border:2px solid rgba(255,255,255,.1)}.whatsapp-bubble svg{width:50px;height:50px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.whatsapp-bubble:hover{box-shadow:0 6px 20px #3e563166,0 4px 12px #25d36666,inset 0 1px #ffffff4d;background:linear-gradient(135deg,#128c7e,#075e54);transform:scale(1.1);border-color:#fff3}.whatsapp-bubble:active{transform:scale(1.05)}.contacto-section{max-width:500px;margin:80px auto;padding:40px;background:#fefef7;border-radius:20px;box-shadow:0 8px 24px #3e563126;min-height:calc(100vh - 200px);display:flex;flex-direction:column;justify-content:center}.contacto-header{margin-bottom:32px;text-align:center}.contacto-section h2{color:#3e5631;margin:0 0 16px;font-size:2.5rem;font-weight:700;text-align:center}.contacto-header p{color:#3e5631;font-size:1.1rem;margin:0;opacity:.8}.contacto-form{width:100%}.contacto-form label{display:block;margin-bottom:20px;color:#3e5631;font-weight:600;font-size:1.1rem}.contacto-form input,.contacto-form textarea{width:100%;padding:16px;border-radius:12px;border:2px solid #D4A72F;margin-top:8px;margin-bottom:12px;font-size:1.1rem;transition:all .3s ease;background:#fff;box-sizing:border-box}.contacto-form input:focus,.contacto-form textarea:focus{outline:none;border-color:#3e5631;box-shadow:0 0 0 3px #3e56311a}.contacto-form textarea{min-height:120px;resize:vertical}.contacto-form button{background:#d4a72f;color:#3e5631;border:none;border-radius:12px;padding:16px 32px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;margin-top:8px}.contacto-form button:hover{background:#3e5631;color:#fefef7;transform:translateY(-2px);box-shadow:0 4px 12px #3e56314d}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;background:#fefef7}.container{max-width:1200px;margin:0 auto;padding:0 20px}html{scroll-behavior:smooth}.btn{display:inline-block;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.btn-primary{background:#d4a72f;color:#3e5631}.btn-primary:hover{background:#b88a1a;transform:translateY(-2px)}.btn-secondary{background:transparent;color:#3e5631;border:2px solid #3E5631}.btn-secondary:hover{background:#3e5631;color:#fefef7}@media (max-width: 768px){.container{padding:0 15px}}