@font-face{font-family:Arial Black;src:url(/portfolio/fonts/ArialBlackGstv.ttf) format("truetype");font-weight:700;font-style:normal}:root{font-family:Arial Black,system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:only dark;color:#ffffffde;background-color:#000;padding:0;margin:0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{font-family:Arial Black,system-ui,Avenir,Helvetica,Arial,sans-serif}#root{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;margin:0 auto;text-align:center;background-color:#000}.menu{width:15vw;height:7vh;background-color:#000;display:flex;justify-content:center;align-items:center;gap:2vw;font-size:2rem;color:#fff;border-radius:50%;border:10px solid white;text-transform:uppercase;transition:width .3s ease-in-out,color .3s ease-in-out;cursor:pointer}.left,.right{color:#fff;font-size:1rem;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;opacity:0;visibility:hidden}.menu.expanded{width:25vw}.menu .center{font-size:2rem}.menu span{transition:color .3s ease-in-out}.menu span:hover{color:#0f0}.menu.exiting{opacity:0;transform:scale(.8);transition:opacity 1s ease-out,transform 1s ease-out}.menu-wrapper{background-color:#000;display:inline-block;align-items:center}.menu .left,.menu .right{color:#fff;font-size:1rem;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;opacity:0;visibility:hidden}@media (max-width: 768px){.menu{width:50vw;gap:4vw}.menu .center{font-size:2rem}.menu.expanded{width:70vw}.menu.expanded .left,.menu.expanded .right{opacity:1;visibility:visible}}@media (min-width: 769px){.menu:hover .left,.menu:hover .right{opacity:1;visibility:visible}.menu.exiting:hover .left,.menu.exiting:hover .right{opacity:0;visibility:hidden}.menu .center{font-size:2rem}.menu:hover{width:25vw}}.dev-page{display:flex;flex-direction:column;justify-content:start;align-items:start;width:100vw;height:100vh}.content{width:100%;height:80%;display:flex;justify-content:start;align-items:start;gap:60px}.red{display:flex;justify-content:center;align-items:center;width:auto;height:100%;margin-left:10vw}.image-3d{width:auto;height:100%}.blue{box-sizing:content-box;display:flex;flex-direction:column;justify-content:center;align-items:start;width:35vw;height:100%}.blue p:first-child{font-size:1.5rem;text-align:left;color:#fff;font-family:Arial}.blue p:last-child{font-size:2.4rem;margin-top:0;text-align:left;color:#fff}@media (max-width: 768px){.dev-page{display:flex;flex-direction:column;justify-content:start;align-items:start;width:100vw;height:100%;background-image:url(/portfolio/assets/estampa-Dnth1OaV.png);background-size:cover;background-position:center;background-repeat:no-repeat}.content{width:100vw;height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0px;padding-top:0}.red{width:0px;height:0px;margin-left:0}.image-3d{width:100%;content:url(/portfolio/assets/estampa-rotate-DcggTAlJ.png)}.blue{display:flex;flex-direction:column;justify-content:start;align-items:start;width:80vw;height:70%}.blue p:first-child{margin-bottom:5px;font-size:1rem;text-align:left}.blue p:last-child{font-size:1.5rem;text-align:left}.icon{display:flex;justify-content:center;width:100vw;height:8vh;padding-left:0;z-index:1}}.menu-top{display:flex;justify-content:start;flex-direction:row;width:100vw;height:10vh}.menu-left{display:flex;box-sizing:border-box;justify-content:start;padding-left:4vw;padding-right:4vw;padding-top:3.5vh;width:50%;height:100%;gap:6vw}.back-button{background:none;border:none;box-sizing:border-box;padding-bottom:5px;font-size:30px;color:#fff;font-weight:700}.back-button:hover,.back-button:focus,.back-button:active{color:#0f0;background:none;outline:none;box-shadow:none;text-decoration:none}.menu-right{display:flex;box-sizing:border-box;flex-direction:row;align-items:end;justify-content:end;width:50%;height:100%;gap:20px;font-size:1.2rem;color:#fff;padding-right:4vw;padding-bottom:12px}.menu-topicos{box-sizing:border-box;padding-bottom:4px}.menu-link{text-decoration:none;color:#fff;font-size:1.2rem;transition:color .3s;padding-left:5px;padding-right:5px}.menu-link:hover{color:#0f0}.menu-icons{display:inline-flex;gap:12px}.menu-icon{height:22px;width:auto}.menu-icon-insta{height:30px;width:auto}.tooltip-container{position:relative;display:inline-block}.tooltip{position:absolute;bottom:120%;left:50%;transform:translate(-50%);background-color:#000000bf;color:#fff;padding:6px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.tooltip-container:hover .tooltip,.tooltip-container:focus .tooltip{opacity:1;visibility:visible}@media (max-width: 768px){.menu-top{height:20vh;flex-direction:column;justify-content:center;align-items:center;margin-top:3vh}.menu-left{display:flex;justify-content:center;width:100%;position:relative;padding-left:0vw;padding-right:4vw}.back-button{position:absolute;left:0}.menu-right{width:100%;height:auto;flex-direction:column;justify-content:center;align-items:center;padding-right:0vw}.menu-link{text-decoration:none;color:#fff;font-size:1.2rem;padding:5px 10px;transition:color .3s}}.gstv-container{width:130px;height:35px;margin-bottom:50px}.gstv-stroke{position:absolute;width:120px;height:30px;background-color:#000;color:#fff;display:flex;justify-content:center;align-items:center;font-size:2.5rem;border-radius:50%;border:5px solid white;text-transform:uppercase}.gstv-text{font-size:1.2rem}.black{width:120px;height:35px;border-radius:0%;background-color:#000;border:5px solid black;z-index:3;animation:black-move-frames 4s infinite ease-in-out}.stroke{z-index:2;background-color:#000;animation:stroke-move-frames 4s infinite ease-in-out}@keyframes stroke-move-frames{0%{transform:translateY(-100%)}5%{transform:translateY(0)}12%{transform:translateY(0)}20%{transform:translateY(-100%)}to{transform:translateY(-100%)}}@keyframes black-move-frames{0%{transform:translateY(-100%)}5%{transform:translateY(-50%)}12%{transform:translateY(-50%)}20%{transform:translateY(-100%)}to{transform:translateY(-100%)}}@media (max-width: 768px){.gstv-container{width:140px;height:35px;margin-bottom:30px;margin-top:0}}.dev-icon-container{display:flex;flex-direction:column;justify-content:start;align-items:start;width:100vw;height:100vh}.coming-soon-banner{white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;background-color:#fff;text-align:center;font-size:3rem;color:#000;padding:20px 0}@media (max-width: 768px){.coming-soon-banner{font-size:2rem}}.dev-page-products,.dev-icon-container-products{display:flex;flex-direction:column;justify-content:start;align-items:start;width:100vw;height:100vh}.box-content-projects{display:flex;align-items:center;overflow-x:auto;width:100vw;height:90vh}.horizontal-scroll-products{display:flex;align-items:center;overflow-x:auto;width:100vw;height:auto;gap:20px;scrollbar-width:none;-ms-overflow-style:none}@media (max-width: 768px){.box-content-projects{display:flex;align-items:center;overflow-x:auto;width:100vw;height:65vh}}.content-card{width:auto;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background-color:#333}.content-card.transparent{width:60px;background-color:transparent}.poster{width:auto;height:50vh;display:flex;justify-content:center;align-items:center}.poster-image{height:100%;width:auto;object-fit:cover}.footer{width:100%;height:10vh;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;padding:8px;gap:8px}.square-icon{width:auto;height:100%;margin:2px;overflow:hidden}.icon-image{width:auto;height:100%;object-fit:contain;overflow:hidden}.text-container{width:70%;height:100%;display:flex;flex-direction:column;text-align:left;align-items:start;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.text-line1{font-size:1rem;color:#fff}.text-line2{font-size:.7rem;font-family:Arial;color:#fff}@media (max-width: 768px){.content-card.transparent{width:10px;background-color:transparent}.poster{width:auto;height:45vh;display:flex;justify-content:center;align-items:center}.footer{width:100%;height:10vh;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;padding:8px;gap:8px}.text-line1{font-size:.7rem;color:#fff}.text-line2{font-size:.6rem;font-family:Arial;color:#fff}}.article-page{display:flex;flex-direction:column;justify-content:start;align-items:start;width:100vw;height:80vh}.article-page,.article-icon-container{display:flex;flex-direction:column;justify-content:start;align-items:start;width:100vw;height:100vh}.box-content-articles{display:flex;align-items:center;overflow-x:auto;width:100vw;height:90vh}.horizontal-scroll{display:flex;align-items:start;overflow-x:auto;width:100vw;height:auto;gap:20px;scrollbar-width:none;-ms-overflow-style:none}.horizontal-scroll-products::-webkit-scrollbar{display:none}@media (max-width: 768px){.box-content-articles{display:flex;align-items:center;overflow-x:auto;width:100vw;height:50vh}}.card{display:flex;flex-direction:column;justify-content:start;align-items:start;width:auto;height:60vh;background-color:#333}.card.transparent{width:60px;background-color:transparent}.link-a,.link-a:hover{color:#fff;text-decoration:none}.link-a:focus,.link-a:active{color:#fff;text-decoration:none;outline:none}.cover{height:70%}.image-article{width:auto;height:100%;object-fit:cover}.box-content{width:100%;height:30%;box-sizing:border-box;padding:10px}.title-article{text-align:left;font-size:1.2rem;word-wrap:break-word;white-space:normal;overflow-wrap:break-word;text-decoration:none;padding-bottom:10px}.descrip-article{font-family:Arial;text-align:left;font-size:.8rem;word-wrap:break-word;white-space:normal;overflow-wrap:break-word;text-decoration:none}@media (max-width: 768px){.card{display:flex;flex-direction:column;justify-content:start;align-items:start;width:auto;height:40vh}.card.transparent{width:8px;background-color:transparent}.cover{height:60%}.box-content{width:100%;height:40%;box-sizing:border-box;padding:10px}.title-article{font-size:.8rem}.descrip-article{font-size:.5rem}}html,body{overflow:hidden}.dev-icon-container-details{display:flex;flex-direction:column;justify-content:start;align-items:center;width:100vw;height:100vh}.general-container-details{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:90vh}.background-details{width:100%;height:70vh;display:flex;flex-direction:row;justify-content:start;align-items:start;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;gap:24px;padding-left:10vw;padding-right:10vw}.background-details::-webkit-scrollbar{display:none}.box-top-description-details{width:30vw;height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.top-details{width:100%;height:auto;display:flex;flex-direction:row;justify-content:start;align-items:center;gap:10px;box-sizing:border-box}.box-icon-details{display:flex;flex-direction:row;justify-content:start;align-items:center;aspect-ratio:1 / 1;height:20%}.size-icon-details{width:auto;height:15vh}.box-title-details{display:flex;flex-direction:column;justify-content:start;align-items:start;text-align:left;width:auto;height:100%}.title-details{width:100%;height:5vh;font-size:1.5rem}.subtitle-details{width:100%;height:5vh;font-size:.9rem;font-family:Arial;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.box-badgets-details{display:flex;flex-direction:row;justify-content:start;align-items:start;width:auto;height:5vh}.size-badget-details{width:auto;height:100%;margin-right:.5vw}.description-details{width:30vw;height:auto;text-align:left;align-items:center;font-family:Arial;box-sizing:border-box;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.images-details{width:auto;height:100%;align-items:start;flex-direction:row}.size-images-details{width:auto;height:100%;object-fit:contain;box-sizing:border-box;padding-right:12px}.images-details.horizontal{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:50%;width:auto}.size-images-details.horizontal{box-sizing:border-box;padding-right:12px;padding-bottom:12px;object-fit:contain}@media (max-width: 768px){html,body{overflow:hidden}.dev-icon-container-details{display:flex;flex-direction:column;justify-content:start;align-items:center;width:100vw;height:100vh}.general-container-details{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:60vh}.background-details{width:100%;height:50vh;display:flex;flex-direction:row;justify-content:start;align-items:start;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;gap:24px;padding-left:5vw;padding-right:5vw}.background-details::-webkit-scrollbar{display:none}.box-top-description-details{min-width:70vw;width:90vw;height:auto;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.top-details{width:100%;height:auto;display:flex;flex-direction:row;justify-content:start;align-items:start;gap:10px;box-sizing:border-box}.box-icon-details{display:flex;flex-direction:row;justify-content:start;align-items:center;aspect-ratio:1 / 1;height:20%}.size-icon-details{width:auto;height:15vh}.box-title-details{display:flex;flex-direction:column;justify-content:start;align-items:start;text-align:left;width:auto;height:100%}.title-details{width:100%;height:5vh;font-size:1rem;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.subtitle-details{width:100%;height:7vh;font-size:.8rem;font-family:Arial;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.box-badgets-details{display:flex;flex-direction:row;justify-content:start;align-items:start;width:100%;height:3vh}.size-badget-details{width:auto;height:100%;margin-right:.5vw}.description-details{width:100%;height:auto;font-size:.9rem;text-align:left;align-items:center;font-family:Arial;box-sizing:border-box;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.images-details{width:auto;height:100%;align-items:start;flex-direction:row}.size-images-details{width:auto;height:100%;object-fit:contain;box-sizing:border-box;padding-right:12px}.images-details.horizontal{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:50%;width:auto}.size-images-details.horizontal{box-sizing:border-box;padding-right:12px;padding-bottom:12px;object-fit:contain}}.notfound-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;text-align:center;background-color:#000;color:#fff;padding:20px}p{font-size:1rem;margin:10px 0;opacity:.8}