*{box-sizing:border-box}.navbar{z-index:1000;background:#111;justify-content:space-between;align-items:center;width:100%;padding:20px 40px;font-family:Poppins,sans-serif;display:flex;position:fixed;top:0;left:0}body{background:#000;margin:0;font-family:Poppins,sans-serif}.navbar h2 a{letter-spacing:2px;color:#fff;font-family:Poppins,sans-serif;font-size:24px;font-weight:700;text-decoration:none}.navbar h2 a:visited{color:#fff}.navbar h2 a:active,.navbar h2 a:hover{color:gold}.nav-links{gap:25px;list-style:none;display:flex}.nav-links a{color:#fff;text-decoration:none}.menu-icon{cursor:pointer;font-size:28px;display:none}@media (width<=768px){.menu-icon{display:block}.nav-links{background:#000;flex-direction:column;width:200px;padding:20px;transition:all .3s;position:absolute;top:70px;right:0;transform:translate(100%)}.nav-links.active{transform:translate(0)}}.hero{color:#fff;text-align:center;justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.hero-video{object-fit:cover;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:1;padding:0 20px;position:relative}.buttons{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:20px;display:flex}.btn{border-radius:5px;padding:12px 25px;font-weight:700;text-decoration:none;transition:background .3s,color .3s}.btn-primary:hover{background:#e65c00}.btn-outline{color:#fff;border:2px solid #fff}.btn-outline:hover{color:#111;background:#fff}@media (width<=768px){.hero h1{font-size:1.8rem}.hero p{font-size:1rem}.buttons{flex-direction:column;gap:10px}}.cards{justify-content:center;gap:25px;margin-top:40px;display:flex}.card{background:#111;border:1px solid #222;border-radius:10px;width:260px;padding:30px;transition:all .3s}.card:hover{border-color:gold;transform:translateY(-10px)}@media (width<=768px){.cards{flex-direction:column;align-items:center}.card{width:90%}}.beneficios{color:#fff;text-align:center;background:#111;padding:40px 20px}.grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-content:center;gap:20px;margin-top:40px;display:grid}.grid div{background:#222;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100px;padding:20px;display:flex;box-shadow:0 4px 8px #0000004d}.grid div img{object-fit:contain;width:60px;height:auto;margin-bottom:8px;margin-left:auto;margin-right:auto;display:block}.form{flex-direction:column;gap:15px;width:350px;margin:auto;display:flex}input,textarea{color:#fff;background:#111;border:1px solid #222;border-radius:5px;padding:12px}textarea{resize:none;height:120px}input:focus,textarea:focus{border-color:gold;outline:none}.form button{margin-top:10px}.error{color:red;font-size:14px}.modal{z-index:9999;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{text-align:center;color:#fff;background:#111;border-radius:12px;width:90%;max-width:400px;padding:30px;animation:.3s scaleIn;box-shadow:0 10px 30px #000c}.modal-buttons{justify-content:center;gap:10px;margin-top:20px;display:flex}.modal button{cursor:pointer;border:none;border-radius:5px;padding:10px 15px}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.footer{text-align:center;background:#000;border-top:1px solid #222;padding:30px}.galeria{text-align:center;color:#fff;background:#111;padding:80px 20px}.container{margin-top:40px;position:relative}.slider{scroll-behavior:smooth;align-items:flex-start;gap:20px;padding:10px 50px;display:flex;overflow-x:auto}.slider::-webkit-scrollbar{display:none}.slider-item{background:#222;border-radius:10px;flex-shrink:0;position:relative;overflow:hidden}.slider-item.landscape{width:360px;height:240px}.slider-item.portrait{width:200px;height:300px}.slider-item.square,.slider-item:not(.landscape):not(.portrait){width:280px;height:280px}.slider-item img,.slider-item video{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.slider-item img:hover,.slider-item video:hover{transform:scale(1.05)}@media (width<=768px){.slider{align-items:center;padding:10px 40px}.slider-item.landscape{width:80vw;height:48vw}.slider-item.portrait{width:55vw;height:77vw}.slider-item.square,.slider-item:not(.landscape):not(.portrait){width:70vw;height:70vw}}@media (width<=480px){.slider-item.landscape{width:90vw;height:54vw}.slider-item.portrait{width:65vw;height:91vw}}.arrow{cursor:pointer;z-index:10;background:gold;border:none;border-radius:50%;padding:10px 15px;font-size:24px;position:absolute;top:50%;transform:translateY(-50%)}.left{left:0}.right{right:0}.arrow:hover{background:#fff}.clientes{margin-top:60px}.clientes-titulo{color:#e7e7e7;text-transform:uppercase;letter-spacing:.15em;margin-bottom:32px;font-size:1rem}.logos-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;padding:10px 20px;display:flex}.logos-grid::-webkit-scrollbar{display:none}.logo-item{background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:150px;height:80px;padding:14px 20px;display:flex}.logo-item img{object-fit:contain;max-width:100%;max-height:100%}@media (width<=768px){.logo-item{width:120px;height:65px}}.logo-item.logo-grande{width:200px;height:110px}.logo-item.logo-gigante{width:250px;height:170px}html{scroll-behavior:smooth}body{color:#fff;background:#0a0a0a;margin:0;font-family:Poppins,sans-serif;overflow-x:hidden}h1{font-size:3rem}h2{margin-bottom:20px;font-size:2rem}a{text-decoration:none}section{text-align:center;padding:100px 20px}.btn{cursor:pointer;border:none;border-radius:5px;padding:12px 25px;font-weight:700;text-decoration:none}.btn-primary{color:#000;background:gold}.btn-outline{color:#fff;background:0 0;border:1px solid #fff}.servicios-section{max-width:1200px;margin:0 auto;padding:0 20px}.servicios-cards{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.servicio-card{flex:250px;max-width:300px}@media (width<=768px){.servicios-cards{flex-direction:column;align-items:center}}.section-text{text-align:center;max-width:900px;margin:0 auto;padding:0 20px}@media (width<=768px){.section-text{padding:0 15px}}