body{background-image:url(/assets/fondo-Dci9GfIZ.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh;margin:0;padding:0;font-family:Roboto,sans-serif;font-style:normal;font-weight:400}html,body,#root{width:100%;max-width:100vw;overflow-x:hidden}section{padding:20px 0 0}html{scroll-behavior:smooth}.background-overlay{box-sizing:border-box;z-index:-1;pointer-events:none;background:0 0;width:100%;transition:background .6s;position:fixed;inset:0}.home{z-index:1;position:relative}.div-container{margin:50px;padding:30px;display:flex}.title-home{color:#8d8d8d;margin:0 0 10px 5px;font-size:20px}.title-home2{color:#e6e4e4;margin:0;font-size:3em}.title-home3{color:#918e8e;width:70%;margin:30px 0 0 5px;font-size:18px}.button-home{margin:30px 30px 0 0}.img-global-home{width:35em}.title-about-p{line-height:1.2}.div-container-icon-about{margin:20px;display:flex}.div-container-icon-about div{flex-direction:column;justify-content:center;align-items:center;margin:10px 20px;display:flex}.div-container-icon-about div h3{color:#3d3d3d;margin:1px;font-size:15px}.icon-about{filter:brightness(0)saturate()invert(35%);width:50px}.img-user-jorge{border-radius:20px;width:25em}.section-services div{flex-wrap:wrap}.div-container-services{width:50%}.div-container-services-1{width:100%}.div-container-project{flex-direction:column;margin:50px;padding:30px;display:flex}.container-project{flex-wrap:wrap;width:100%;display:inline-block}.div-container-tools-p{flex-direction:column;margin:50px;padding:30px;display:flex}.div-container-tools{width:100%}.div-container-tools1{flex-wrap:wrap;justify-content:center;width:60%;margin:10px;display:flex}.div-container2{display:flex}.card-tools1{text-align:center;background-color:#383838;border:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:25%;min-width:120px;height:200px;margin:5px;padding:10px;display:flex}.img-tools1{width:130px}.card-tools2{text-align:center;background-color:#00000080;border:1px solid #393939;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;margin:5px;padding:10px;display:flex}.img-tools2{width:50px}.div-container-contact{flex-direction:column;display:flex}.icon-contact{filter:brightness(0)saturate()invert(35%);width:30px;margin:10px}.icon-linck-contact{align-items:center;gap:15px;margin-bottom:20px;text-decoration:none;display:flex}.div-from-contact{padding:20px}.btn-submit{width:100%}.div-from-contact from input{color:#b3b3b3;box-sizing:border-box;background-color:#1f1f1f;border:none;border-radius:18px;outline:none;width:100%;margin:10px 0;padding:25px;font-size:15px}.mensaje{color:#b3b3b3;resize:none;box-sizing:border-box;background:#1f1f1f;border:none;border-radius:12px;outline:none;width:100%;min-height:180px;padding:20px;font-family:inherit;font-size:16px}.div-container-contact,.div-from-contact{width:50%}.section-contact .div-container{margin-bottom:0;padding-bottom:0}@media (width<=768px){.div-container-home-1{width:100%}.div-container-home-2{display:none}.div-container{margin:50px 20px;padding:0}.div-container-home-1{flex-direction:column;justify-content:center;align-items:center;display:flex}.div-container-home-1 h3{text-align:center;margin-bottom:10px;margin-left:auto;margin-right:auto}.section-about .div-container{flex-direction:column;display:flex}.div-container-icon-about{text-align:center;justify-content:center;margin-left:auto;margin-right:auto}.img-user-jorge{width:20em}.title-about-p{text-align:center;width:100%;margin-left:auto;margin-right:auto}.div-container-about-1 h3{text-align:center;margin-left:auto;margin-right:auto}.div-container-icon-about div{margin:20px}.div-container-icon-about div h3{font-size:11px}.div-container-about-2{justify-content:center;align-items:center;display:flex}.div-container-project{text-align:center;margin:0}.div-container-project h3{text-align:center;width:100%}.section-services .div-container{flex-direction:column;display:flex}.div-container-services{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.div-container-services p{text-align:center;width:100%}.div-container-tools-p{margin:0;padding:0}.div-container2{flex-direction:column}.div-container-tools{text-align:center}.div-container-tools1{justify-content:center;align-items:center;width:100%;margin:0;display:flex}.div-container-tools1 h3{text-align:center}.section-contact .div-container{flex-direction:column;justify-content:center;align-items:center;width:100%;margin:0;display:flex}.div-container-contact{text-align:center;width:90%}.div-from-contact{width:90%}}@media (width<=1024px){.img-global-home{width:20em}}.button{border-radius:30px;padding:13px 20px;font-size:16px;font-weight:700}.btn-1{background-color:#f5f3f3;border:none;transition:background-color 1s}.btn-1:hover{cursor:pointer;background-color:#979696db}.btn-2{color:#989797;background-color:#00000040;border:1px solid #989797;transition:background-color 1s}.btn-2:hover{color:#0000;cursor:pointer;background-color:#edededdb;border:1px solid #edededdb}.btn-3{color:#7d7b7bdb;background-color:#00000010;border:none;transition:background-color 1s;border-radius:10px!important;padding:10px!important}.btn-3:hover{cursor:pointer;background-color:#00000050}.nav{box-sizing:border-box;z-index:1000;background:0 0;justify-content:flex-end;align-items:center;width:100%;padding:10px 30px;transition:background-color .35s,-webkit-backdrop-filter .35s,backdrop-filter .35s,box-shadow .35s;display:flex;position:fixed;top:0;left:0}.nav.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f0feb;box-shadow:0 5px 20px #00000059}.nav ul{gap:30px;margin:0;padding:0;list-style:none;display:flex}.nav-2{display:none}.icon-nav{filter:brightness(0)saturate()invert(35%);width:20px}@media (width<=768px){.nav{justify-content:center}.nav-1{display:none}.nav-2{display:flex}}.container-card{background-color:#00000080;border:solid #313131;border-radius:8px;width:14em;margin:30px;padding:25px;display:inline-block}.container-card h1{color:#ababab;font-size:20px}.container-card p{color:#ababab;font-size:14px}.img-card{filter:brightness(0)saturate()invert(35%);width:80px}.container-cardp{cursor:pointer;background:#151515;border:1px solid #2c2c2c;border-radius:18px;width:370px;max-width:100%;margin:15px;transition:all .35s;display:inline-block;position:relative;overflow:hidden}.container-cardp:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#ffffff14,#0000 40%);transition:all .35s;position:absolute;inset:0}.container-cardp:hover{border-color:#555;transform:translateY(-10px);box-shadow:0 20px 45px #00000073}.container-cardp:hover:before{opacity:1}.img-cardp{object-fit:cover;width:100%;height:220px;transition:all .4s}.container-cardp:hover .img-cardp{transform:scale(1.05)}.div-container-cardp-text{padding:20px}.div-container-cardp-text h3{color:#ababab;margin-bottom:10px;font-size:24px}.div-container-cardp-text p{color:#ababab;font-size:15px;line-height:1.6}.div-cardp-icon{justify-content:flex-end;padding:0 20px 20px;display:flex}.icon-expand{filter:brightness(0)invert(.75);width:22px;transition:all .35s}.container-cardp:hover .icon-expand{transform:rotate(45deg)scale(1.15)}@media (width<=900px){.container-cardp{width:320px}.img-cardp{height:190px}}@media (width<=600px){.container-cardp{width:90%;margin:15px auto;display:block}.img-cardp{height:180px}.div-container-cardp-text{padding:15px}.div-container-cardp-text h3{font-size:21px}.div-container-cardp-text p{font-size:14px}}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.35s fadeIn;display:flex;position:fixed;inset:0}.modal-project{background:#111;border:1px solid #2c2c2c;border-radius:18px;width:85%;max-width:1300px;height:75vh;max-height:900px;animation:.4s modalOpen;display:flex;position:relative;overflow:hidden}.close-btn{color:#fff;cursor:pointer;z-index:10;background:#1d1d1d;border:none;border-radius:50%;width:42px;height:42px;font-size:20px;transition:all .3s;position:absolute;top:20px;right:20px}.close-btn:hover{background:#ff4747;transform:rotate(90deg)}.modal-left{flex-direction:column;justify-content:center;width:35%;padding:50px;display:flex}.modal-left h2{color:#fff;margin-bottom:25px;font-size:38px}.modal-left p{color:#a8a8a8;margin-bottom:35px;line-height:1.8}.modal-left h4{color:#fff;margin-bottom:15px}.tech-list{flex-wrap:wrap;gap:10px;display:flex}.tech-list span{color:#cfcfcf;background:#1e1e1e;border:1px solid #333;border-radius:50px;padding:10px 18px;transition:all .3s}.tech-list span:hover{background:#2d2d2d;transform:translateY(-3px)}.modal-right{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.slider-image{object-fit:contain;border-radius:12px;width:90%;max-height:85%;transition:all .35s;box-shadow:0 20px 40px #0006}.arrow{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;width:50px;height:50px;font-size:28px;transition:all .25s;position:absolute}.arrow:hover{color:#000;background:#fff;transform:scale(1.1)}.left{left:20px}.right{right:20px}.dots{gap:10px;display:flex;position:absolute;bottom:25px}.dot{cursor:pointer;background:#5d5d5d;border-radius:50%;width:12px;height:12px;transition:all .3s}.dot.active{background:#fff;border-radius:50px;width:30px}@media (width<=900px){.modal-project{flex-direction:column;width:95%;height:90vh;overflow-y:auto}.modal-left{width:auto;padding:30px}.modal-left h2{font-size:30px}.modal-right{min-height:350px}.slider-image{width:85%;max-height:75%}}@media (width<=600px){.modal-overlay{padding:10px}.modal-project{border-radius:12px;width:100%;height:95vh}.modal-left{padding:25px}.modal-left h2{margin-bottom:15px;font-size:25px}.modal-left p{margin-bottom:20px;font-size:14px;line-height:1.5}.tech-list span{padding:8px 14px;font-size:13px}.modal-right{min-height:280px}.slider-image{width:90%}.arrow{width:38px;height:38px;font-size:20px}.left{left:10px}.right{right:10px}.dots{bottom:15px}}@keyframes modalOpen{0%{opacity:0;transform:scale(.75)translateY(50px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}