:root{--color-primary:#2b9348;--color-primary-dark:#1e6832;--color-secondary:#e63946;--color-green:#2b9348;--color-green-light:#55a630;--color-blue:#0077b6;--color-yellow:#f4a261;--color-purple:#7209b7;--color-text:#1d3557;--color-text-light:#457b9d;--color-bg:#f8f9fa;--color-bg-light:#fff;--color-border:#e9ecef;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--transition:all .3s cubic-bezier(.25, .8, .25, 1);--border-radius:16px;--border-radius-lg:24px;--shadow-sm:0 4px 6px #0000000d;--shadow-md:0 10px 20px #00000014;--shadow-lg:0 20px 40px #0000001f}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text);font-weight:700;line-height:1.2}a{color:inherit;transition:var(--transition);text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:6rem 0}.text-center{text-align:center}.mt-4{margin-top:2rem}.mt-5{margin-top:3rem}.text-green{color:var(--color-green)}.bg-light{background-color:var(--color-bg-light)}.highlight{color:var(--color-primary);display:inline-block;position:relative}.btn{cursor:pointer;transition:var(--transition);border:2px solid #0000;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;display:inline-flex}.btn-lg{padding:1rem 2rem;font-size:1.1rem}.btn-sm{padding:.5rem 1rem;font-size:.9rem}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:0 4px 15px #2b93484d}.btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-3px);box-shadow:0 8px 25px #2b934866}.btn-secondary{color:var(--color-text);border-color:var(--color-border);background-color:#fff}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-3px)}.btn-outline{color:var(--color-primary);border-color:var(--color-primary);background-color:#0000}.btn-outline:hover{background-color:var(--color-primary);color:#fff}.glass{-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #ffffff4d}.navbar{z-index:1000;width:100%;transition:var(--transition);padding:1rem 0;position:fixed;top:0;left:0}.navbar.scrolled{box-shadow:var(--shadow-sm);background:#fffffff2;padding:.75rem 0}.nav-container{justify-content:space-between;align-items:center;display:flex}.logo{font-family:var(--font-heading);color:var(--color-text);letter-spacing:-.5px;font-size:1.8rem;font-weight:800}.logo .dot{color:var(--color-primary)}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a{color:var(--color-text-light);font-weight:500;position:relative}.nav-links a:after{content:"";background-color:var(--color-primary);width:0;height:2px;transition:var(--transition);position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:var(--color-primary)}.nav-links a:hover:after{width:100%}.mobile-menu-btn{cursor:pointer;color:var(--color-text);background:0 0;border:none;font-size:1.5rem;display:none}.dropdown{align-items:center;display:inline-flex;position:relative}.dropbtn i{margin-left:4px;font-size:1rem}.dropdown-content{border-radius:var(--border-radius);min-width:200px;box-shadow:var(--shadow-md);z-index:1000;opacity:0;padding:.5rem 0;transition:opacity .3s,transform .3s;display:none;position:absolute;top:100%;left:-1rem;transform:translateY(10px)}.dropdown:hover .dropdown-content{opacity:1;display:block;transform:translateY(0)}.dropdown-content a{color:var(--color-text);padding:.8rem 1.5rem;font-weight:500;display:block}.dropdown-content a:after{display:none}.dropdown-content a:hover{color:var(--color-primary);background:#e639460d}.hero{align-items:center;min-height:100vh;padding:10rem 0 6rem;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background:radial-gradient(circle,#e639461a 0%,#fff0 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-10%;right:-5%}.hero-container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.badge{color:var(--color-primary);letter-spacing:.5px;background-color:#2b93481a;border-radius:50px;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;display:inline-block}.hero-title{letter-spacing:-1.5px;margin-bottom:1.5rem;font-size:4.5rem}.hero-desc{color:var(--color-text-light);max-width:90%;margin-bottom:2.5rem;font-size:1.2rem}.hero-actions{gap:1rem;display:flex}.hero-image-wrapper{position:relative}.hero-image{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);z-index:2;transition:transform .5s;position:relative}.hero-image:hover{transform:scale(1.02)}.image-decoration{border:2px dashed var(--color-border);border-radius:var(--border-radius-lg);z-index:1;width:100%;height:100%;position:absolute;top:-2rem;left:-2rem}.floating-card{z-index:3;border-radius:var(--border-radius);box-shadow:var(--shadow-md);align-items:center;gap:1rem;padding:1rem 1.5rem;animation:4s ease-in-out infinite float;display:flex;position:absolute;bottom:-2rem;right:-2rem}.floating-card i{color:var(--color-primary);font-size:2rem}.floating-text strong{font-size:1.2rem;line-height:1;display:block}.floating-text span{color:var(--color-text-light);font-size:.85rem}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.section-header{margin-bottom:4rem}.section-header h2{margin-bottom:1rem;font-size:2.5rem}.section-header p{color:var(--color-text-light);max-width:600px;margin:0 auto;font-size:1.1rem}.products-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.product-card{background:var(--color-bg-light);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid var(--color-border);flex-direction:column;display:flex;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-10px)}.product-image-container{height:250px;position:relative;overflow:hidden}.product-image{object-fit:contain;width:100%;height:100%;padding:1rem;transition:transform .5s}.product-card:hover .product-image{transform:scale(1.05)}.product-color-bg{color:#fff;justify-content:center;align-items:center;height:200px;display:flex}.placeholder-title{text-shadow:0 2px 4px #0003;font-size:2rem}.product-info{flex-direction:column;flex-grow:1;padding:2rem;display:flex}.product-info h3{margin-bottom:.5rem;font-size:1.5rem}.product-info p{color:var(--color-text-light);flex-grow:1;margin-bottom:1.5rem}.product-card.featured{flex-direction:row;grid-column:span 2}.product-card.featured .product-image-container{width:50%;height:auto}.product-card.featured .product-info{justify-content:center;width:50%}.link-btn{color:var(--color-primary);align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.link-btn:after{content:"→";transition:transform .2s}.link-btn:hover:after{transform:translate(5px)}.recipes-layout{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.recipes-content h2{margin-bottom:1.5rem;font-size:2.5rem}.recipes-content p{color:var(--color-text-light);margin-bottom:2rem;font-size:1.1rem}.benefits-list{margin-bottom:2rem;list-style:none}.benefits-list li{align-items:center;gap:1rem;margin-bottom:1rem;font-size:1.1rem;display:flex}.recipe-card{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.recipe-img{object-fit:cover;width:100%;height:500px;transition:transform .5s}.recipe-card:hover .recipe-img{transform:scale(1.03)}.recipe-info{color:#fff;background:linear-gradient(#0000,#000c);width:100%;padding:2rem;position:absolute;bottom:0;left:0}.recipe-tag{background-color:var(--color-blue);color:#fff;border-radius:50px;margin-bottom:.5rem;padding:.3rem .8rem;font-size:.8rem;font-weight:600;display:inline-block}.recipe-info h4{color:#fff;margin-bottom:.5rem;font-size:1.8rem}.features-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.feature-item{border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:var(--transition);background:#fff;padding:3rem 2rem}.feature-item:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.feature-icon{width:70px;height:70px;color:var(--color-green);background:#2b93481a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:2rem;display:flex}.feature-item h4{margin-bottom:1rem;font-size:1.3rem}.feature-item p{color:var(--color-text-light)}.contact-card{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);background:#fff;grid-template-columns:1fr 1fr;gap:4rem;padding:4rem;display:grid}.contact-info h2{margin-bottom:1rem;font-size:2.5rem}.contact-info p{color:var(--color-text-light);font-size:1.1rem}.contact-details{margin-top:2rem}.contact-details p{color:var(--color-text);align-items:center;gap:.5rem;margin-bottom:.8rem;font-weight:500;display:flex}.contact-form .form-group{margin-bottom:1.5rem}.contact-form label{margin-bottom:.5rem;font-weight:500;display:block}.contact-form input,.contact-form textarea{border:1px solid var(--color-border);width:100%;transition:var(--transition);border-radius:8px;padding:.8rem 1rem;font-family:inherit}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2b93481a}.w-100{width:100%}.whatsapp-float{color:#fff;text-align:center;z-index:1000;background-color:#25d366;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:35px;transition:transform .3s;display:flex;position:fixed;bottom:40px;right:40px;box-shadow:2px 2px 10px #0003}.whatsapp-float:hover{color:#fff;transform:scale(1.1)}.footer{color:#fff;background-color:#111;padding:5rem 0 2rem}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:4rem;display:grid}.footer-brand h3{color:#fff;margin-bottom:1rem;font-size:2rem}.footer-brand p{color:#aaa;max-width:300px;margin-bottom:1.5rem}.social-links{gap:1rem;display:flex}.social-links a{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.social-links a:hover{background:var(--color-primary);transform:translateY(-3px)}.footer h4{color:#fff;margin-bottom:1.5rem;font-size:1.2rem}.footer-links a{color:#aaa;margin-bottom:.8rem;display:block}.footer-links a:hover{color:#fff;padding-left:5px}.footer-contact p{color:#aaa;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.wholesale-btn{color:#25d366;border-color:#25d366;margin-top:1rem}.wholesale-btn:hover{color:#fff;background-color:#25d366}.footer-bottom{color:#666;border-top:1px solid #ffffff1a;padding-top:2rem}.fade-in-up{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}.fade-in-up.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}@media (width<=992px){.hero-title{font-size:3.5rem}.product-card.featured{flex-direction:column;grid-column:span 1}.product-card.featured .product-image-container,.product-card.featured .product-info{width:100%}.recipes-layout{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.nav-links,.navbar .btn-primary{display:none}.mobile-menu-btn{display:block}.hero-container{text-align:center;grid-template-columns:1fr}.hero-desc{margin:0 auto 2.5rem}.hero-actions{justify-content:center}.floating-card{display:none}.features-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:2rem}.contact-card{grid-template-columns:1fr;padding:2rem}.whatsapp-float{width:50px;height:50px;font-size:28px;bottom:20px;right:20px}}
