@import url(https://fonts.googleapis.com/css2?family=Russo+One&display=swap);*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body{line-height:1.6}a{text-decoration:none;color:#fff}.navbar{max-width:100%;background-color:#000;border-radius:0 0 6px 6px}.container-fluid{padding:0;margin:0}.navbar a{position:relative;z-index:1;font-size:1.5em;color:#fff;font-weight:600;padding:0 10px;transition:.5s ease-in-out}.navbar .offcanvas-body{background:#000;color:#fff}.navbar .offcanvas a{margin:0 10px}.navbar a:hover{color:#221703}.navbar a:after{display:block;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:100%;height:1px;content:'.';color:transparent;background:#f1c40f;visibility:none;opacity:0;z-index:-1;transition:all .5s ease-in-out}.navbar a:hover:after{opacity:1;visibility:visible;height:100%;transition:all .5s ease-in-out}.header{position:relative;max-width:100%;height:100vh;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700}.header video{top:0;bottom:0;position:fixed;min-width:100%;min-height:100vh;z-index:-1;filter:blur(4px)}.header img{display:none}.text{position:relative;height:auto;max-width:100%;margin:auto;padding:20px;text-align:center;background-color:rgba(17,17,17,.8);border-radius:14px}.text h1{text-transform:uppercase;font-family:'Russo One',sans-serif;font-size:4.5em;font-weight:500;padding:20px 0}.text h2{font-size:3.5em;font-weight:600;padding:10px 0}.text h3{font-size:2.5em;padding:5px 0}.servicios{width:100%;box-shadow:4px 8px 16px #111;padding:50px;position:relative;background-color:#fff}.servicios h2{font-size:2.5em;font-weight:700}.servicios .container{margin:20px auto}.servicios .row{align-items:center}.servicios .card{justify-content:space-around;padding:20px;border-radius:0 17px 17px 17px;border:none;box-shadow:2px 2px 10px rgba(29,29,29,.5)}.servicios .card i{position:absolute;background-color:#353535;top:-15px;left:-15px;color:#f1c40f;font-size:2em;padding:10px;border-radius:6px 6px 0 6px;border:none;transition:all .7s}.servicios .card:hover i{border-radius:6px 6px 6px 6px;transform:translateY(-15px);transition:all .7s}.servicios .card h3{padding:15px}.sercivios .card p{padding:20px}.nosotros{background-color:#fff}.nosotros h2{font-size:2.5em;font-weight:700;padding:30px}.nosotros p a{text-decoration:none;color:#111}.nosotros p{color:#111;margin:auto;padding:20px}.metales{background-color:#fff;min-height:max-content}.metales h2{padding:40px}.metales .container{display:flex;flex-wrap:wrap;justify-content:space-around}.metales .circle{position:relative;border:none;width:210px;height:210px;margin:20px 0}.metales .circle img{position:relative;background-position:center;background-size:cover;width:100%;height:210px;border-radius:5px 5px 0 0}.circle .overlay h3{color:#000;white-space:nowrap;font-weight:700;font-size:24px;position:absolute;overflow:hidden;top:15px;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.circle .overlay ul{color:#000;white-space:nowrap;text-align:start;font-size:18px;position:absolute;overflow:hidden;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);opacity:0}.circle a{white-space:nowrap;font-size:16px;position:absolute;overflow:hidden;bottom:0;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);opacity:0;font-style:italic;text-decoration:none}.circle:hover .overlay{height:100%;border-radius:5px 5px 0 0}.circle:hover ul{opacity:1;transition:.5s .5s ease-in-out}.circle:hover a{opacity:1;transition:.5s .5s ease-in-out}.overlay{position:absolute;bottom:0;left:0;right:0;background-color:#f1c40f;overflow:hidden;width:100%;height:35px;transition:.5s ease}#CC{width:120px;height:200px}.contacto{background:linear-gradient(0deg,rgba(0,0,0,1) 0,rgba(34,34,34,1) 100%);color:#fff;margin:auto}.contacto h2{margin:20px;padding:20px}.contacto .col-sm .row{text-align:center;justify-content:center}.contacto .col-sm .row a{display:block;text-decoration:none;color:#fff;padding:20px;font-size:2em;width:max-content;transition:.7s ease-in-out}.contacto .col-sm .row a:hover{color:#1ac61a;transform:translateY(-10px);transition:.7s ease-in-out}.contacto .card{border-radius:17px;color:#222;margin:45px auto;padding:20px;box-shadow:2px 4px 16px #000}.introduction{position:relative;width:100%;height:70vh;padding:30px;display:flex;justify-content:center;align-items:center;background-color:#fff;color:#fff}.introduction h2{color:#222}.introduction p{color:#222}.footer{position:relative;background-color:#000;color:#f0f8ff;box-shadow:2px 4px 16px #222;padding:20px}.footer .row{padding:20px;margin:10px}.footer a{text-decoration:none;color:#f0f8ff;display:block;margin:10px auto;padding:5px;font-size:22px}.footer i{font-size:22px;margin-right:7px}iframe{border-radius:6px}td,th{color:#fff}.copy a{font-size:20px;margin:0;padding:0}.copy p{margin:10px 0 0 0;padding:0}.footer iframe{max-width:100%}@media (max-width:992px){.navbar .offcanvas a{padding:15px}}@media (max-width:700px){.text{justify-self:center;justify-content:center;align-items:center;margin:0;padding:0;display:flex;flex-direction:column;flex-wrap:wrap}.text h1{font-size:3.5em}.text h2{font-size:2.5em}.text h3{font-size:2.5em}.nosotros img{margin:0;width:300px}}@media (max-width:400px){.header video{display:none}.header{background:url(mbl.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}.text{padding:0}.metales .circle{margin:20px 5px}.nosotros img{margin:0;width:300px}}