@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}div.App{-webkit-touch-callout:none;min-height:100vh;-webkit-user-select:none;user-select:none}.tpPrincipal{font-family:Arial,sans-serif;width:100%}.tpPrincipal .tpHeader{align-items:center;background-color:#070d0f;color:#fff;display:flex;justify-content:space-between;padding:10px 40px;position:relative;z-index:100}.tpPrincipal .tpHeader__logo{align-items:center;display:flex;gap:10px}.tpPrincipal .tpHeader__logo-img{height:40px;width:auto}.tpPrincipal .tpHeader__brand{color:#fff;font-size:18px;font-weight:700}.tpPrincipal .tpHeader__nav-list{display:flex;gap:30px;list-style:none;margin:0;padding:0}.tpPrincipal .tpHeader__nav-list li a{color:#fff;font-size:15px;text-decoration:none;transition:color .3s}.tpPrincipal .tpHeader__nav-list li a:hover{color:#f60}.tpHeader__burger{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:none;gap:6px;justify-content:center;padding:8px;z-index:200}.tpHeader__burger span{background:#fff;border-radius:2px;display:block;height:3px;transition:transform .28s cubic-bezier(.2,.9,.3,1),opacity .2s ease;width:25px;will-change:transform,opacity}.tpHeader__burger.open span:first-child{transform:translateY(6px) rotate(45deg)}.tpHeader__burger.open span:nth-child(2){opacity:0}.tpHeader__burger.open span:nth-child(3){transform:translateY(-11.5px) rotate(-45deg)}.tpMobileMenu{background:#070d0f;border-radius:10px;box-shadow:0 8px 24px #00000073;max-width:85vw;min-width:160px;opacity:0;overflow:hidden;padding:10px 14px;pointer-events:none;position:absolute;right:0;top:calc(100% + 8px);transform:translateX(120%);transition:transform .32s cubic-bezier(.2,.9,.3,1),opacity .22s ease;will-change:transform,opacity;z-index:250}.tpMobileMenu ul{display:flex;flex-direction:column;gap:20px;list-style:none;margin:0;padding:0}.tpMobileMenu ul li a{color:#fff;font-size:16px;text-decoration:none;transition:color .3s}.tpMobileMenu ul li a:hover{color:#f60}.tpMobileMenu.show{opacity:1;pointer-events:auto;transform:translateX(0)}@media (max-width:720px){nav.tpHeader__nav,span.tpHeader__brand{display:none}.tpHeader__burger{display:flex;flex-direction:column}.tpPrincipal .tpHeader{padding:10px 20px}}@media (min-width:720px){.tpMobileMenu{display:none}}.tpFooter{align-items:center;background-color:#070d0f;color:#fff;display:flex;font-size:14px;justify-content:space-between;padding:12px 40px}.tpFooter .tpFooter__logo{display:block;height:28px}.tpFooter .tpFooter__center p{color:#ccc;font-size:13px;margin:0}.tpFooter .tpFooter__right{display:flex;gap:15px}.tpFooter .tpFooter__icon{align-items:center;background-color:initial;border-radius:50%;display:inline-flex;height:36px;justify-content:center;transition:background .3s;width:36px}.tpFooter .tpFooter__icon:hover{background-color:#f603}.tpTrabajando{align-items:center;display:flex;justify-content:center}.tpTrabajando img{max-height:300px}div.cjb{background-color:#050d10;min-height:100dvh}div.cjbInicio{display:flex;flex-direction:column;font-family:Roboto,sans-serif}div.cjbInicio section.cjbPortada{display:flex;justify-content:flex-start;margin:2vw 5vw}div.cjbInicio section.cjbPortada article.cjbInfoPortada{align-items:start;display:flex;flex-direction:column;margin:10dvh;width:50%}div.cjbInicio section.cjbPortada article.cjbInfoPortada h1{color:#fff;font-size:clamp(2rem,4vw,8rem);font-weight:700;margin:0;text-align:left}div.cjbInicio section.cjbPortada article.cjbInfoPortada h2{color:#df5a0f;font-size:clamp(1rem,2vw,4rem);margin:0;text-align:left}div.cjbInicio section.cjbPortada article.cjbInfoPortada span{color:#b0b0b0;font-size:clamp(.7rem,1.05vw,2rem);letter-spacing:1px;margin-top:1em;text-align:left;width:80%;word-spacing:2px}div.cjbInicio section.cjbPortada article.cjbInfoPortada button{background-color:#df5a0f;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Open Sans,sans-serif;font-size:clamp(.7rem,1vw,2rem);font-weight:500;margin-top:1em;padding:.4em 2em}div.cjbInicio section.cjbPortada article.cjbInfoPortada button:hover{background-color:#b94b0b;transition:.5s ease}.cjbImagenPortada{align-items:center;display:flex;justify-content:center;position:relative;width:50%}.cjbCanvas{left:50%;position:absolute;top:49.5%;transform:translate(-50%,-50%);width:19vw;z-index:0}.cjbImagenPortada:after{background-image:url(/static/media/fondoPortada.bbba2c2a4417b41956b9.png);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";inset:0;pointer-events:none;position:absolute;z-index:1}div.cjbInicio section.cjbServicios{display:flex;justify-content:space-between;margin:2vw 5vw 0}div.cjbInicio section.cjbServicios article.cjbServicio{align-items:center;display:flex;justify-content:flex-start}div.cjbInicio section.cjbServicios article.cjbServicio div.cjbInfoServicio{display:flex;flex-direction:column;justify-content:flex-start;text-align:left}div.cjbInicio section.cjbServicios article.cjbServicio div.cjbInfoServicio h3{color:#fff;font-size:clamp(.8rem,1vw + .1rem,5rem);margin:0 0 .5vw;padding:0}section.cjbServicios article.cjbServicio div.cjbInfoServicio span{color:#b0b0b0;font-size:clamp(.7rem,.9vw + .1rem,2rem)}div.cjbInicio section.cjbServicios article.cjbServicio img.cjbImagenServicio{width:clamp(50px,7vw,175px)}@media (max-width:720px){div.cjbInicio section.cjbPortada{margin:0}div.cjbInicio section.cjbPortada article.cjbInfoPortada{margin:1em}div.cjbInicio section.cjbServicios{flex-wrap:wrap;gap:40px;margin:1em}div.cjbInicio section.cjbServicios article.cjbServicio{align-items:flex-start;flex-wrap:wrap}section.cjbServicios article.cjbServicio div.cjbInfoServicio{margin-left:10px}div.cjbInicio section.cjbServicios article.cjbServicio:nth-child(2){flex-direction:row-reverse;margin-left:auto}section.cjbServicios article.cjbServicio:nth-child(2) div.cjbInfoServicio{margin-right:10px}article.cjbServicio:nth-child(2) div.cjbInfoServicio h3,article.cjbServicio:nth-child(2) div.cjbInfoServicio span{text-align:right}}*{background-color:#050d10}.ctmServiciosPadre{align-items:center;display:flex;flex-direction:column}.ctmTitulos{color:#fff;font-family:Roboto,sans-serif;text-align:center}.ctmTitulos h1{font-size:3rem}.ctmTitulos h3{color:grey;font-size:1.5rem}.ctmTitulos h1,h3{margin:0;padding:5px}.ctmServicios{color:#fff;display:flex;justify-content:center;width:100%}.ctmBots:hover,.ctmFullStack:hover,.ctmServicios .ctmResponsivo:hover{transform:scale(1.1)}.ctmBots,.ctmFullStack,.ctmServicios .ctmResponsivo{align-items:center;animation:movimientoGrand 4s linear infinite;background:linear-gradient(#050d10,#050d10) padding-box,repeating-linear-gradient(90deg,#000,#df5a0f 25%,#000 50%) border-box;background-size:200% 100%;border:4px solid #0000;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;margin:4rem;padding:1rem;transition:transform .5s ease-in-out;width:clamp(280px,15vw,500px)}.ctmServicios h2,p{font-family:Roboto,sans-serif;margin:0;padding-bottom:.5rem;padding-top:.5rem}.ctmServicios .ctmCaracteristicas{width:100%}.ctmServicios h2{font-size:clamp(1.2rem,2.5vw,2rem);text-align:center;text-transform:uppercase}.ctmServicios p{color:grey;font-size:clamp(.9rem,1.8vw,1.3rem);text-align:center}.ctmServicios img{width:7dvw}@keyframes movimientoGrand{0%{background-position:0 0}to{background-position:100% 0}}@media (max-width:768px){.ctmServicios{display:flex;flex-direction:column}.ctmBots,.ctmFullStack,.ctmServicios .ctmResponsivo{display:flex;flex-direction:row;width:60dvw}.ctmServicios img{width:10dvw}.ctmFullStack{align-self:flex-end}}@media (max-width:425px){.ctmTitulos h1{font-size:2rem}.ctmTitulos h3{font-size:1.2rem}.ctmServicios{align-items:flex-end;display:flex}.ctmBots,.ctmFullStack,.ctmServicios .ctmResponsivo{width:70dvw}.ctmFullStack{align-self:flex-start}}
/*# sourceMappingURL=main.0d0ee557.css.map*/