:root{--primary: #fbf21a;--primary-dark: #e5dc00;--secondary: #1a1a1a;--dark: #0d0d0d;--light: #f5f5f5;--gray: #6b7280;--gray-light: #9ca3af;--white: #ffffff;--font-display: "Bebas Neue", sans-serif;--font-body: "Barlow", sans-serif;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .1);--shadow-xl: 0 25px 50px -12px rgb(0 0 0 / .25);--radius: 8px;--radius-lg: 16px;--radius-xl: 24px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--dark);color:var(--light);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:400;line-height:1.1;letter-spacing:.02em}h1{font-size:clamp(3rem,8vw,6rem)}h2{font-size:clamp(2rem,5vw,3.5rem)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}h4{font-size:1.25rem}.highlight{color:var(--primary)}.section-tag{display:inline-block;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--primary);background:#fbf21a1a;padding:.5rem 1rem;border-radius:100px;margin-bottom:1rem}.section-header{text-align:center;margin-bottom:4rem}.section-header p{color:var(--gray-light);max-width:600px;margin:1rem auto 0}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;font-family:var(--font-body);font-size:1rem;font-weight:600;border:none;border-radius:var(--radius);cursor:pointer;transition:var(--transition)}.btn svg{width:20px;height:20px}.btn-primary{background:var(--primary);color:var(--dark)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 10px 30px #fbf21a4d}.btn-secondary{background:transparent;color:var(--light);border:2px solid var(--gray)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.5rem 0;transition:var(--transition)}.navbar.scrolled{background:#0d0d0df2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem 0;box-shadow:var(--shadow-lg)}.nav-container{max-width:1400px;margin:0 auto;padding:0 3rem;display:flex;align-items:center;justify-content:space-between}.logo img{height:55px;width:auto}.nav-links{display:flex;gap:2.5rem}.nav-links a{font-weight:500;color:var(--gray-light);transition:var(--transition);position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary);transition:var(--transition)}.nav-links a:hover,.nav-links a.active{color:var(--light)}.nav-links a.active:after,.nav-links a:hover:after{width:100%}.hamburger{display:none;flex-direction:column;gap:5px;padding:10px;background:none;border:none;cursor:pointer}.hamburger span{width:25px;height:2px;background:var(--light);transition:var(--transition)}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.menu-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:998;opacity:0;visibility:hidden;transition:var(--transition)}.menu-overlay.active{opacity:1;visibility:visible}.menu-close{display:none;position:absolute;top:1.5rem;right:1.5rem;width:40px;height:40px;background:#fbf21a1a;border:none;border-radius:var(--radius);cursor:pointer;align-items:center;justify-content:center;transition:var(--transition)}.menu-close svg{width:24px;height:24px;stroke:var(--primary)}.menu-close:hover{background:var(--primary)}.menu-close:hover svg{stroke:var(--dark)}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--dark) 0%,#1a1a1a 50%,var(--dark) 100%)}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 50%,rgba(251,242,26,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(251,242,26,.05) 0%,transparent 40%);pointer-events:none}.hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:var(--primary);border-radius:50%;opacity:.3;animation:float 5s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-10vh) rotate(720deg);opacity:0}}.hero-content{position:relative;z-index:10;max-width:600px;padding:0 3rem;padding-top:100px;margin-left:5%}.hero-badge{display:inline-block;background:#fbf21a1a;border:1px solid rgba(251,242,26,.3);color:var(--primary);padding:.5rem 1.25rem;border-radius:100px;font-size:.875rem;font-weight:500;margin-bottom:1.5rem;animation:fadeInUp .8s ease-out}.hero h1{margin-bottom:1.5rem}.hero-line{display:block;animation:fadeInUp .8s ease-out}.hero-line:nth-child(2){animation-delay:.1s}.hero-line.highlight{color:var(--primary);text-shadow:0 0 60px rgba(251,242,26,.3)}.hero p{font-size:1.125rem;color:var(--gray-light);margin-bottom:2rem;animation:fadeInUp .8s ease-out .2s both}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;animation:fadeInUp .8s ease-out .3s both}.hero-stats{display:flex;gap:3rem;margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);animation:fadeInUp .8s ease-out .4s both}.stat{text-align:left}.stat-number{display:block;font-family:var(--font-display);font-size:2.5rem;color:var(--primary);line-height:1}.stat-label{font-size:.875rem;color:var(--gray-light)}.hero-image{position:absolute;right:3%;top:50%;transform:translateY(-50%);width:45%;height:70%;z-index:5;border-radius:var(--radius-xl);overflow:hidden}.hero-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--dark) 0%,transparent 30%);z-index:2}.hero-image img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-xl);-webkit-mask-image:linear-gradient(to left,black 60%,transparent 100%);mask-image:linear-gradient(to left,black 60%,transparent 100%)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;opacity:.6;transition:var(--transition);animation:fadeInUp .8s ease-out .6s both}.scroll-indicator:hover{opacity:1}.scroll-indicator span{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.mouse{width:24px;height:40px;border:2px solid var(--gray-light);border-radius:12px;display:flex;justify-content:center;padding-top:8px}.wheel{width:3px;height:8px;background:var(--primary);border-radius:2px;animation:scroll 2s infinite}@keyframes scroll{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.about{padding:8rem 0;background:var(--secondary);position:relative}.about:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(to bottom,var(--dark),var(--secondary))}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.about-images{position:relative;height:500px}.about-img-1{position:absolute;left:0;top:0;width:70%;height:80%;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xl)}.about-img-1 img{width:100%;height:100%;object-fit:cover}.about-img-2{position:absolute;right:0;bottom:0;width:55%;height:60%;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xl);border:4px solid var(--secondary)}.about-img-2 img{width:100%;height:100%;object-fit:cover}.experience-badge{position:absolute;bottom:20%;left:50%;transform:translate(-50%);background:var(--primary);color:var(--dark);padding:1.5rem;border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-xl);z-index:10}.experience-badge .years{display:block;font-family:var(--font-display);font-size:3rem;line-height:1}.experience-badge .text{font-size:.875rem;font-weight:600;line-height:1.3}.about-content h2{margin-bottom:1.5rem}.about-content .lead{font-size:1.125rem;color:var(--light);margin-bottom:1rem}.about-content>p{color:var(--gray-light);margin-bottom:2rem}.about-features{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.feature{display:flex;gap:1rem}.feature-icon{width:48px;height:48px;background:#fbf21a1a;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-icon svg{width:24px;height:24px;stroke:var(--primary)}.feature h4{font-family:var(--font-body);font-weight:600;margin-bottom:.25rem}.feature p{font-size:.875rem;color:var(--gray-light)}.videos{padding:8rem 0;background:var(--dark);position:relative}.videos:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(to bottom,var(--secondary),var(--dark))}.videos .container{position:relative;z-index:1}.videos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.video-card{background:var(--secondary);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition);animation:fadeInUp .6s ease-out backwards}.video-card:nth-child(2){animation-delay:.15s}.video-card:nth-child(3){animation-delay:.3s}.video-card.featured{grid-column:span 2}.video-card.featured .video-wrapper{aspect-ratio:21/9}.video-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0006}.video-wrapper{position:relative;width:100%;aspect-ratio:16/9;background:var(--dark);overflow:hidden}.video-wrapper video{width:100%;height:100%;object-fit:cover;background:var(--dark)}.video-wrapper video::-webkit-media-controls-panel{background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}.video-content{padding:1.5rem}.video-content h3{color:var(--light);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.video-content h3:before{content:"";width:4px;height:24px;background:var(--primary);border-radius:2px}.video-content p{font-size:.938rem;color:var(--gray-light);line-height:1.5}.video-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:1;opacity:0;transition:var(--transition);pointer-events:none}.video-card:hover .video-wrapper:before{opacity:1}.products{padding:8rem 0;background:var(--dark)}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.product-card{background:var(--secondary);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition);animation:fadeInUp .6s ease-out backwards}.product-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}.product-image{position:relative;height:200px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.product-card:hover .product-image img{transform:scale(1.1)}.product-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d0d0dcc;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition)}.product-card:hover .product-overlay{opacity:1}.product-content{padding:1.5rem}.product-content h3{color:var(--light);margin-bottom:.5rem}.product-content>p{font-size:.875rem;color:var(--gray-light);margin-bottom:1rem;line-height:1.5}.product-specs{display:flex;flex-direction:column;gap:.5rem}.product-specs li{display:flex;align-items:center;gap:.5rem;font-size:.813rem;color:var(--gray)}.product-specs svg{width:16px;height:16px;stroke:var(--primary);flex-shrink:0}.gallery{padding:8rem 0;background:var(--secondary)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.gallery-item{position:relative;aspect-ratio:4/3;border-radius:var(--radius);overflow:hidden;cursor:pointer;animation:fadeInUp .6s ease-out backwards}.gallery-item:nth-child(1){grid-column:span 2;grid-row:span 2}.gallery-item:nth-child(5){grid-column:span 2}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.gallery-item:hover img{transform:scale(1.1)}.gallery-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(13,13,13,.9),transparent 50%);display:flex;align-items:flex-end;padding:1.5rem;opacity:0;transition:var(--transition)}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-overlay span{font-weight:500;color:var(--light)}.contact{padding:8rem 0;background:var(--dark);position:relative}.contact:before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:linear-gradient(135deg,rgba(251,242,26,.03) 0%,transparent 100%);pointer-events:none}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;position:relative;z-index:1}.contact-info h2{margin-bottom:1rem}.contact-info>p{color:var(--gray-light);margin-bottom:2.5rem}.contact-details{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.contact-item{display:flex;gap:1rem;align-items:flex-start}.contact-icon{width:50px;height:50px;background:#fbf21a1a;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-icon svg{width:24px;height:24px;stroke:var(--primary)}.contact-item h4{font-family:var(--font-body);font-weight:600;margin-bottom:.25rem}.contact-item a,.contact-item p{color:var(--gray-light);font-size:.938rem;transition:var(--transition)}.contact-item a:hover{color:var(--primary)}.social-links{display:flex;gap:.75rem}.social-link{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);transition:var(--transition)}.social-link svg{width:22px;height:22px}.social-link.whatsapp{background:#25d366;color:#fff}.social-link.whatsapp:hover{background:#128c7e;transform:translateY(-3px)}.social-link.email{background:#fbf21a1a;stroke:var(--primary)}.social-link.email:hover{background:var(--primary);stroke:var(--dark);transform:translateY(-3px)}.social-link.phone{background:#fbf21a1a;stroke:var(--primary)}.social-link.phone:hover{background:var(--primary);stroke:var(--dark);transform:translateY(-3px)}.contact-map{border-radius:var(--radius-lg);overflow:hidden;height:400px;box-shadow:var(--shadow-xl)}.contact-map iframe{filter:grayscale(100%) invert(90%) contrast(90%);transition:var(--transition)}.contact-map:hover iframe{filter:none}.footer{background:var(--secondary);padding:4rem 0 2rem;border-top:1px solid rgba(255,255,255,.05)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.05)}.footer-brand img{height:60px;margin-bottom:1rem}.footer-brand p{color:var(--gray-light);font-size:.938rem;max-width:280px}.footer h4{font-family:var(--font-body);font-weight:600;margin-bottom:1.25rem;color:var(--light)}.footer-links ul,.footer-products ul{display:flex;flex-direction:column;gap:.75rem}.footer-links a,.footer-products li{color:var(--gray-light);font-size:.938rem;transition:var(--transition)}.footer-links a:hover{color:var(--primary);padding-left:8px}.footer-contact p{display:flex;align-items:center;gap:.75rem;color:var(--gray-light);font-size:.938rem;margin-bottom:.75rem}.footer-contact svg{width:18px;height:18px;stroke:var(--primary);flex-shrink:0}.footer-bottom{padding-top:2rem;text-align:center}.footer-bottom p{color:var(--gray);font-size:.875rem}.footer-bottom .developer-credit{margin-top:.75rem;font-size:.813rem}.footer-bottom .developer-credit a{color:var(--primary);transition:var(--transition)}.footer-bottom .developer-credit a:hover{text-decoration:underline}.whatsapp-float{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 20px #25d36666;z-index:1000;transition:var(--transition);animation:pulse 2s infinite}.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 6px 30px #25d36680}.whatsapp-float svg{width:30px;height:30px}@keyframes pulse{0%,to{box-shadow:0 4px 20px #25d36666}50%{box-shadow:0 4px 40px #25d36699}}@media (max-width: 1200px){.products-grid{grid-template-columns:repeat(2,1fr)}.hero-image{width:50%}}@media (max-width: 992px){.hamburger{display:flex}.menu-overlay{display:block}.menu-close{display:flex}.nav-links{position:fixed;top:0;right:-100%;height:100vh;width:280px;background:var(--dark);flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:var(--transition);box-shadow:var(--shadow-xl);z-index:999}.nav-links.active{right:0}.hero{flex-direction:column;text-align:center;padding-top:120px}.hero-content{max-width:100%;padding:2rem;margin-left:0}.hero-buttons,.hero-stats{justify-content:center}.hero-image{position:relative;width:100%;height:400px;transform:none;right:0;top:0;margin-top:3rem}.hero-image:before{background:linear-gradient(180deg,var(--dark) 0%,transparent 30%)}.hero-image img{-webkit-mask-image:linear-gradient(to top,black 60%,transparent 100%);mask-image:linear-gradient(to top,black 60%,transparent 100%)}.about-grid,.contact-grid{grid-template-columns:1fr}.about-images{height:400px;margin-bottom:2rem}.footer-content{grid-template-columns:1fr 1fr;gap:2rem}}@media (max-width: 768px){h1{font-size:2.5rem}h2{font-size:2rem}.videos-grid{grid-template-columns:1fr}.video-card.featured{grid-column:span 1}.video-card.featured .video-wrapper{aspect-ratio:16/9}.products-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-item:nth-child(1),.gallery-item:nth-child(5){grid-column:span 1;grid-row:span 1}.about-features{grid-template-columns:1fr}.contact-map{height:300px}.footer-content{grid-template-columns:1fr;text-align:center}.footer-brand p{max-width:100%}.scroll-indicator{display:none}}@media (max-width: 480px){.hero-stats{flex-direction:column;gap:1.5rem;align-items:center}.stat{text-align:center}.hero-buttons{flex-direction:column}.btn{width:100%;justify-content:center}.gallery-grid{grid-template-columns:1fr}.about-images{height:300px}.about-img-1{width:80%;height:70%}.about-img-2{width:60%;height:50%}.whatsapp-float{bottom:1rem;right:1rem;width:50px;height:50px}.whatsapp-float svg{width:24px;height:24px}}