*{margin:0;padding:0;box-sizing:border-box}:root{--black: #000000;--gold: #D4AF37;--white: #FFFFFF;--dark-gray: #1a1a1a;--light-gray: #2a2a2a}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--black);color:var(--white);line-height:1.6;overflow-x:hidden;position:relative}#bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(ellipse at center,#0a0a0a,#000)}.container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.navbar{background-color:var(--dark-gray);padding:1rem 0;position:fixed;width:100%;top:0;z-index:1000;box-shadow:0 2px 10px #d4af374d;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar .container{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center}.logo-img{height:50px;width:auto;filter:drop-shadow(0 0 10px rgba(212,175,55,.5));transition:all .3s ease}.logo-img:hover{filter:drop-shadow(0 0 20px rgba(212,175,55,.8));transform:scale(1.05)}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-menu a{color:var(--white);text-decoration:none;font-size:1.1rem;transition:color .3s;position:relative}.nav-menu a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--gold);transition:width .3s}.nav-menu a:hover{color:var(--gold)}.nav-menu a:hover:after{width:100%}.burger{display:none;flex-direction:column;cursor:pointer;gap:5px}.burger span{width:25px;height:3px;background-color:var(--gold);transition:.3s}.hero{min-height:100vh;display:flex;align-items:center;padding-top:80px;background:linear-gradient(135deg,var(--black) 0%,var(--dark-gray) 100%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(212,175,55,.1) 0%,transparent 50%);pointer-events:none}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;position:relative;z-index:1}.hero-text{animation:fadeInLeft 1s ease-out}.hero-title{font-size:3.5rem;color:var(--gold);margin-bottom:1rem;text-shadow:0 0 20px rgba(212,175,55,.5)}.hero-power{font-size:2rem;color:var(--white);margin-bottom:1rem}.hero-subtitle{font-size:1.3rem;color:var(--gold);margin-bottom:2rem;opacity:.9}.hero-features{display:flex;gap:2rem;flex-wrap:wrap}.feature-item{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#2a2a2acc,#1a1a1ae6);padding:1rem 1.5rem;border-radius:10px;border:2px solid var(--gold);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-item:hover{transform:translateY(-3px);box-shadow:0 5px 20px #d4af3766}.feature-item .icon{width:30px;height:30px;stroke:var(--gold)}.feature-item span{font-size:1.1rem;color:var(--white)}.hero-image{animation:fadeInRight 1s ease-out;position:relative}.hero-image img{width:100%;height:auto;filter:drop-shadow(0 0 20px rgba(212,175,55,.3));transition:all .3s ease}.hero-image:hover img{transform:scale(1.05);filter:drop-shadow(0 0 30px rgba(212,175,55,.5))}.specs{padding:5rem 0;background-color:var(--dark-gray)}.section-title{text-align:center;font-size:3rem;color:var(--gold);margin-bottom:1rem;text-shadow:0 0 20px rgba(212,175,55,.8),0 0 40px rgba(212,175,55,.4);position:relative;display:inline-block;width:100%;animation:fadeInDown 1s ease-out}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);box-shadow:0 0 10px var(--gold)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.section-subtitle{text-align:center;font-size:1.2rem;color:var(--white);margin-bottom:3rem;opacity:.8}.specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:3rem}.spec-card{background:linear-gradient(135deg,#2a2a2ae6,#1a1a1af2);padding:2rem;border-radius:15px;border:2px solid var(--gold);transition:all .3s ease;animation:fadeInUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.spec-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #d4af374d}.spec-card.has-electric-border{overflow:visible;border:none}.spec-card.has-electric-border:hover{box-shadow:0 20px 50px #d4af3780}.spec-icon{width:60px;height:60px;margin-bottom:1.5rem;position:relative;z-index:1}.spec-icon svg{width:100%;height:100%;stroke:var(--gold);fill:none;transition:all .3s ease}.spec-card:hover .spec-icon svg{transform:scale(1.1)}.spec-card h3{font-size:1.8rem;color:var(--gold);margin-bottom:1.5rem;border-bottom:2px solid var(--gold);padding-bottom:.5rem}.spec-list{list-style:none}.spec-list li{padding:.8rem 0;border-bottom:1px solid rgba(212,175,55,.2);font-size:1.1rem;display:flex;justify-content:space-between;align-items:center}.spec-list li:last-child{border-bottom:none}.spec-list li span{color:var(--gold);font-weight:700;margin-left:.5rem}.technical-details{padding:5rem 0;background:linear-gradient(135deg,var(--black) 0%,var(--dark-gray) 100%);position:relative}.technical-details:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 80% 50%,rgba(212,175,55,.05) 0%,transparent 50%);pointer-events:none}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;margin-top:3rem;position:relative;z-index:1}.detail-card{background:linear-gradient(135deg,#2a2a2af2,#1a1a1afa);padding:2.5rem;border-radius:20px;border:2px solid var(--gold);transition:all .3s ease;position:relative;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);overflow:hidden}.detail-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #d4af374d}.detail-card.has-electric-border{overflow:visible;border:none}.detail-card.has-electric-border:hover{box-shadow:0 20px 50px #d4af3780}.detail-icon{width:70px;height:70px;margin-bottom:1.5rem;position:relative;z-index:1}.detail-icon svg{width:100%;height:100%;stroke:var(--gold);transition:all .3s ease}.detail-card:hover .detail-icon svg{transform:scale(1.1)}.detail-card h3{font-size:1.9rem;color:var(--gold);margin-bottom:1.2rem;position:relative;z-index:1;text-shadow:0 0 10px rgba(212,175,55,.3)}.detail-description{font-size:1.15rem;color:var(--white);line-height:1.8;margin-bottom:1.5rem;opacity:.95;position:relative;z-index:1}.detail-value{font-size:3rem;font-weight:700;color:var(--gold);text-align:center;margin-top:1.5rem;text-shadow:0 0 20px rgba(212,175,55,.6);position:relative;z-index:1}.detail-list{list-style:none;margin-top:1rem;position:relative;z-index:1}.detail-list li{padding:.9rem 1.5rem .9rem 0;border-bottom:1px solid rgba(212,175,55,.2);font-size:1.1rem;color:var(--white);position:relative;transition:padding-right .3s}.detail-list li:hover{padding-right:2rem}.detail-list li:before{content:"▸";position:absolute;right:0;color:var(--gold);font-size:1.2rem}.detail-list li:last-child{border-bottom:none}.detail-list li span{color:var(--gold);font-weight:700;margin-left:.5rem}.gallery{padding:5rem 0;background-color:var(--black)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.gallery-item{position:relative;border-radius:15px;border:2px solid var(--gold);transition:all .3s ease;animation:fadeInUp .8s ease-out;background-color:var(--light-gray);aspect-ratio:4/3;cursor:pointer;overflow:hidden}.gallery-item:hover{transform:scale(1.05);box-shadow:0 10px 30px #d4af374d;z-index:10}.gallery-item.has-electric-border{overflow:visible;border:none}.gallery-item.has-electric-border:hover{box-shadow:0 20px 50px #d4af3780}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.gallery-item:hover img{transform:scale(1.1)}.gallery-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);padding:1.5rem;transform:translateY(100%);transition:transform .3s}.gallery-item:hover .gallery-overlay{transform:translateY(0)}.gallery-overlay h3{color:var(--gold);font-size:1.5rem;margin-bottom:.5rem}.gallery-overlay p{color:var(--white);font-size:1.1rem}.placeholder-img{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--light-gray) 0%,var(--dark-gray) 100%)}.placeholder-img svg{width:80px;height:80px;stroke:var(--gold);margin-bottom:1rem}.placeholder-img p{color:var(--gold);font-size:1.3rem;font-weight:700}.footer{background:linear-gradient(135deg,var(--dark-gray) 0%,var(--black) 100%);padding:2rem 0;text-align:center;border-top:2px solid var(--gold);position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.footer p{color:var(--white);font-size:1.1rem;text-shadow:0 0 10px rgba(212,175,55,.3)}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.visible{animation:revealScale .6s ease-out forwards}@keyframes revealScale{0%{opacity:0;transform:scale(.9) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes glowingBorder{0%,to{box-shadow:0 0 20px #d4af3766}50%{box-shadow:0 0 40px #d4af37cc}}@media (max-width: 768px){.nav-menu{position:fixed;right:-100%;top:70px;flex-direction:column;background-color:var(--dark-gray);width:100%;text-align:center;transition:.3s;padding:2rem 0;border-top:2px solid var(--gold)}.nav-menu.active{right:0}.burger{display:flex}.burger.active span:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.burger.active span:nth-child(2){opacity:0}.burger.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.hero-content{grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-power{font-size:1.5rem}.hero-features{justify-content:center}.section-title{font-size:2rem}.specs-grid,.gallery-grid,.details-grid{grid-template-columns:1fr}.detail-card{padding:2rem}.detail-card h3{font-size:1.6rem}.detail-value{font-size:2.5rem}.logo-img{height:40px}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-power{font-size:1.3rem}.hero-subtitle{font-size:1.1rem}.feature-item{padding:.8rem 1rem}.feature-item span{font-size:1rem}.spec-card{padding:1.5rem}.spec-card h3{font-size:1.5rem}.spec-list li{font-size:1rem;flex-direction:column;align-items:flex-start;gap:.3rem}.detail-card{padding:1.5rem}.detail-card h3{font-size:1.4rem}.detail-description{font-size:1rem}.detail-value{font-size:2rem}.detail-list li{font-size:1rem}.logo-img{height:35px}}.spec-card,.detail-card,.gallery-item{cursor:pointer}.spec-card:hover,.detail-card:hover{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 20px 60px #d4af3799}50%{box-shadow:0 25px 80px #d4af37e6}}.hero-power,.section-subtitle{animation:textGlow 2s ease-in-out infinite alternate}@keyframes textGlow{0%{text-shadow:0 0 10px rgba(212,175,55,.5)}to{text-shadow:0 0 20px rgba(212,175,55,.8),0 0 30px rgba(212,175,55,.6)}}a,button,.feature-item,.spec-card,.gallery-item,.detail-card{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.gallery-item img{animation:imageReveal 1s ease-out}@keyframes imageReveal{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}@media (hover: hover){.spec-card:hover h3,.detail-card:hover h3{text-shadow:0 0 20px rgba(212,175,55,1);transform:scale(1.05);transition:all .3s ease}}@media (max-width: 768px){#bg-canvas{opacity:.5}.spec-card,.detail-card,.gallery-item{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.eb-canvas-container{will-change:transform}.eb-glow-1,.eb-glow-2{filter:blur(2px)}.eb-background-glow{filter:blur(20px);opacity:.2}.lightning-container{opacity:.25}}@media (max-width: 480px){.eb-glow-1{opacity:.4}.eb-glow-2{opacity:.6;filter:blur(3px)}.eb-background-glow{filter:blur(16px);opacity:.15}.lightning-container{opacity:.2}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}#bg-canvas,.has-electric-border .eb-canvas-container{display:none}}.electric-border{--electric-light-color: var(--electric-border-color);position:relative;border-radius:inherit;overflow:visible;isolation:isolate}.eb-canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.eb-canvas{display:block;width:100%;height:100%}.eb-content{position:relative;border-radius:inherit;z-index:1;width:100%;height:100%}.eb-layers{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:0}.eb-glow-1,.eb-glow-2,.eb-background-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-sizing:border-box}.eb-glow-1{border:2px solid var(--electric-border-color);opacity:.6;filter:blur(1px)}.eb-glow-2{border:2px solid var(--electric-light-color);filter:blur(4px)}.eb-background-glow{z-index:-1;transform:scale(1.05);filter:blur(32px);opacity:.3;background:linear-gradient(-30deg,var(--electric-light-color),transparent,var(--electric-border-color))}.lightning-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.4;mix-blend-mode:screen}.lightning-canvas{width:100%;height:100%;display:block}.hero{position:relative;overflow:hidden}.hero .container{position:relative;z-index:2}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}#bg-canvas,.lightning-container,.has-electric-border .eb-canvas-container{display:none}}.contact{padding:5rem 0;background:linear-gradient(135deg,var(--dark-gray) 0%,var(--black) 100%);position:relative}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;margin-top:3rem}.contact-card{background:linear-gradient(135deg,#2a2a2ae6,#1a1a1af2);padding:3rem 2rem;border-radius:20px;border:2px solid var(--gold);text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px #d4af3780;border-color:var(--white)}.contact-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--gold),rgba(212,175,55,.7));border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.contact-icon svg{width:40px;height:40px;stroke:var(--black);stroke-width:2}.contact-card:hover .contact-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 10px 30px #d4af3799}.contact-card h3{font-size:1.8rem;color:var(--gold);margin-bottom:1rem}.contact-link{display:inline-block;font-size:1.3rem;color:var(--white);text-decoration:none;padding:.8rem 1.5rem;border-radius:10px;background:#d4af371a;transition:all .3s ease;direction:ltr}.contact-link:hover{background:var(--gold);color:var(--black);transform:scale(1.05)}.contact-info{text-align:center;margin-top:3rem;padding:2rem;background:#d4af371a;border-radius:15px;border:1px solid var(--gold)}.contact-info p{font-size:1.2rem;color:var(--white);margin:.5rem 0;opacity:.9}@media (max-width: 768px){.contact-grid{grid-template-columns:1fr;gap:2rem}.contact-card{padding:2rem 1.5rem}.contact-icon{width:70px;height:70px}.contact-icon svg{width:35px;height:35px}.contact-card h3{font-size:1.5rem}.contact-link{font-size:1.1rem}}.whatsapp-float{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #25d36680;z-index:1000;transition:all .3s ease;animation:whatsappPulse 2s ease-in-out infinite}.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 6px 30px #25d366cc}.whatsapp-float svg{width:35px;height:35px;color:#fff}@keyframes whatsappPulse{0%,to{box-shadow:0 4px 20px #25d36680}50%{box-shadow:0 4px 30px #25d366cc}}@media (max-width: 768px){.whatsapp-float{bottom:20px;right:20px;width:55px;height:55px}.whatsapp-float svg{width:30px;height:30px}}@media (max-width: 480px){.whatsapp-float{bottom:15px;right:15px;width:50px;height:50px}.whatsapp-float svg{width:28px;height:28px}}
