:root{--color-primary: #2E7D32;--color-primary-dark: #1B5E20;--color-secondary: #1565C0;--color-secondary-dark: #0D47A1;--color-accent: #F9A825;--color-text: #333333;--color-text-light: #666666;--color-background: #F5F5F5;--color-white: #FFFFFF;--color-border: #E0E0E0;--font-family: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--font-size-base: 16px;--font-size-h1: 2.5rem;--font-size-h2: 2rem;--font-size-h3: 1.5rem;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--transition-speed: .3s}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit;transition:color var(--transition-speed)}ul{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}.app-container{display:flex;flex-direction:column;min-height:100vh}main{flex:1}footer{background-color:var(--color-text);color:var(--color-white);text-align:center;padding:var(--spacing-md);margin-top:auto}.header{background-color:var(--color-white);box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000;padding:.5rem 0}.header-container{display:flex;justify-content:space-between;align-items:center}.logo-link{display:flex;align-items:center;gap:10px;text-decoration:none}.logo-icon{height:50px;width:auto;object-fit:contain}.logo-text{height:35px;width:auto;object-fit:contain}.nav-menu ul{display:flex;gap:2rem;margin:0;padding:0}.nav-menu a{font-weight:500;color:var(--color-text);font-size:1rem}.nav-menu a:hover{color:var(--color-primary)}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:.5rem}.hamburger{display:block;width:24px;height:2px;background-color:var(--color-text);position:relative;transition:all .3s ease-in-out}.hamburger:before,.hamburger:after{content:"";position:absolute;width:24px;height:2px;background-color:var(--color-text);transition:all .3s ease-in-out}.hamburger:before{transform:translateY(-8px)}.hamburger:after{transform:translateY(8px)}.hamburger.open{background-color:transparent}.hamburger.open:before{transform:rotate(45deg)}.hamburger.open:after{transform:rotate(-45deg)}@media(max-width:768px){.mobile-menu-btn{display:block}.nav-menu{position:absolute;top:100%;left:0;width:100%;background-color:var(--color-white);padding:1rem;box-shadow:0 4px 6px #0000001a;transform:translateY(-150%);transition:transform .3s ease-in-out;opacity:0;pointer-events:none}.nav-menu.open{transform:translateY(0);opacity:1;pointer-events:all}.nav-menu ul{flex-direction:column;align-items:center;gap:1.5rem}}.hero{position:relative;height:80vh;min-height:600px;background:linear-gradient(135deg,var(--color-primary-dark),var(--color-secondary-dark));display:flex;align-items:center;justify-content:center;color:var(--color-white);text-align:center;overflow:hidden}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#0000001a,#0006)}.hero-content{position:relative;z-index:1;max-width:800px}.hero h1{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero p{font-size:1.25rem;margin-bottom:2.5rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:1rem;justify-content:center}.btn{display:inline-block;padding:1rem 2rem;border-radius:50px;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;text-decoration:none}.btn-primary{background-color:var(--color-accent);color:var(--color-text)}.btn-primary:hover{background-color:#fbc02d;transform:translateY(-2px);box-shadow:0 4px 12px #f9a82566}.btn-secondary{background-color:transparent;border:2px solid var(--color-white);color:var(--color-white)}.btn-secondary:hover{background-color:var(--color-white);color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #fff3}@media(max-width:768px){.hero h1{font-size:2.5rem}.hero p{font-size:1.1rem}.hero-buttons{flex-direction:column;gap:1rem;padding:0 2rem}.btn{width:100%}}.products-section{padding:var(--spacing-lg) 0;background-color:var(--color-background)}.section-header{text-align:center;margin-bottom:var(--spacing-lg)}.section-header h2{font-size:var(--font-size-h2);color:var(--color-primary-dark);margin-bottom:var(--spacing-sm)}.section-header p{color:var(--color-text-light);max-width:600px;margin:0 auto}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.product-card{background:var(--color-white);border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000000d;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-5px);box-shadow:0 12px 20px #0000001a}.product-image{height:200px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card:hover .product-image img{transform:scale(1.05)}.product-info{padding:1.5rem;flex:1;display:flex;flex-direction:column}.product-info h3{font-size:1.25rem;color:var(--color-text);margin-bottom:.5rem}.product-info p{font-size:.95rem;color:var(--color-text-light);margin-bottom:1rem;flex:1}.product-features{margin-top:auto;padding-top:1rem;border-top:1px solid var(--color-border)}.product-features li{font-size:.85rem;color:var(--color-primary);margin-bottom:.25rem;display:flex;align-items:center}.product-features li:before{content:"✓";margin-right:.5rem;font-weight:700}.order-button{margin-top:1rem;width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 12px #25d3664d}.order-button:hover{background:linear-gradient(135deg,#128c7e,#075e54);transform:translateY(-2px);box-shadow:0 6px 16px #25d36666}.order-button:active{transform:translateY(0)}.whatsapp-icon{font-size:1.25rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.about-section{padding:var(--spacing-xl) 0;background-color:var(--color-white)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-text h2{font-size:var(--font-size-h2);color:var(--color-primary-dark);margin-bottom:1.5rem;position:relative;display:inline-block}.about-text h2:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:4px;background-color:var(--color-accent);border-radius:2px}.about-text .mission{font-size:1.25rem;font-weight:500;color:var(--color-text);margin-bottom:1.5rem}.about-text p{color:var(--color-text-light);margin-bottom:2rem;line-height:1.8}.stats{display:flex;gap:3rem}.stat-item{display:flex;flex-direction:column}.stat-number{font-size:2.5rem;font-weight:800;color:var(--color-primary);line-height:1;margin-bottom:.5rem}.stat-label{font-size:.9rem;color:var(--color-text-light);text-transform:uppercase;letter-spacing:1px}.about-image{position:relative;display:flex;justify-content:center}.about-img-content{max-width:100%;height:auto;border-radius:12px}@media(max-width:968px){.about-content{grid-template-columns:1fr;gap:3rem}.about-image{order:-1}.about-img-content{max-height:400px}}@media(max-width:480px){.stats{flex-direction:column;gap:1.5rem}}.contact-section{padding:var(--spacing-lg) 0;background-color:var(--color-white)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.info-card{background:var(--color-background);padding:1.5rem;border-radius:8px;margin-bottom:2rem}.info-card h3{color:var(--color-primary);margin-bottom:.5rem}.info-card p{color:var(--color-text);margin-bottom:1rem}.map-placeholder{width:100%;height:200px;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center;border-radius:4px;color:var(--color-text-light);font-size:.9rem}.map-container{width:100%;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;margin-top:1rem}.map-container iframe{display:block;border-radius:8px}.map-container a{display:inline-block;font-size:.9rem;transition:all .3s ease}.map-container a:hover{transform:translateY(-2px);color:var(--color-primary-dark)!important}.contact-details{margin-top:2rem;margin-bottom:2rem}.detail-item{margin-bottom:1.5rem}.detail-item strong{display:block;color:var(--color-primary-dark);margin-bottom:.25rem}.detail-item a{color:var(--color-text);text-decoration:none}.detail-item a:hover{color:var(--color-primary)}.contact-image-container{display:flex;justify-content:center;margin-top:2rem}.contact-side-img{max-width:100%;height:auto;max-height:300px;border-radius:8px;object-fit:contain}.contact-form-container{background:var(--color-white);padding:2rem;border-radius:12px;box-shadow:0 4px 20px #0000000d;border:1px solid var(--color-border)}.contact-form-container h3{margin-bottom:1.5rem;color:var(--color-primary-dark)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:4px;font-family:inherit;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.submit-btn{width:100%;border:none;font-size:1rem}.status-msg{margin-top:1rem;padding:.75rem;border-radius:4px;text-align:center}.status-msg.success{background-color:#e8f5e9;color:#2e7d32}.status-msg.error{background-color:#ffebee;color:#c62828}@media(max-width:768px){.contact-grid{grid-template-columns:1fr;gap:2rem}}
