*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{scrollbar-color:#926d34 transparent;scroll-behavior:smooth;overflow-x:hidden}body{margin:0;padding:0;background:#000}.texto-osint{color:white;margin:5rem;font-size:26px}nav{position:fixed;z-index:99;width:100%;background:#000000;filter:drop-shadow(0 5px 5px #9c10bb)}nav .wrapper{position:relative;max-width:1300px;padding:0px 30px;height:60px;line-height:60px;margin:auto;display:flex;align-items:center;justify-content:space-between}.wrapper .logo a{color:#f2f2f2;font-size:30px;font-weight:100px;text-decoration:none}.logo-menu{width:130px;margin-top:8.5rem;border-radius:10% 10% 45% 45%}.wrapper .nav-links{display:inline-flex}.nav-links li{list-style:none}.nav-links li a{color:#e963d7;text-decoration:none;font-size:18px;font-weight:500;padding:9px 15px;border-radius:5px;transition:all 0.3s ease}.nav-links li a:hover{color:#d9d9d9;background:#000000;box-shadow:0 6px 10px rgba(223,61,196,0.589)}.nav-links .mobile-item{display:none}.nav-links .drop-menu{position:absolute;background:#242526;width:180px;line-height:45px;top:85px;opacity:0;visibility:hidden;box-shadow:0 6px 10px rgba(81,10,92,0.15)}.nav-links li:hover .drop-menu,.nav-links li:hover .mega-box{transition:all 0.3s ease;top:60px;opacity:1;visibility:visible}.drop-menu li a{width:100%;display:block;padding:0 0 0 15px;font-weight:400;border-radius:0px}.mega-box{position:absolute;left:0;width:100%;padding:0 30px;top:85px;opacity:0;visibility:hidden}.mega-box .content{background-image:url(/130/1308898.webp);background-repeat:no-repeat;background-size:cover;padding:25px 20px;display:flex;width:100%;justify-content:space-between;box-shadow:3px 3px 3px rgba(205,66,196,0.736);border-bottom-right-radius:10px;border-bottom-left-radius:10px}.mega-box .content .row{width:calc(25% - 30px);line-height:45px}.content .row img{width:100%;height:auto;object-fit:cover}.content .row header{color:#ce89ff;font-size:25px;font-weight:500}.content .row .mega-links{margin-left:-40px;border-left:1px solid rgba(255,255,255,0.428)}.row .mega-links li{padding:0 20px}.row .mega-links li a{padding:0px;padding:0 20px;color:#d9d9d9;font-size:17px;display:block}.row .mega-links li a:hover{color:#e37eff}.wrapper .btn{color:#fffafa;font-size:20px;cursor:pointer;display:none}.wrapper .btn.close-btn{position:absolute;right:30px;top:10px}@media screen and (max-width:970px){.wrapper .btn{display:block}.wrapper .nav-links{position:fixed;height:100vh;width:100%;max-width:350px;top:0;left:-100%;background:#242526;display:block;padding:50px 10px;line-height:50px;overflow-y:auto;box-shadow:0px 15px 15px rgba(0,0,0,0.18);transition:all 0.3s ease}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#242526}::-webkit-scrollbar-thumb{background:#3A3B3C}#menu-btn:checked ~ .nav-links{left:0%}#menu-btn:checked ~ .btn.menu-btn{display:none}#close-btn:checked ~ .btn.menu-btn{display:block}.nav-links li{margin:15px 10px}.nav-links li a{padding:0 20px;display:block;font-size:20px}.nav-links .drop-menu{position:static;opacity:1;top:65px;visibility:visible;padding-left:20px;width:100%;max-height:0px;overflow:hidden;box-shadow:none;transition:all 0.3s ease}#showDrop:checked ~ .drop-menu,#showMega:checked ~ .mega-box{max-height:100%}.nav-links .desktop-item{display:none}.nav-links .mobile-item{display:block;color:#f2f2f2;font-size:20px;font-weight:500;padding-left:20px;cursor:pointer;border-radius:5px;transition:all 0.3s ease}.nav-links .mobile-item:hover{background:#3A3B3C}.drop-menu li{margin:0}.drop-menu li a{border-radius:5px;font-size:18px}.mega-box{position:static;top:65px;opacity:1;visibility:visible;padding:0 20px;max-height:0px;overflow:hidden;transition:all 0.3s ease}.mega-box .content{box-shadow:none;flex-direction:column;padding:20px 20px 0 20px}.mega-box .content .row{width:100%;margin-bottom:15px;border-top:1px solid rgba(255,255,255,0.08)}.mega-box .content .row:nth-child(1),.mega-box .content .row:nth-child(2){border-top:0px}.content .row .mega-links{border-left:0px;padding-left:15px}.row .mega-links li{margin:0}.content .row header{font-size:19px}}nav input{display:none}.body-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;padding:0 30px}.body-text div{font-size:45px;font-weight:600}span{margin:0;padding:0;font-size:25px}i{margin-right:4px;line-height:0.25}#linkanimation{text-decoration:none;color:white;position:relative}#linkanimation::before{content:"";background:linear-gradient(to right,rgb(255,255,255) 45%,rgba(255,255,255,0.3) 55%);background-size:220% 100%;background-position:100% 50%;width:100%;height:2px;position:absolute;left:0;bottom:0;background-repeat:no-repeat;transition:.3s ease-out}#linkanimation:hover::before{background:linear-gradient(to right,rgb(255,255,255) 45%,rgba(255,255,255,0.3) 55%);background-size:220% 100%;background-position:0% 50%;transition:.3s ease-out}.bt-juegos{color:#ac25b1}#header{width:100%;height:60vh;min-height:100%;display:flex;justify-content:center;align-items:center;background-color:#000;background-image:url(images/hacker-fondo.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;font-family:'Rajdhani',sans-serif;filter:blur(3px)}.drop-shadow{height:100%;width:100%;filter:drop-shadow(0px 20px 10px rgba(0,0,0,0.30));display:flex;justify-content:center;align-items:center;-webkit-animation:blurFadeIn 2s ease-in 1s backwards;-moz-animation:blurFadeIn 2s ease-in 1s backwards;animation:blurFadeIn 2s ease-in 1s backwards}.drop-shadow:before{display:block;content:"";position:absolute;top:10%;height:calc(100% - 40%);width:100%;border-top:0px solid #e1e1e133;border-left:0px solid #e1e1e11a;border-right:0px solid #e1e1e14d;z-index:2;filter:blur(-4px)}.drop-shadow span{position:absolute;z-index:5;color:black;font-size:70px;letter-spacing:0.20em;text-align:center;filter:drop-shadow(rgb(255,255,255) 2rem 2rem 5px);font-weight:900}.glass{height:100%;width:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;clip-path:inset(20%);filter:blur(20px);display:flex;justify-content:center;align-items:center}@keyframes blurFadeIn{0%{opacity:0}50%{opacity:0.5}100%{opacity:1}}@-webkit-keyframes blurFadeIn{0%{opacity:0}50%{opacity:0.5}100%{opacity:1}}@-moz-keyframes blurFadeIn{0%{opacity:0}50%{opacity:0.5}100%{opacity:1}}@media (max-width:1180px){.glass{clip-path:inset(30% 10%)}.drop-shadow:before{top:30%;width:calc(100% - 20%);height:calc(100% - 60%)}.drop-shadow span{display:table;padding:0 2em;text-align:center;font-size:22px}}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{background:rgb(0,0,0)}.headline{color:#ffffff;font-size:30px;width:60vw;height:10vw;margin:1vh;text-align:center;justify-content:center;align-items:center;display:flex;filter:blur(1px)}.foos{color:purple;font-size:40px;margin-left:0.5rem;font-weight:900}.wrapper{width:90%;margin:0 auto;max-width:80rem}.cols{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.col{width:calc(25% - 2rem);margin:1rem;cursor:pointer}.container{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:1000px;perspective:1000px}.front,.back{background-size:cover;box-shadow:0 4px 8px 0 rgba(0,0,0,0.25);border-radius:10px;background-position:center;-webkit-transition:-webkit-transform .7s cubic-bezier(0.4,0.2,0.2,1);transition:-webkit-transform .7s cubic-bezier(0.4,0.2,0.2,1);-o-transition:transform .7s cubic-bezier(0.4,0.2,0.2,1);transition:transform .7s cubic-bezier(0.4,0.2,0.2,1);transition:transform .7s cubic-bezier(0.4,0.2,0.2,1),-webkit-transform .7s cubic-bezier(0.4,0.2,0.2,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;text-align:center;min-height:280px;box-shadow:0 0 10px solid blue;height:auto;border-radius:10px;color:#fff;font-size:1.5rem;filter:drop-shadow(rgba(73,2,71,0.467) 0.3rem 0.3rem 0.5px);filter:blur(1px)}.back{background:#f82cf1d2;background:-webkit-linear-gradient(45deg,#000000 0%,#000000 100%);background:-o-linear-gradient(25deg,#000000 0%,#000000 100%);background:linear-gradient(120deg,#000000 50%,#f644c7 100%);filter:drop-shadow(rgba(253,61,215,0.76) 0.3rem 0.3rem 0.5px);filter:blur(0.6px)}.front:after{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;content:'';display:block;opacity:.6;background-color:rgba(178,30,129,0.628);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:10px;filter:drop-shadow(rgba(237,120,233,0.621) 0.3rem 0.3rem 0.5px)}.container:hover .front,.container:hover .back{-webkit-transition:-webkit-transform .7s cubic-bezier(0.4,0.2,0.2,1);transition:-webkit-transform .7s cubic-bezier(0.4,0.2,0.2,1);-o-transition:transform .7s cubic-bezier(0.4,0.2,0.2,1);transition:transform .7s cubic-bezier(0.4,0.2,0.2,1);transition:transform .7s cubic-bezier(0.4,0.2,0.2,1),-webkit-transform .7s cubic-bezier(0.4,0.2,0.2,1)}.back{position:absolute;top:0;left:0;width:100%}.inner{-webkit-transform:translateY(-50%) translateZ(60px) scale(0.94);transform:translateY(-50%) translateZ(60px) scale(0.94);top:50%;position:absolute;left:0;width:100%;padding:2rem;-webkit-box-sizing:border-box;box-sizing:border-box;outline:1px solid transparent;-webkit-perspective:inherit;perspective:inherit;z-index:2}.text-cajas{font-size:20px}.text-cajas2{font-size:22px}.text-footer{color:rgba(74,157,235,0.595);font-size:20px;font-weight:400}.container .back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.container .front{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.container:hover .back{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.container:hover .front{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.front .inner p{font-size:2rem;margin-bottom:2rem;position:relative}.front .inner p:after{content:'';width:4rem;position:absolute;background:#bf27b082;display:block;left:0;right:0;margin:0 auto;bottom:-.75rem}.front .inner span{color:rgba(255,255,255,0.7);font-family:'Montserrat';font-weight:300}@media screen and (max-width:64rem){.col{width:calc(33.333333% - 2rem)}}@media screen and (max-width:48rem){.col{width:calc(50% - 2rem)}}@media screen and (max-width:32rem){.col{width:100%;margin:0 0 2rem 0}}.footer{color:#00d4ff;margin:10vh auto;flex-direction:column;justify-content:center;align-items:center;display:flex}.footer h1{font-size:30px;transition:all .5s ease-out}.footer h1:hover{font-size:50px}@media screen and (max-width:1000px){#header{width:100%;height:100vh;min-height:100%;display:flex;justify-content:center;align-items:center;background-color:#000;background-image:url(images/hacker-fondo.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;font-family:'Rajdhani',sans-serif;filter:blur(2px)}.drop-shadow span{position:absolute;z-index:5;color:black;font-size:50px;letter-spacing:0.20em;text-align:center;filter:drop-shadow(rgb(255,255,255) 2rem 2rem 5px);font-weight:900}.drop-shadow:before{display:block;content:"";position:absolute;top:10%;height:calc(100% - 40%);width:100%;border-top:0px solid #e1e1e133;border-left:0px solid #e1e1e11a;border-right:0px solid #e1e1e14d;z-index:2;filter:blur(0px)}.foos{color:purple;font-size:30px;margin-left:0.5rem;font-weight:900;visibility:hidden}}