:root{--primary:#eab308;--primary-light:#facc15;--secondary:#dc2626;--accent:gold;--bg-dark:#0a0a0a;--bg-card:#171717;--text-light:#f8fafc;--text-muted:#94a3b8;--white:#fff;--container-max:1200px;--header-height:150px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:initial}body{background-color:var(--bg-dark);color:var(--text-light);font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.header{height:var(--header-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background-color:#0a0a0acc;border-bottom:1px solid #ffffff0d;width:100%;position:fixed;top:0}.nav{justify-content:space-between;align-items:center;height:100%;display:flex}.logo-container{align-items:center;gap:12px;display:flex}.nav-logo{object-fit:contain;width:auto;height:140px}.brand-name{letter-spacing:1px;background:linear-gradient(135deg, var(--white) 0%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:800}.nav-links{align-items:center;gap:32px;display:flex}.mobile-menu-btn{display:none}.nav-links a{color:var(--text-light);transition:var(--transition);font-size:.95rem;font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--primary)}.btn{transition:var(--transition);cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--white)}.btn-primary:hover{background-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 10px 20px #eab30833;color:var(--white)!important}.btn-nav,.btn-nav:hover,.btn-nav i{opacity:1!important;color:var(--white)!important}.hero-actions{flex-wrap:wrap;gap:16px;display:flex}.btn-cta{color:var(--white);background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);padding:18px 32px;font-size:1rem;box-shadow:0 15px 30px #25d3664d}.btn-cta:hover{transform:scale(1.05);box-shadow:0 20px 40px #25d36666}.btn-phone{background-color:var(--primary);color:var(--bg-dark);padding:18px 32px;font-size:1rem;box-shadow:0 15px 30px #eab3084d}.btn-phone:hover{background-color:var(--primary-light);transform:scale(1.05);box-shadow:0 20px 40px #eab30866}.hero{height:100vh;padding-top:var(--header-height);align-items:center;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:-1;background-image:linear-gradient(#0a0a0ab3,#0a0a0ae6),url(/assets/automotive.png);background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(1.1)}.hero-text{max-width:700px}.hero-text h1{margin-bottom:24px;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;line-height:1.1}.hero-text p{color:var(--text-muted);margin-bottom:40px;font-size:1.25rem}.hero-badge{color:var(--secondary);background-color:#ef44441a;border:1px solid #ef44444d;border-radius:50px;align-items:center;gap:10px;margin-bottom:32px;padding:12px 24px;font-weight:800;animation:2s infinite pulse;display:inline-flex}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #ef444466}70%{transform:scale(1.05);box-shadow:0 0 0 15px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.portfolio{background-color:var(--bg-dark);padding:100px 0;overflow:hidden}.portfolio .section-header p{color:var(--text-muted);margin-top:12px;font-size:1.1rem}.gallery-container{padding:20px 0;overflow:hidden}.gallery-track{gap:24px;width:max-content;animation:30s linear infinite scroll-gallery;display:flex}.gallery-item{width:280px;height:200px;transition:var(--transition);border:2px solid #eab30833;border-radius:16px;flex-shrink:0;overflow:hidden}.gallery-item:hover{border-color:var(--primary);transform:scale(1.05);box-shadow:0 15px 30px #eab3084d}.gallery-item img{object-fit:cover;width:100%;height:100%}@keyframes scroll-gallery{0%{transform:translate(0)}to{transform:translate(-50%)}}.gallery-track:hover{animation-play-state:paused}.services{background-color:#0f0f0f;padding:100px 0}.section-header{text-align:center;margin-bottom:60px}.section-header h2{letter-spacing:-1px;margin-bottom:16px;font-size:3rem;font-weight:800}.divider{background-color:var(--primary);border-radius:2px;width:80px;height:4px;margin:0 auto}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;display:grid}.service-card{background-color:var(--bg-card);transition:var(--transition);border:1px solid #ffffff0d;border-radius:24px;overflow:hidden}.service-card:hover{border-color:var(--primary);transform:translateY(-10px);box-shadow:0 20px 40px #0006}.service-image{height:220px;overflow:hidden}.service-image img{object-fit:cover;width:100%;height:100%;transition:var(--transition)}.service-card:hover .service-image img{transform:scale(1.1)}.service-info{padding:32px}.service-info h3{color:var(--primary);margin-bottom:12px;font-size:1.5rem}.service-info p{color:var(--text-muted)}.btn-service{color:var(--white);transition:var(--transition);background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);border-radius:50px;align-items:center;gap:8px;margin-top:20px;padding:12px 20px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-service:hover{transform:translateY(-2px);box-shadow:0 10px 25px #25d36666}.features{background-color:var(--bg-dark);padding:80px 0}.features-container{text-align:center;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;display:grid}.feature-item{background-color:var(--bg-card);transition:var(--transition);border:2px solid #0000;border-radius:24px;padding:40px 30px;position:relative;overflow:hidden}.feature-item:before{content:"";background:linear-gradient(90deg, var(--primary), var(--primary-light));transform-origin:0;width:100%;height:4px;transition:transform .4s;position:absolute;top:0;left:0;transform:scaleX(0)}.feature-item:hover:before,.feature-item.active:before{transform:scaleX(1)}.feature-item:hover,.feature-item.active{border-color:#eab3084d;transform:translateY(-8px);box-shadow:0 20px 40px #eab30826}.feature-item.active{animation:2s ease-in-out infinite feature-pulse}@keyframes feature-pulse{0%,to{box-shadow:0 20px 40px #eab30826}50%{box-shadow:0 20px 60px #eab3084d}}.feature-icon{width:64px;height:64px;color:var(--primary);transition:var(--transition);background-color:#eab3081a;border-radius:20px;justify-content:center;align-items:center;margin:0 auto 24px;display:flex}.feature-item:hover .feature-icon,.feature-item.active .feature-icon{background-color:var(--primary);color:var(--bg-dark);transform:scale(1.1);box-shadow:0 10px 30px #eab30866}.feature-item h4{transition:var(--transition);margin-bottom:12px;font-size:1.25rem}.feature-item:hover h4,.feature-item.active h4{color:var(--primary)}.feature-item p{color:var(--text-muted);transition:var(--transition)}.contact{padding:100px 0}.contact-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.contact-info h2{margin-bottom:24px;font-size:2.5rem}.contact-details{flex-direction:column;gap:32px;margin-top:40px;display:flex}.contact-item{gap:20px;display:flex}.contact-item i{color:var(--primary);margin-top:4px}.contact-item h5{margin-bottom:4px;font-size:1.1rem}.contact-item a{color:var(--text-muted);transition:var(--transition);text-decoration:none}.contact-item a:hover{color:var(--primary)}.map-container{border:1px solid #ffffff0d;border-radius:24px;overflow:hidden;box-shadow:0 20px 40px #0003}.footer{border-top:1px solid #ffffff0d;padding:60px 0}.footer-bottom{text-align:center;color:var(--text-muted);font-size:.9rem}.whatsapp-float{color:#fff;z-index:1000;width:64px;height:64px;transition:var(--transition);background-color:#25d366;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;animation:2s ease-in-out infinite pulse-whatsapp;display:flex;position:fixed;bottom:32px;right:32px;box-shadow:0 10px 30px #25d36666}.whatsapp-float:before{content:"";z-index:-1;background-color:#25d366;border-radius:50%;width:100%;height:100%;animation:2s ease-out infinite ripple;position:absolute}.whatsapp-float:hover{animation:none;transform:scale(1.15);box-shadow:0 15px 40px #25d36699}.whatsapp-float:hover:before{animation:none}@keyframes pulse-whatsapp{0%,to{transform:scale(1);box-shadow:0 10px 30px #25d36666}50%{transform:scale(1.05);box-shadow:0 15px 40px #25d36680}}@keyframes ripple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@media (width<=768px){.nav-links{top:var(--header-height);background-color:var(--bg-dark);z-index:999;flex-direction:column;justify-content:center;width:100%;height:0;transition:height .4s;display:flex;position:fixed;left:0;overflow:hidden}.nav-links.active{height:calc(100vh - var(--header-height))}.btn-nav{margin-top:20px}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:6px;display:flex}.mobile-menu-btn span{background-color:var(--white);width:30px;height:2px;transition:var(--transition)}.mobile-menu-btn.open span:first-child{transform:rotate(45deg)translate(6px,6px)}.mobile-menu-btn.open span:nth-child(2){opacity:0}.mobile-menu-btn.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-6px)}.contact-grid{grid-template-columns:1fr}.hero{text-align:center;justify-content:center}.hero-text h1{font-size:3rem}.gallery-item{width:200px;height:150px}}
