@font-face{font-family:Roboto;src:url("../Recursos/Fonts/Roboto-Medium.woff2") format('woff2');font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto}header{width:100%;height:80px;background-color:#1a1a1a;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.logo img{width:170px;height:auto}.navigation{display:block;align-items:center;gap:30px}.navigation ul{list-style:none;display:flex;gap:20px}.navigation ul li a{position:relative;display:inline-block;padding:5px 10px;text-decoration:none;color:#fff;font-weight:500;font-size:18px;border-radius:15px;border:2px solid transparent;overflow:hidden;z-index:1;transition:all .3s}.navigation ul li a::after{content:"";position:absolute;inset:0;background-color:#007bff;z-index:-1;animation:wave 3s ease-in-out infinite;opacity:0}.navigation ul li a:hover::after{transition:all .3s;opacity:1}@keyframes wave{0%,100%{clip-path:polygon(0% 47%,10% 48%,33% 54%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0% 100%)}50%{clip-path:polygon(0% 60%,15% 65%,34% 70%,51% 72%,67% 70%,84% 65%,100% 58%,100% 100%,0% 100%)}}@media screen and (max-width:768px){header{position:relative;z-index:10001}.hamburger{display:flex!important;position:absolute;top:22px;right:20px;z-index:10002}.navigation{display:none;position:fixed;top:80px;left:0;width:100%;background-color:#1a1a1a;z-index:10000}.navigation.active{display:block}.navigation ul{flex-direction:column;gap:0;padding:20px 0}.navigation ul li{width:100%;text-align:center}.navigation ul li a{display:block;padding:16px;border-radius:0;font-size:18px}.navigation ul li a::after{display:none}.navigation ul li a:hover{background-color:#007bff}.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}}.hamburger{display:none;flex-direction:column;cursor:pointer;padding:10px;position:absolute;right:20px;top:25px;z-index:100}.hamburger span{width:25px;height:3px;background-color:#fff;margin:3px 0;transition:.3s;border-radius:2px}.hero{background-color:#1383fa;position:relative;width:100%;height:80vh;overflow:hidden;padding-top:20px;min-height:calc(100vh - 20px)}.hero .wave{position:absolute;bottom:0;left:0;width:100%;height:100px;background:url(../Recursos/wave.png);background-size:1000px 100px}.wave1{animation:animateWave 30s linear infinite;z-index:1000;opacity:1;animation-delay:0s;bottom:0}.wave3{animation:animateWave 30s linear infinite;z-index:998;opacity:.2;animation-delay:-2s;bottom:15px}@keyframes animateWave{0%{background-position-x:0}100%{background-position-x:1000px}}.wave2{animation:animateWave2 5s linear infinite;z-index:999;opacity:.5;animation-delay:-5s;bottom:10px}.wave4{animation:animateWave2 15s linear infinite;z-index:997;opacity:.7;animation-delay:-5s;bottom:10px}@keyframes animateWave2{0%{background-position-x:0}100%{background-position-x:-1000px}}.container-Sloganytexto{position:absolute;top:50%;left:12%;transform:translateY(-50%);color:#f2f3f4;z-index:1001;max-width:650px}.container-texto{display:flex;flex-direction:column;gap:3px}.container-slogan h1{font-size:64px;margin-bottom:20px;font-weight:900}.container-texto .line{opacity:0;transform:translateY(10px);animation:reveal .6s ease forwards}.container-texto .line:first-child{animation-delay:.2s}.container-texto .line:nth-child(2){animation-delay:.5s}.container-texto .line:nth-child(3){animation-delay:.8s}.container-texto .line:nth-child(4){animation-delay:1.1s}@keyframes reveal{to{opacity:1;transform:translateY(0)}}@media screen and (max-width:768px){.container-Sloganytexto{top:45%!important;left:5%!important;right:5%!important;transform:translateY(-50%)!important;width:90%!important;max-width:90%!important}.container-slogan h1{font-size:32px!important;line-height:1.2!important;margin-bottom:15px!important}.container-texto .line{font-size:14px!important;line-height:1.4!important}}#servicios{width:100%;height:auto;padding:20px 20px;background-color:#f2f3f4}.titulos-texto{text-align:left;margin-bottom:70px}.titulos-texto h2{font-size:45px;font-weight:900;color:#1a1a1a;text-decoration:underline}.titulos-texto p{font-size:20px;margin-top:10px;color:#333}.cards-servicios{display:flex;align-items:center;gap:30px;flex-wrap:wrap;justify-content:center}.iconos{color:#007bff;margin-top:7px}.card{background-color:#1a1a1a;color:#f2f3f4;padding:20px;border-radius:25px;max-width:400px;min-width:300px;height:250px}.card p{line-height:1.6;font-size:18px}.card h3{font-size:25px;font-weight:700}.card .card-title-icon{display:flex;margin-bottom:15px;gap:5px}.card:hover{transform:translateY(-10px);transition:all .3s ease;box-shadow:0 0 10px rgba(0,123,255,.7),0 0 20px rgba(0,123,255,.5)}.servicios-link{text-align:center;margin:40px}.servicios-link a{position:relative;display:inline-block;padding:5px 10px;text-decoration:none;color:#fff;font-weight:500;font-size:28px;border-radius:15px;border:2px solid transparent;overflow:hidden;z-index:1;transition:all .3s;background-color:#1a1a1a}.servicios-link a::after{content:"";position:absolute;inset:0;background-color:#007bff;z-index:-1;animation:wave 3s ease-in-out infinite;opacity:0}.servicios-link a:hover::after{transition:all .3s;opacity:1}@media screen and (max-width:768px){.cards-servicios{flex-direction:column;gap:20px}.card{width:100%;max-width:100%;height:auto}}#clientes{width:100%;height:auto;padding:50px 20px;background-color:#232323}.container-clientes{text-align:center;margin-bottom:40px}.container-clientes h2{font-size:42px;font-weight:900;color:#f2f3f4;text-decoration:underline;margin-bottom:10px}.container-info-clientes{display:flex;flex-direction:column;gap:30px;align-items:center;color:#f2f3f4}.container-info-clientes .typing{width:45ch;white-space:nowrap;overflow:hidden;border-right:3px solid #007bff;animation:typing 8s steps(42) infinite,blink .75s step-end infinite}@keyframes typing{0%{width:0}40%{width:43ch}80%{width:43ch}100%{width:0}}@keyframes blink{50%{border-color:transparent}}.carrusel{margin:70px auto;width:90%;display:flex;overflow-x:auto}.carrusel::-webkit-scrollbar{display:none}#portafolio{width:100%;height:auto;padding:100px 20px;background-color:#232323;color:#fff}.container-portafolio{max-width:1200px;margin:0 auto;text-align:center;justify-content:center}.container-portafolio h2{font-size:42px;font-weight:900;text-decoration:underline;margin-bottom:10px}.subtitulo-portafolio{font-size:16px;color:#ccc;max-width:700px;margin:0 auto 60px}.portafolio-proyectos{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;justify-items:center}.portafolio-card{background-color:#1a1a1a;border-radius:16px;overflow:hidden;width:320px;text-align:left;overflow:hidden;max-width:320px;border:1px solid rgba(255,255,255,.12);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.card-content{padding:25px}.portafolio-card h3{margin-bottom:10px;color:#00c2ff}.portafolio-card p{font-size:14px;color:#ddd;line-height:1.5}.portafolio-card:hover{transform:translateY(-8px);box-shadow:0 0 2px #007bff,0 0 25px rgba(0,123,255,.7)}.card-image{width:100%;height:190px;background-color:#fff;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.portafolio-card:hover .card-image img{transform:scale(1.08)}#puntero-link{position:fixed!important;pointer-events:none!important;background-color:#00c2ff!important;color:#000!important;padding:6px 14px!important;border-radius:4px!important;font-size:13px!important;font-weight:700!important;z-index:2147483647!important;display:block!important;opacity:0;transform:scale(.5);transition:opacity .3s ease,transform .3s cubic-bezier(.175, .885, .32, 1.275);white-space:nowrap!important;box-shadow:0 5px 15px rgba(0,0,0,.5)!important;font-family:sans-serif!important}#puntero-link.visible{opacity:1;transform:scale(1)}.link-cursor{cursor:crosshair}.group-carrusel-clientes{display:flex;align-items:center;justify-content:center;gap:1em;padding-right:1em}.carrusel-cliente-card{flex:0 0 5rem;height:auto;padding:1rem;font-size:3rem;border-radius:2rem;align-items:center;justify-content:center}.carrusel-cliente-card img{width:150px;height:auto;object-fit:contain}@keyframes spin{from{translate:580%}to{translate:-100%}}#contacto{width:100%;height:auto;padding:50px 20px;background-color:#232323;position:relative;padding-bottom:100px;padding-top:80px;overflow:hidden}#contacto .wave{position:absolute;bottom:0;left:0;width:100%;height:100px;background:url(../Recursos/wave.png);background-size:1000px 100px}.container-contacto{text-align:center;margin-bottom:70px;color:#f2f3f4}.container-contacto h2{font-size:42px;font-weight:900;text-decoration:underline;margin-bottom:10px}.container-contacto p{font-size:18px;margin-top:10px;margin-bottom:20px}form{max-width:700px;min-width:auto;width:620px;margin:0 auto;display:flex;flex-direction:column;gap:15px;background-color:#1a1a1a;border-radius:20px;padding:30px;box-shadow:0 0 10px rgba(0,188,212,.7),0 0 20px rgba(0,217,255,.5);align-items:center}.form-row{display:flex;gap:30px}.input-group{flex:1;display:flex;flex-direction:column;gap:5px;align-items:flex-start;max-width:100%}.input-group label{color:#00bcd4;font-size:15px;font-weight:500}.input-group i{margin-right:5px}.input-group input{border-radius:5px;background-color:#232323;padding:10px 70px 8px 10px;color:#f2f3f4;border:1px solid #007bff;font-size:16px;margin-top:3px;animation:border .3s ease}.input-group input:focus{outline:0;border-color:#00bcd4;box-shadow:0 0 10px rgba(0,188,212,.7),0 0 20px rgba(0,217,255,.5)}input::placeholder{color:#b0b0b0}.select-box{position:relative;width:260px}.select-box .selected-option{background-color:#232323;border-radius:8px;border:1px solid #007bff;overflow:hidden;display:flex;transition:border-color .3s}.select-box .selected-option:hover{border-color:#007bff}.select-box .selected-option div{display:flex;gap:10px;cursor:pointer;padding:10px 10px;position:relative;min-width:100px}.select-box .selected-option div::after{position:absolute;content:"";right:.5rem;top:50%;transform:translateY(-50%) rotate(45deg);width:.6rem;height:.6rem;border-right:2px solid #333;border-bottom:2px solid #333;transition:transform .2s}.select-box .selected-option div.active::after{transform:translateY(-50%) rotate(225deg)}.select-box input[type=tel]{flex:1;border:none;outline:0;padding:10px;font-size:16px;background:0 0;width:100%}.select-box input[type=tel]:focus{box-shadow:none}.select-box .options{position:absolute;top:100%;left:0;width:100%;background-color:#232323;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.1);margin-top:5px;z-index:1000;display:none;max-height:300px;overflow-y:auto}.select-box .options.active{display:block;animation:fadeIn .3s}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.select-box .search-box{padding:.8rem;border:none;border-bottom:1px solid #e0e0e0;width:100%;font-size:.9rem;outline:0}.select-box ol{list-style:none;padding:0;margin:0}.select-box ol li{padding:.8rem 1rem;display:flex;justify-content:space-between;cursor:pointer;transition:background-color .2s}.select-box ol li:last-child{border-bottom:none}.select-box ol li:hover{background-color:#1a1a1a}.select-box ol li.hide{display:none}.select-box ol li div{display:flex;gap:10px}.select-box ol li .iconify{width:24px;height:24px}.select-box ol li strong{color:#007bff;font-weight:600}select{width:260px;padding:10px;border:1px solid #007bff;border-radius:8px;font-size:16px;background-color:#232323;color:#b0b0b0}select:focus{outline:0;border-color:#00bcd4;box-shadow:0 0 10px rgba(0,188,212,.7),0 0 20px rgba(0,217,255,.5)}.selected-option:hover{outline:0;border-color:#00bcd4;box-shadow:0 0 10px rgba(0,188,212,.7),0 0 20px rgba(0,217,255,.5)}textarea{max-width:560px;width:560px;padding:.8rem;border:1px solid #007bff;border-radius:8px;font-size:1rem;min-height:120px;resize:vertical;background-color:#232323;color:#f2f3f4}textarea:focus{outline:0;border-color:#00bcd4;box-shadow:0 0 10px rgba(0,188,212,.7),0 0 20px rgba(0,217,255,.5)}@media screen and (max-width:768px){.select-box .selected-option div{min-width:80px}.select-box .options{max-height:250px}}button[type=submit]{width:200px;background-color:#1a1a1a;color:#fff;padding:12px 20px;border-radius:8px;font-size:18px;cursor:pointer;transition:all .3s,box-shadow .3s;border:#007bff 2px solid;position:relative;display:inline-block;font-weight:500;overflow:hidden;z-index:1;transition:all .3s}button[type=submit]::after{content:"";position:absolute;inset:0;background-color:#007bff;z-index:-1;animation:wave 3s ease-in-out infinite;opacity:0}button[type=submit]:hover::after{transition:all .3s;opacity:1}button[type=submit]:hover{box-shadow:0 0 10px rgba(0,123,255,.7),0 0 20px rgba(0,123,255,.5)}@media screen and (max-width:768px){form{width:100%!important;padding:20px!important}.form-row{flex-direction:column;gap:15px}.input-group input,textarea{width:100%!important}select{width:100%!important}}footer{width:100%;height:auto;background-color:#1a1a1a;color:#f2f3f4}.footer-inner{max-width:1200px;margin:0 auto;padding:10px 20px;gap:60px}.container-footer{display:grid;justify-content:space-between;border-bottom:1px solid #00bcd4;align-items:flex-start;grid-template-columns:1fr 1fr 1fr}.container-footer h3{margin:0 0 14px 0;font-size:25px;font-weight:900;color:#00bcd4}.footer-redes{display:flex;flex-direction:column;align-items:center;gap:10px;margin:10px}.redes-icons{display:flex;gap:15px}.footer-redes a{width:55px;height:55px;border:2px solid #007bff;border-radius:50%;color:#fff;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.footer-redes i{font-size:30px;line-height:1;align-items:center;justify-content:center}.fa-instagram,.redes-icons .fa-facebook-f{margin-bottom:5px}.fa-whatsapp{margin-bottom:8px;margin-left:3px}.redes-icons a:hover{color:#007bff;box-shadow:0 0 12px rgba(0,123,255,.8);transform:translateY(-3px)}.footer-logo{display:flex;flex-direction:column;justify-content:flex-start}.footer-logo img{width:140px;height:auto;margin:10px}.footer-links{margin:10px}.container-links{display:flex;flex-direction:column;align-items:flex-start}.container-links a{color:#007bff;text-decoration:none;font-size:18px;animation:all .3s ease-in-out;padding-top:5px}.container-links a:hover{color:#00bcd4}.footer-copyrights{display:flex;align-items:center;justify-content:center;padding:8px;width:100%;background-color:#1a1a1a}.footer-copyrights p{background-color:#1a1a1a}.footer-copyrights a{text-decoration:none;color:#f2f3f4}.footer-copyrights a:hover{color:#00bcd4}.footer-links,.footer-logo,.footer-redes{flex:1}@media screen and (max-width:1024px){.container-footer{grid-template-columns:1fr 1fr;gap:40px;row-gap:30px}.footer-logo{grid-column:span 2;text-align:center;align-items:center}.footer-logo img{width:160px}.footer-links,.footer-redes{text-align:center;align-items:center}.container-links{align-items:center}.redes-icons{justify-content:center}}@media screen and (max-width:768px){.container-footer{grid-template-columns:1fr;gap:30px;text-align:center}.footer-logo{grid-column:span 1}.footer-logo img{width:140px;margin:0 auto}.footer-links h3,.footer-redes h3{font-size:22px;margin-bottom:10px}.redes-icons a{width:50px;height:50px}.footer-redes i{font-size:26px}.container-links a{font-size:16px;padding:3px 0}.footer-inner{padding:10px 15px;gap:30px}}@media screen and (max-width:480px){.footer-logo img{width:120px}.footer-links h3,.footer-redes h3{font-size:20px}.redes-icons a{width:45px;height:45px}.footer-redes i{font-size:24px}.redes-icons{gap:12px}.container-links a{font-size:15px}.footer-copyrights{padding:10px 15px;text-align:center}.footer-copyrights p{font-size:14px;line-height:1.4}}@media screen and (max-width:360px){.footer-logo img{width:100px}.redes-icons a{width:40px;height:40px}.footer-redes i{font-size:22px}.redes-icons{gap:10px}.container-links{gap:5px}.container-links a{font-size:14px}.footer-copyrights p{font-size:12px}}@media screen and (min-width:1200px){.footer-inner{padding:20px 40px}.container-footer{gap:80px}}@media print{footer{display:none!important}}.popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.75);display:flex;justify-content:center;align-items:center;z-index:99999;padding:20px;box-sizing:border-box}.popup{background:#1f1f1f;color:#fff;padding:30px;border-radius:18px;width:100%;max-width:420px;text-align:center;box-shadow:0 0 40px rgba(0,123,255,.4);animation:fadeIn .4s ease}.popup.success{border:2px solid #00ffae;box-shadow:0 0 25px rgba(0,255,174,.6)}.popup.error{border:2px solid #ff4c4c;box-shadow:0 0 25px rgba(255,76,76,.6)}.popup h2{margin-bottom:12px;font-size:26px}.popup p{font-size:16px;line-height:1.6;word-break:break-word;margin-bottom:25px}.popup button{background:#007bff;color:#fff;border:none;padding:12px 25px;border-radius:25px;cursor:pointer;font-size:16px;transition:.3s}.popup button:hover{background:#00bcd4}@keyframes fadeIn{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (max-width:480px){.popup{padding:20px;max-width:95%}.popup h2{font-size:22px}.popup p{font-size:14px}.popup button{width:100%}}