.op-bloque-contenedor{background-color:#f3f5f9;display:flex;margin-bottom:50px;position:relative}.op-bloque-contenedor>div{flex-basis:50%}.op-bloque-contenedor .overlay{background-color:#fff;bottom:0;left:-100px;position:absolute;right:-100px;top:0}.op-bloque-contenedor.reverse{background-color:#fff}.op-bloque-contenedor div.texto{align-items:center;display:flex;flex-wrap:wrap;font-family:Dosis-Bold;font-size:50px;justify-content:flex-start;z-index:1}.op-bloque-contenedor div.texto div{padding-left:0;padding-right:30px}.op-bloque-contenedor.reverse div.texto div{padding-left:30px;padding-right:0}.op-bloque-contenedor.reverse div.texto{order:1}.op-bloque-contenedor div.imagen{animation:bloque-imagen-animado .8s ease-in}@media only screen and (max-width:885px){.op-bloque-contenedor .overlay{left:-50px;right:-50px}}@media (max-width:576px){.op-bloque-contenedor{flex-direction:column}.op-bloque-contenedor .overlay{left:-30px;right:-30px}.op-bloque-contenedor div.texto{font-size:35px;order:1}.op-bloque-contenedor.reverse div.texto div{padding:20px 0}.op-bloque-contenedor div.imagen{order:2}}@keyframes bloque-imagen-animado{0%{transform:rotate(15deg) translateX(-200px)}to{transform:rotate(0deg) translateX(0)}}.op-inicio{align-items:center;background-color:#3644af;display:flex;height:100vh;justify-content:center;left:-100px;position:relative;width:calc(100% + 200px)}.op-inicio .op-content,.op-servicios .op-content{color:#fff;grid-area:header;text-align:center;width:40%}.op-inicio .op-content h1,.op-servicios .op-content h1{font-family:Dosis-ExtraBold;font-size:50px}.op-inicio .code{left:0;top:0}.op-inicio .code,.op-inicio .mobile{height:50%;position:absolute;width:40%}.op-inicio .mobile{bottom:0;right:0}.op-servicios{display:flex;flex-direction:column}.op-servicios .op-content{color:#333;margin-bottom:20px;width:100%}.op-servicios .op-items{display:flex;justify-content:space-between}.op-servicios .op-items .op-item{align-items:center;border-radius:8px;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:10px 15px;text-align:center;width:30%}.op-servicios .op-items .op-item label{font-family:Dosis-Bold;font-size:18px}.op-servicios .op-items .op-item.web{background-color:#243443}.op-servicios .op-items .op-item.mobile{background-color:#3644af}.op-servicios .op-items .op-item.consulting{background-color:#1fb6ea}.op-servicios .op-items .op-item .icon{background-repeat:no-repeat;background-size:100%;display:block;height:100px;margin-bottom:20px;text-decoration:none;width:100px}.op-servicios .op-items .op-item.web .icon{background-image:url(images/e1ce7e0f8dad582e3bda.svg)}.op-servicios .op-items .op-item.mobile .icon{background-image:url(images/dc12c9e237f357737913.svg)}.op-servicios .op-items .op-item.consulting .icon{background-image:url(images/d287776db299a1a09f4c.svg)}.op-clientes{display:flex;justify-content:space-around}.op-clientes a.client{background-position:50%;background-repeat:no-repeat;display:block;height:50px;padding:80px 0;width:250px}.op-clientes a.client.emsag{background-image:url(images/bc0f7720f1dcd800b2b8.svg)}.op-clientes a.client.patco{background-image:url(images/0d496b723edbb61a5b57.png)}.op-contacto{background-color:#3644af;padding:40px 120px 40px 20px;position:relative;width:calc(100% - 40px)}.op-contacto .op-contenedor{display:flex;flex-wrap:wrap;gap:20px}.op-contacto .op-contenedor .texto{color:#fff;flex-basis:100%;font-family:Dosis-Regular;position:relative}.op-contacto .op-contenedor .texto span{color:orange;font-size:13px;position:absolute;right:0;top:-17px}.op-contacto .op-contenedor .texto.col-2{flex-basis:calc(50% - 10px);max-width:calc(50% - 10px)}.op-contacto .op-contenedor .texto label{color:#fff;font-family:Dosis-SemiBold;font-size:16px;font-size:14px;left:10px;pointer-events:none;position:absolute;top:15px;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;z-index:1}.op-contacto .op-contenedor .texto input,.op-contacto .op-contenedor .texto textarea{background-color:#404eb3;border:none;border-radius:5px;color:#fff;font-family:Dosis-Regular;padding:15px 10px 10px;resize:none;width:available;width:-moz-available;width:-webkit-fill-available;z-index:0}.op-contacto .op-contenedor .texto input:focus,.op-contacto .op-contenedor .texto textarea:focus{outline:none}.op-contacto .op-contenedor .texto input:focus~label,.op-contacto .op-contenedor .texto input:valid~label,.op-contacto .op-contenedor .texto textarea:focus~label,.op-contacto .op-contenedor .texto textarea:valid~label{color:#999;font-size:12px;left:8px;top:-1px}.op-contacto .op-contenedor .texto.accion{display:flex;justify-content:flex-end}.op-contacto .op-contenedor button{background-color:#1fb6e9;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Dosis-ExtraBold;letter-spacing:3px;padding:20px;text-transform:uppercase}.op-contacto .op-contenedor button:disabled{background-color:#888;cursor:not-allowed}@media only screen and (max-width:885px){.op-inicio{flex-direction:column;left:-50px;width:calc(100% + 100px)}.op-inicio .code,.op-inicio .mobile{height:30%;width:30%}.op-contacto{padding:40px 60px 40px 20px;width:calc(100% - 30px)}.op-contacto .op-contenedor .texto.col-2{flex-basis:100%;max-width:100%}}@media (max-width:576px){.op-inicio{flex-direction:column;left:-30px;width:calc(100% + 60px)}.op-inicio .op-content{width:calc(100% - 40px)}.op-inicio .code{height:30%;position:relative}.op-inicio .mobile{height:0;width:0}.op-servicios .op-items{align-items:center;flex-direction:column}.op-servicios .op-items .op-item{margin-bottom:15px;width:calc(100% - 30px)}.op-clientes{align-items:center;flex-direction:column}.op-contacto{padding:40px 20px;width:calc(100% - 40px)}}.op-fondo{background-image:linear-gradient(180deg,hsla(0,0%,100%,0),#fff),url(images/c3e6fa6822ad1ad21d8d.jpg);background-repeat:no-repeat;background-size:cover;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;height:calc(100vh - 50px);left:-100px;position:relative;width:calc(100% + 200px)}.op-fondo label{align-self:flex-end;font-family:Dosis-ExtraBold;font-size:60px;justify-self:center;text-transform:uppercase}.op-fondo span{align-self:flex-end;flex-basis:100%;font-family:Dosis-SemiBold;font-size:30px;justify-self:flex-start;padding-left:100px}.op-info span{font-family:Dosis-SemiBold;font-size:20px}.op-info p{font-size:16px;text-align:justify}@media (max-width:576px){.op-fondo{left:-30px;width:calc(100% + 60px)}.op-fondo label{font-family:Dosis-Bold;font-size:35px;text-align:center}.op-fondo span{font-size:25px;padding-left:30px}}.op-content-modal{align-items:center;animation:modal-animado .7s ease-in;background-color:rgba(0,0,0,.8);bottom:0;display:flex;height:100%;justify-content:center;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;right:0;top:0;z-index:800}.op-content-modal .op-modal{background:#fff 0 0 no-repeat padding-box;border-radius:5px;box-shadow:0 5px 10px #0d0d0d;flex-basis:100%;margin:auto 100px;max-width:90%;padding:10px;position:relative}.op-content-modal .op-modal.op-small{flex-basis:30%}.op-content-modal .op-modal.op-medium{flex-basis:60%}.op-content-modal .op-modal.op-big{flex-basis:80%}.op-content-modal .op-modal.op-large{margin:10px;max-width:95%}.op-content-modal .op-modal .op-modal-header{border-bottom:1px solid #3498db;display:flex;justify-content:space-between}.op-content-modal .op-modal.content-imagen .op-modal-header{border-bottom:none;justify-content:flex-end}.op-content-modal .op-modal .op-modal-header span{animation:titulo-animado .8s ease-in;color:#3498db;font-size:30px}.op-content-modal .op-modal .op-modal-header .op-modal-close{cursor:pointer;height:24px;pointer-events:auto;width:24px}.op-content-modal .op-modal .op-modal-header .op-modal-close:after,.op-content-modal .op-modal .op-modal-header .op-modal-close:before{background-color:#999;content:"";cursor:pointer;display:block;height:4px;position:relative;width:100%}.op-content-modal .op-modal .op-modal-header .op-modal-close:after{animation:close-animado .8s ease-in;right:7px;transform:rotate(45deg) translateX(12px)}.op-content-modal .op-modal .op-modal-header .op-modal-close:before{animation:close-animado-second 1s ease-in;left:12px;transform:rotate(-45deg) translateX(-16px)}.op-content-modal .op-modal .op-modal-header .op-modal-close.disabled{pointer-events:none}.op-content-modal .op-modal.content-imagen .op-modal-body{align-items:center;display:flex;justify-content:center;padding:0 20px 20px}.op-content-modal .op-modal .op-modal-footer{align-items:center;border-top:1px solid #3498db;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding:5px 0}.op-content-modal .op-modal .op-modal-footer .op-boton:last-child{margin-right:0}@keyframes close-animado{0%{transform:rotate(45deg) translateX(0)}to{transform:rotate(45deg) translateX(12px)}}@keyframes close-animado-second{0%{left:0;opacity:0;transform:rotate(-45deg) translateX(0)}to{left:12;opacity:1;transform:rotate(-45deg) translateX(-16px)}}@keyframes modal-animado{0%{opacity:0;top:-50px}50%{opacity:1}to{top:0}}@keyframes titulo-animado{0%{transform:translateX(100px)}to{transform:translateX(0)}}@media (max-width:875px){.op-content-modal .op-modal{margin:auto 50px}.op-content-modal .op-modal.op-medium,.op-content-modal .op-modal.op-small{flex-basis:50%}}@media (max-width:576px){.op-content-modal .op-modal{margin:auto 10px}.op-content-modal .op-modal.op-small{flex-basis:70%}.op-content-modal .op-modal.op-medium{flex-basis:80%}}.op-fondo-promocion{background-image:linear-gradient(180deg,hsla(0,0%,100%,0),#fff),url(images/c3e6fa6822ad1ad21d8d.jpg);background-repeat:no-repeat;background-size:cover;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;height:calc(100vh - 50px);left:-100px;position:relative;width:calc(100% + 200px)}.op-fondo-promocion label{align-self:flex-end;font-family:Dosis-ExtraBold;font-size:60px;justify-self:center;text-transform:uppercase}.op-promociones{display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;margin-bottom:20px}.op-promociones .op-promocion-item{align-items:flex-end;border:1px solid #ccc;border-radius:10px;box-shadow:0 0 5px 0 rgba(0,0,0,.75);cursor:pointer;display:flex;flex-direction:column;padding:10px 20px}.op-promociones .op-promocion-item label:first-child{align-self:center;font-size:20px}.op-promociones .op-promocion-item img{align-self:center;height:150px;width:200px}@media (max-width:576px){.op-fondo-promocion{left:-30px;width:calc(100% + 60px)}.op-fondo-promocion label{font-family:Dosis-Bold;font-size:40px;text-align:center}.op-promociones{grid-template-columns:1fr}}.op-wuasho{background-color:#de281f;background-image:url(images/13f1d8338965c116b220.png);display:grid;grid-template-columns:1fr 1fr;height:100vh;left:-100px;width:calc(100% + 200px)}.op-fondo-wuasho,.op-wuasho{background-repeat:no-repeat;background-size:cover;position:relative}.op-fondo-wuasho{background-position:50%;margin-right:0;overflow:hidden}.op-fondo-wuasho div{animation:wuasho-imagen-animado 1.5s ease-in;margin-left:12%!important;margin-right:0;margin-top:-10%!important;text-align:right;transform:translateX(15%) translateY(3%) rotateX(0deg) rotateY(0deg) rotate(39deg);width:70%;z-index:10}.op-fondo-wuasho img,.op-wuasho-promo img{background:transparent;font-size:100%;height:auto;max-width:100%;position:relative}.op-wuasho .op-titulo{align-self:center;display:flex;flex-direction:column;justify-self:center}.op-wuasho .op-titulo label{align-self:flex-end;animation:wuasho-titulo-animado .8s ease-in;color:#fff;font-family:Dosis-ExtraBold;font-size:60px;justify-self:center;text-transform:uppercase}.op-wuasho .op-titulo span{align-self:flex-end;animation:wuasho-subtitulo-animado .8s ease-in;color:#fff;font-family:Dosis-Bold;font-size:30px}.op-wuasho-descargas{display:flex;justify-content:space-around;margin-top:20px;width:auto}.op-wuasho-descargas a{margin-right:15px}.op-wuasho-descargas img{height:50px;width:150px}.op-wuasho-promo{background-color:#fff;border-radius:10px;padding:20px}.op-wuasho-promo img{transform:rotateY(0deg) rotate(-10deg);width:70%}.op-terminos{font-family:Dosis-Medium;font-size:30px;padding:20px 0;width:100%}.op-terminos a{color:#000;text-decoration:none}@media (max-width:576px){.op-wuasho{background-color:#f3f5f9;background-size:auto;grid-template-columns:1fr;left:-30px;width:calc(100% + 60px);z-index:1}.op-wuasho .op-titulo label{align-self:center;color:#000;font-size:40px}.op-wuasho .op-titulo span{align-self:center;color:#000;font-size:20px}.op-fondo-wuasho div{animation:wuasho-imagen-mini-animado 1s ease-in-out;transform:rotate(0deg) translateY(10%)}}@keyframes wuasho-subtitulo-animado{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes wuasho-titulo-animado{0%{transform:rotate(270deg) translateY(-20%) translateX(-100%)}to{transform:rotate(0deg) translateY(0) translateX(0)}}@keyframes wuasho-imagen-animado{0%{transform:translateX(100%) translateY(3%) rotateX(0deg) rotateY(0deg) rotate(39deg)}to{transform:translateX(15%) translateY(3%) rotateX(0deg) rotateY(0deg) rotate(39deg)}}@keyframes wuasho-imagen-mini-animado{0%{transform:rotate(270deg)}to{transform:rotate(0deg)}}.op-empresa{display:grid;grid-template-columns:1fr 1fr;position:relative}.op-fondo-empresa{background-image:url(images/8ccd6916ec7611fa4332.png);background-repeat:no-repeat;background-size:cover;height:calc(100vh - 50px);position:relative;width:calc(100% + 100px)}.op-empresa .op-titulo{align-self:center}.op-empresa .op-titulo label{font-family:Dosis-ExtraBold;font-size:60px}.op-beneficios{background-color:#f3f5f9;column-gap:20px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;padding:50px 0;row-gap:20px}.op-beneficios .op-card{background-color:#fff;border:1px solid #c2c2c2;border-radius:10px;display:flex;gap:10px;padding:0 10px}.op-beneficios .op-card .icon{align-self:center;background-repeat:no-repeat;background-size:100%;display:block;height:100px;margin:20px 0;text-decoration:none;width:100px}.op-beneficios .op-card .icon.graph{background-image:url(images/b7198016aa642f81d1f8.svg)}.op-beneficios .op-card .icon.startup{background-image:url(images/7629f3e289dedeae37c0.svg)}.op-beneficios .op-card .text{align-self:center;font-family:Dosis-SemiBold;font-size:25px}.op-requisitos label{display:block;font-family:Dosis-Bold;font-size:30px;text-align:center}.op-requisitos span{font-family:Dosis-SemiBold;font-size:20px}.op-requisitos p{font-size:16px;text-align:justify}@media (max-width:576px){.op-empresa{grid-template-columns:1fr;z-index:1}.op-empresa .op-fondo-empresa{background-image:linear-gradient(180deg,hsla(0,0%,100%,0),#fff),url(images/8ccd6916ec7611fa4332.png);height:290px;position:absolute}.op-empresa .op-titulo{font-size:30px;padding-top:20px;z-index:2}.op-beneficios{grid-template-columns:1fr}}.op-fondo-soporte{background-image:linear-gradient(180deg,hsla(0,0%,100%,0),#fff),url(images/97a1076553cde3f33643.jpg);background-repeat:no-repeat;background-size:cover;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr;height:calc(100vh - 50px);justify-items:center;left:-100px;position:relative;width:calc(100% + 200px)}.op-fondo-soporte label{align-self:flex-end;font-family:Dosis-ExtraBold;font-size:60px;text-transform:uppercase}.op-fondo-soporte span{align-self:center;flex-basis:100%;font-family:Dosis-SemiBold;font-size:15px;padding-left:100px}.op-fondo-soporte .op-redes{display:flex;font-family:Dosis-SemiBold;font-size:18px;gap:10px}.op-fondo-soporte .op-redes a{color:#000;text-decoration:none}.op-content-loader{align-items:center;background-color:#ffffffb3;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:50}.op-content-loader .op-loader{display:flex;position:absolute;width:70px}.op-content-loader .op-loader span{animation:loading-animado .8s ease-in-out infinite;background-color:#fff;height:60px;margin:0 1px;width:10px}.op-content-loader .op-loader span:first-child{animation-delay:.7s;background-color:#2eeca8}.op-content-loader .op-loader span:nth-child(2){animation-delay:.6s;background-color:#eade3d}.op-content-loader .op-loader span:nth-child(3){animation-delay:.5s;background-color:#55acee}.op-content-loader .op-loader span:nth-child(4){animation-delay:.4s;background-color:#ec902e}.op-content-loader .op-loader span:nth-child(5){animation-delay:.3s;background-color:#09b7bf}.op-content-loader .op-loader span:nth-child(6){animation-delay:.2s;background-color:#ea3d8c}@keyframes loading-animado{0%,60%,to{transform:scaleY(.05)}35%{transform:scaleY(1)}}.op-content-confirmar{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;width:100%}.op-content-confirmar .op-confirmar{border:1px solid #ccc;border-radius:10px;display:flex;flex-basis:30%;flex-direction:column;justify-content:center;padding:50px 25px}.op-content-confirmar .op-confirmar h1{text-align:center}.op-content-confirmar .op-confirmar h3,.op-content-confirmar .op-confirmar h5{color:#999;text-align:center}@media (max-width:881px){.op-content-confirmar .op-confirmar{flex-basis:50%}}@media (max-width:665px){.op-content-confirmar .op-confirmar{flex-basis:80%}}.op-footer{background-color:#2a3443;bottom:0;display:flex;justify-content:space-around;min-height:50px;position:relative;width:100%}.op-footer>div{align-items:center;color:#fff;display:flex;gap:10px;justify-content:center}@media (max-width:576px){.op-footer{flex-direction:column}}.op-header{background:#fff 0 0 no-repeat padding-box;box-shadow:0 5px 10px #a7a7a71a;height:50px;position:fixed;width:100%;z-index:200}.op-header .op-header-contenedor{align-items:center;box-shadow:2px -2px 9px #888;display:flex;justify-content:space-between;padding:0 100px}.op-header .op-logo{align-items:center;display:flex;font-family:Dosis-Bold;font-size:25px;height:50px;justify-content:flex-start}.op-header .op-header-contenedor ul{align-items:center;box-sizing:border-box;display:flex;justify-content:flex-end;list-style:none;margin:0;padding:0;text-decoration:none}.op-header .op-header-contenedor ul li{display:flex;justify-content:center;padding:0 10px}.op-header .op-header-contenedor ul li a{color:#42495b;padding:5px;position:relative;text-align:center;text-decoration:none}.op-header .op-header-contenedor ul li a.active,.op-header .op-header-contenedor ul li a:hover{color:#42495b;transition:.5s}.op-header .op-header-contenedor ul li a:before{bottom:0;content:"";height:2px;left:45%;position:absolute;transition:all .6s ease;-moz-transition:all .6s ease;-webkit-transition:all .6s ease;width:0}.op-header .op-header-contenedor ul li a.active:before{background:#42495b;left:0;width:100%}.op-header .op-header-contenedor input[type=checkbox]{display:none}.op-header .op-header-contenedor .checkButton{color:#fff;cursor:pointer;display:none;font-size:30px;order:4;padding:5px}.op-header .op-header-contenedor .checkButton span{background-color:#2a3443;display:block;height:3px;margin:5px 0;transform:none;transition:.7s ease-in-out;width:25px}.op-header .op-header-contenedor input[type=checkbox]:checked~.checkButton span:nth-of-type(3){opacity:0}.op-header .op-header-contenedor input[type=checkbox]:checked~.checkButton span:first-of-type{transform:translateY(225%) rotate(-45deg)}.op-header .op-header-contenedor input[type=checkbox]:checked~.checkButton span:nth-of-type(2){transform:rotate(45deg)}.op-header .op-header-contenedor .op-header-actions{align-items:center;display:flex;justify-content:center}@media only screen and (max-width:885px){.op-header .op-header-contenedor{padding:0 50px}}@media (max-width:576px){.op-header{height:70px}.op-header .op-header-contenedor{padding:0 30px}.op-header .op-header-contenedor .op-logo{height:70px}.op-header .op-header-contenedor .op-logo>a{height:25px;width:108px}.op-header .op-header-contenedor ul{align-items:flex-start;background-color:#fff;flex-direction:column;height:auto;justify-content:center;left:-120%;position:fixed;top:70px;transition:all .5s;width:100%;z-index:300}.op-header .op-header-contenedor ul li{border-bottom:1px solid #d1d1d1;display:block;height:50px;line-height:50px;padding-left:30px;width:100%}.op-header .op-header-contenedor ul li a{color:#42495b}.op-header .op-header-contenedor ul li a.active,.op-header .op-header-contenedor ul li a:hover{color:#3644af}.op-header .op-header-contenedor ul li a.active:before{background-color:transparent}.op-header .op-header-contenedor .checkButton{display:block}.op-header .op-header-contenedor .op-header-actions{display:none}.op-header .op-header-contenedor input[type=checkbox]:checked~ul{left:0}}@font-face{font-family:Dosis-ExtraLight;src:url(fonts/e126f80cbae9999eff46.ttf)}@font-face{font-family:Dosis-Light;src:url(fonts/001ea7047e8b4b6dcd61.ttf)}@font-face{font-family:Dosis-Regular;src:url(fonts/be60a48fbf959e21db17.ttf)}@font-face{font-family:Dosis-Medium;src:url(fonts/681b424d3b91ad201df5.ttf)}@font-face{font-family:Dosis-SemiBold;src:url(fonts/63a1f7c5a678ba3de0d3.ttf)}@font-face{font-family:Dosis-Bold;src:url(fonts/ca2297833b4bd840da76.ttf)}@font-face{font-family:Dosis-ExtraBold;src:url(fonts/78617bd32827d2cdcd98.ttf)}body{font-family:Dosis-Regular;font-size:16px;margin:0;padding:0}.op-app,.op-body{bottom:0;left:0;min-height:100vh;position:absolute;right:0;top:0;width:100%}.op-body{top:50px}.op-body .op-body-contenedor{background-color:#fff;padding:0 100px;position:relative}.op-boton{background-color:#000;border-radius:10px;color:#fff;display:block;font-family:Dosis-Medium;font-size:20px;margin-top:10px;padding:10px;text-align:center;text-decoration:none}@media only screen and (max-width:885px){.op-body .op-body-contenedor{padding:0 50px}}@media (max-width:576px){.op-body .op-body-contenedor{padding:0 30px}}
/*# sourceMappingURL=main.311fe48bf02d33db20c0.css.map*/