*{box-sizing:border-box;margin:0;padding:0}:root{--primary-green:#22c55e;--primary-green-dark:#16a34a;--primary-green-light:#4ade80;--accent-orange:#f97316;--accent-yellow:#fbbf24;--text-dark:#1f2937;--text-medium:#4b5563;--text-light:#6b7280;--bg-light:#f9fafb;--bg-white:#fff;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text-dark);background-color:var(--bg-white);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.6}body{background:linear-gradient(#fefefe 0%,#f9fafb 100%);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}#root{width:100%;min-height:100vh}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.scroll-animation{opacity:0;transition:all .8s cubic-bezier(.34,1.56,.64,1);transform:translateY(50px)}.scroll-animation.animate-in{opacity:1;transform:translateY(0)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.header{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:1000;background:#ffffffd9;border-bottom:1px solid #ffffff4d;padding:1.2rem 0;transition:all .4s cubic-bezier(.4,0,.2,1);animation:.6s ease-out slideDown;position:fixed;top:0;left:0;right:0;transform:translateY(0);box-shadow:0 4px 30px #00000014}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.header-scrolled{background:#fffffff2;padding:.8rem 0;box-shadow:0 8px 40px #00000026}.header:hover{background:#fffffffa;box-shadow:0 12px 50px #22c55e26}.header-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.logo-container{align-items:center;gap:1rem;display:flex}.logo-img{filter:drop-shadow(0 4px 8px #22c55e33);width:auto;height:200px;margin-left:100px;transition:all .4s cubic-bezier(.34,1.56,.64,1);animation:3s ease-in-out infinite logoFloat,2s ease-in-out infinite logoPulse}@keyframes logoFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(2deg)}}@keyframes logoPulse{0%,to{filter:drop-shadow(0 4px 8px #22c55e33)brightness()}50%{filter:drop-shadow(0 6px 12px #22c55e66)brightness(1.1)}}.logo-container:hover .logo-img{filter:drop-shadow(0 8px 16px #22c55e66)brightness(1.15);animation-play-state:paused;transform:translateY(-15px)rotate(5deg)scale(1.05)}.logo-text{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.8rem;font-weight:800;transition:all .3s}.logo-container:hover .logo-text{background:linear-gradient(135deg,#4ade80 0%,#22c55e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav{align-items:center;gap:2rem;display:flex}.nav a{color:var(--text-dark);border-radius:12px;padding:.5rem 1rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:inline-block;position:relative;overflow:hidden}.nav a:before{content:"";background:radial-gradient(circle,#22c55e33 0%,#0000 70%);border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nav a:hover:before{width:200px;height:200px}.nav a span{z-index:1;transition:transform .3s;display:inline-block;position:relative}.nav a:hover{color:var(--primary-green);background:#22c55e26;transform:translateY(-2px)}.nav a:hover span{transform:scale(1.1)}.nav a:after{content:"";background:linear-gradient(90deg,var(--primary-green)0%,var(--primary-green-light)100%);transform-origin:50%;border-radius:2px;width:70%;height:3px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:0;left:50%;transform:translate(-50%)scaleX(0)}.nav a:hover:after{transform:translate(-50%)scaleX(1)}.menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:5px;display:none}.menu-toggle span{background:var(--primary-green);border-radius:3px;width:25px;height:3px;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 4px #22c55e4d}.menu-toggle:hover span{background:var(--primary-green-dark);box-shadow:0 3px 6px #22c55e80}.menu-toggle.menu-open span:first-child{background:var(--primary-green-dark);transform:rotate(45deg)translate(7px,7px)}.menu-toggle.menu-open span:nth-child(2){opacity:0;transform:translate(-20px)}.menu-toggle.menu-open span:nth-child(3){background:var(--primary-green-dark);transform:rotate(-45deg)translate(7px,-7px)}@media (max-width:768px){.menu-toggle{display:flex}.nav{opacity:0;visibility:hidden;background:#fff;flex-direction:column;padding:2rem;transition:all .3s;position:absolute;top:100%;left:0;right:0;transform:translateY(-100%);box-shadow:0 5px 20px #0000001a}.nav-open{opacity:1;visibility:visible;transform:translateY(0)}.nav a{text-align:center;width:100%;padding:.5rem 0}}.hero{justify-content:center;align-items:center;min-height:100vh;margin-top:70px;display:flex;position:relative;overflow:hidden}.hero-video{object-fit:cover;z-index:0;opacity:0;width:100%;height:100%;transition:opacity 1.5s ease-in-out;position:absolute;top:0;left:0}.hero-video.video-active{opacity:1;z-index:1}.hero-video.video-hidden{opacity:0;z-index:0}.hero-overlay{z-index:1;background:linear-gradient(135deg,#22c55ee0 0%,#16a34ad9 50%,#10b981d1 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero p{font-size:2rem}.hero-overlay:before{content:"";background:radial-gradient(circle at 20%,#ffffff1a 0%,#0000 50%),radial-gradient(circle at 80% 80%,#f9731626 0%,#0000 50%);width:100%;height:100%;animation:8s ease-in-out infinite pulse;position:absolute;top:0;left:0}.hero-content{z-index:2;text-align:center;color:#fff;max-width:900px;padding:2rem;animation:1s ease-out fadeInUp;position:relative}.hero-title{text-shadow:0 4px 20px #0003;letter-spacing:-1px;background:linear-gradient(135deg,#fff 0%,#fffffff2 50%,#fff 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:4rem;font-weight:800;line-height:1.1;animation:1s ease-out .2s both fadeInUp,5s infinite gradientShift,3s ease-in-out infinite titlePulse;position:relative}@keyframes titlePulse{0%,to{filter:drop-shadow(0 4px 20px #ffffff4d);transform:scale(1)}50%{filter:drop-shadow(0 6px 30px #ffffff80);transform:scale(1.02)}}.hero-subtitle{text-shadow:0 2px 10px #0003;opacity:.95;margin-bottom:3rem;font-size:1.4rem;font-weight:400;line-height:1.7;animation:1s ease-out .4s both fadeInUp}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:1.5rem;animation:1s ease-out .8s both fadeInUp;display:flex}.btn{border:2px solid #0000;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-whatsapp{color:#fff;background:linear-gradient(135deg,#25d366 0%,#20ba5a 100%);border-color:#25d366;animation:1s ease-out .6s both fadeInUp,2s ease-in-out 1.5s infinite pulse;position:relative;overflow:hidden;box-shadow:0 4px 15px #25d3664d,0 0 20px #25d36633}.btn-whatsapp:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.btn-whatsapp:after{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-whatsapp:hover:before{left:100%}.btn-whatsapp:hover:after{width:300px;height:300px}.btn-whatsapp:hover{background:linear-gradient(135deg,#2ed473 0%,#25d366 100%);animation-play-state:paused;transform:translateY(-5px)scale(1.05);box-shadow:0 12px 35px #25d36699,0 0 40px #25d3664d}.btn-whatsapp:active{transform:translateY(-2px)scale(1.02)}.btn-secondary{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-color:#ffffff80;animation:1s ease-out .8s both fadeInUp}.btn-secondary:hover{color:var(--primary-green-dark);background:#fffffff2;border-color:#fff;transform:translateY(-3px);box-shadow:0 8px 25px #ffffff4d}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.btn{padding:.8rem 2rem;font-size:1rem}}.products-section{background:linear-gradient(#fff 0%,#f9fafb 100%);padding:6rem 2rem;position:relative;overflow:hidden}.products-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 10% 20%,#22c55e0d 0%,#0000 50%),radial-gradient(circle at 90% 80%,#f973160d 0%,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:0}.container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-title{background:linear-gradient(135deg,var(--primary-green)0%,var(--primary-green-dark)100%);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3.2rem;font-weight:800;animation:.8s ease-out fadeInUp}.section-subtitle{color:#666;max-width:600px;margin:0 auto;font-size:1.2rem;line-height:1.6}.products-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem;margin-bottom:4rem;display:grid}.product-card{background:#fff;border:1px solid #22c55e1a;border-radius:24px;flex-direction:column;transition:all .5s cubic-bezier(.34,1.56,.64,1);animation:.8s ease-out both fadeInUp,6s ease-in-out 1s infinite cardFloat;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014}@keyframes cardFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(1deg)}}.product-card:first-child{animation-delay:.1s,1.1s}.product-card:nth-child(2){animation-delay:.2s,1.2s}.product-card:nth-child(3){animation-delay:.3s,1.3s}.product-card:nth-child(4){animation-delay:.4s,1.4s}.product-card:before{content:"";background:linear-gradient(90deg,var(--primary-green)0%,var(--accent-orange)100%);transform-origin:0;width:100%;height:4px;transition:transform .4s;position:absolute;top:0;left:0;transform:scaleX(0)}.product-card:hover:before{transform:scaleX(1)}.product-card:hover{border-color:#22c55e66;animation-play-state:paused;transform:translateY(-15px)scale(1.03)rotate(1deg);box-shadow:0 25px 60px #22c55e40,0 0 40px #22c55e1a}.product-card:hover .product-title{animation:.5s shake}.product-image-container{background:#f0f0f0;width:100%;height:300px;overflow:hidden}.product-image{object-fit:cover;filter:brightness()saturate();width:100%;height:100%;transition:all .5s cubic-bezier(.34,1.56,.64,1)}.product-card:hover .product-image{filter:brightness(1.1)saturate(1.2);transform:scale(1.15)rotate(2deg)}.product-content{flex-direction:column;flex-grow:1;padding:2rem;display:flex}.product-title{background:linear-gradient(135deg,var(--primary-green)0%,var(--primary-green-dark)100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.2rem;font-weight:800}.product-description{color:#666;flex-grow:1;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.product-features{margin:0 0 2rem;padding:0;list-style:none}.product-features li{color:var(--text-medium);margin-bottom:.8rem;padding-left:.5rem;font-size:1rem;line-height:1.7;transition:all .3s}.product-card:hover .product-features li{color:var(--primary-green-dark);transform:translate(5px)}.btn-product-whatsapp{color:#fff;cursor:pointer;background:linear-gradient(135deg,#25d366 0%,#20ba5a 100%);border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1.1rem 2rem;font-size:1.1rem;font-weight:700;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #25d3664d}.btn-product-whatsapp:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-product-whatsapp:hover:before{width:300px;height:300px}.btn-product-whatsapp:hover{background:linear-gradient(135deg,#2ed473 0%,#25d366 100%);transform:translateY(-3px)scale(1.02);box-shadow:0 8px 30px #25d36680}.ensalada-del-dia-section{justify-content:center;align-items:center;margin:4rem 0;animation:.8s ease-out .5s both fadeInUp;display:flex}.ensalada-del-dia-content{text-align:center;background:linear-gradient(135deg,#22c55e1a 0%,#f9731614 100%);border:2px solid #22c55e33;border-radius:24px;width:100%;max-width:600px;padding:3rem 2.5rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 8px 30px #22c55e26}.ensalada-del-dia-content:before{content:"";pointer-events:none;background:radial-gradient(circle,#22c55e1a 0%,#0000 70%);width:200%;height:200%;animation:15s linear infinite rotate;position:absolute;top:-50%;right:-50%}.ensalada-del-dia-content:hover{border-color:#22c55e4d;transform:translateY(-5px);box-shadow:0 12px 40px #22c55e40}.ensalada-del-dia-title{background:linear-gradient(135deg,var(--primary-green)0%,var(--primary-green-dark)100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2rem;font-weight:800}.ensalada-del-dia-text{color:var(--text-medium);margin-bottom:2rem;font-size:1.1rem;line-height:1.7}.btn-ensalada-del-dia{color:#fff;cursor:pointer;background:linear-gradient(135deg,#25d366 0%,#20ba5a 100%);border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;padding:1.2rem 3rem;font-size:1.1rem;font-weight:700;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 6px 25px #25d36666}.btn-ensalada-del-dia:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.btn-ensalada-del-dia:hover:before{left:100%}.btn-ensalada-del-dia:hover{background:linear-gradient(135deg,#2ed473 0%,#25d366 100%);transform:translateY(-3px)scale(1.05);box-shadow:0 10px 35px #25d36699}.btn-ensalada-del-dia:active{transform:translateY(-1px)scale(1.02)}.products-cta{text-align:center;background:linear-gradient(135deg,#22c55e0d 0%,#f973160d 100%);border:2px solid #22c55e1a;border-radius:30px;margin-top:4rem;padding:4rem 2rem;animation:.8s ease-out .4s both fadeInUp;position:relative;overflow:hidden}.products-cta:before{content:"";background:radial-gradient(circle,#22c55e1a 0%,#0000 70%);width:200%;height:200%;animation:20s linear infinite rotate;position:absolute;top:-50%;left:-50%}.products-cta p{color:#666;margin-bottom:1.5rem;font-size:1.2rem}.btn-whatsapp-large{color:#fff;z-index:1;background:linear-gradient(135deg,#25d366 0%,#20ba5a 100%);border-radius:50px;padding:1.3rem 3.5rem;font-size:1.2rem;font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:inline-block;position:relative;overflow:hidden;box-shadow:0 6px 25px #25d36659}.btn-whatsapp-large:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-whatsapp-large:hover:before{left:100%}.btn-whatsapp-large:hover{background:linear-gradient(135deg,#2ed473 0%,#25d366 100%);transform:translateY(-4px)scale(1.05);box-shadow:0 12px 40px #25d36680}@media (max-width:768px){.products-section{padding:3rem 1rem}.section-title{font-size:2.2rem}.section-subtitle{font-size:1rem}.products-grid{grid-template-columns:1fr;gap:2rem}.product-title{font-size:1.6rem}.product-description{font-size:1rem}.ensalada-del-dia-section{margin:3rem 0}.ensalada-del-dia-content{padding:2rem 1.5rem}.ensalada-del-dia-title{font-size:1.6rem}.ensalada-del-dia-text{margin-bottom:1.5rem;font-size:1rem}.btn-ensalada-del-dia,.btn-whatsapp-large{padding:1rem 2rem;font-size:1rem}}.about-section{background:linear-gradient(135deg,#f9fafb 0%,#fff 100%);padding:6rem 2rem;position:relative;overflow:hidden}.about-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#22c55e14 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:0;right:0}.about-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.about-text{max-width:600px}.about-title{background:linear-gradient(135deg,var(--primary-green)0%,var(--primary-green-dark)100%);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:3.2rem;font-weight:800;animation:.8s ease-out slideInLeft}.about-description{color:#666;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.about-features{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.feature{text-align:center;background:#fff;border:1px solid #22c55e1a;border-radius:16px;padding:2rem 1.5rem;transition:all .5s cubic-bezier(.34,1.56,.64,1);animation:4s ease-in-out infinite featureFloat;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000f}@keyframes featureFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.feature:before{content:"";background:linear-gradient(90deg,var(--primary-green)0%,var(--accent-orange)100%);width:100%;height:3px;transition:transform .4s;position:absolute;top:0;left:0;transform:scaleX(0)}.feature:hover:before{transform:scaleX(1)}.feature:hover{border-color:#22c55e66;animation-play-state:paused;transform:translateY(-12px)scale(1.05)rotate(1deg);box-shadow:0 15px 40px #22c55e33,0 0 30px #22c55e1a}.feature-icon{filter:drop-shadow(0 4px 8px #0000001a);margin-bottom:1rem;font-size:3.5rem;transition:transform .4s;display:block}.feature:hover .feature-icon{transform:scale(1.2)rotate(5deg)}.feature h3{background:linear-gradient(135deg,var(--primary-green)0%,var(--primary-green-dark)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.3rem;font-weight:700}.feature p{color:#666;font-size:.9rem}.about-images{grid-template-columns:1fr 1fr;gap:1.5rem;animation:.8s ease-out slideInRight;display:grid}.about-image{object-fit:cover;border:3px solid #fff;border-radius:20px;width:100%;height:320px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 25px #0000001f}.about-image:hover{border-color:var(--primary-green-light);transform:scale(1.08)rotate(2deg);box-shadow:0 15px 40px #22c55e33}.about-cta{margin-top:2rem}.btn-whatsapp-about{color:#fff;background:#25d366;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 5px 20px #25d3664d}.btn-whatsapp-about:hover{background:#20ba5a;transform:translateY(-2px);box-shadow:0 8px 30px #25d36666}@media (max-width:968px){.about-content{grid-template-columns:1fr;gap:3rem}.about-features,.about-images{grid-template-columns:1fr}}@media (max-width:768px){.about-section{padding:3rem 1rem}.about-title{font-size:2.2rem}}.footer{color:#fff;background:#2d8659;margin-top:4rem;padding:3rem 2rem 1rem}.footer-container{max-width:1200px;margin:0 auto}.footer-content{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.footer-section h3{color:#fff;margin-bottom:1rem;font-size:1.5rem}.footer-section h4{color:#fff;margin-bottom:1rem;font-size:1.1rem}.footer-section p{color:#ffffffe6;line-height:1.6}.footer-section ul{margin:0;padding:0;list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#ffffffe6;text-decoration:none;transition:color .3s}.footer-section ul li a:hover{color:#fff;text-decoration:underline}.social-links{gap:1rem;display:flex}.social-links a{font-size:1.5rem;text-decoration:none;transition:transform .3s}.social-links a:hover{transform:scale(1.2)}.footer-bottom{text-align:center;color:#fffc;border-top:1px solid #fff3;padding-top:2rem}.footer-bottom p{margin:.5rem 0}.footer-bottom a{color:#fff;font-weight:600;text-decoration:none}.footer-bottom a:hover{text-decoration:underline}@media (max-width:768px){.footer{padding:2rem 1rem 1rem}.footer-content{grid-template-columns:1fr;gap:1.5rem}}.floating-elements{pointer-events:none;z-index:1;width:100%;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.floating-emoji{filter:drop-shadow(0 2px 4px #0000001a);animation:linear infinite floatUp,8s ease-in-out infinite floatSide;position:absolute}@keyframes floatUp{0%{opacity:0;transform:translateY(110vh)rotate(0)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(-20vh)rotate(360deg)}}@keyframes floatSide{0%,to{transform:translate(0)}50%{transform:translate(30px)}}.App{width:100%;min-height:100vh;position:relative}html{scroll-behavior:smooth}.product-section,.about-section,.contact-section{animation:.6s ease-out fadeInUp}