:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:(255,255,255,.87);background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.video-background{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:-1;pointer-events:none}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}body.dark{color:#ffffffde}figure{margin:0;padding:0}.cards-wrapper{display:flex;align-items:center;justify-content:center;gap:225px;width:100%;min-height:60vh}.cards{perspective:600px}.card{width:600px;height:410px;background:#edededcc;border:2px solid #555555;border-radius:15px;position:relative;opacity:.8;box-shadow:20px 20px 10px -5px #1c1c1c}.card_title{color:#fff;position:absolute;top:60%;right:20px;transform:translateY(-50%);transition:transform .8s;font:700 2.5rem monospace;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.card_title1{color:#fff;position:absolute;top:75%;right:20px;transform:translateY(-50%);transition:transform .8s;font:700 2rem monospace;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.tags-card{max-width:430px;padding:20px;display:flex}.title{font-weight:750;font-size:1.7em;Color:#2c2c2c}.tag__name{display:inline-block;color:#fff;font-size:1.1em;background-color:#5f5f5f;padding:6px 23px 9px;border-radius:70em;margin:8px 6px 8px 0;position:relative;text-transform:lowercase;cursor:pointer;transition:all .3s ease-in-out}.tag__name:before,.tag__name:after{content:"";position:absolute;top:40%;width:7px;height:7px;border-radius:50%;background:#90a955}.tag__name:before{left:7px}.tag__name:after{right:7px}.tag__name:hover{transform:scale(1.1);background-color:#51572c}.social-card{background:#edededcc;border:2px solid #555;border-radius:15px;padding:25px;display:flex;flex-direction:column;gap:20px;box-shadow:20px 20px 10px -5px #1c1c1c}.social-btn{width:75px;height:75px;border-radius:50%;background:#3b3b3b;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.social-icon{width:35px;fill:#fff}.social-btn.github:hover{background:#4e4e4e}.social-btn.gmail:hover{background:#d93025}.social-btn.linkedin:hover{background:#0072b1}.social-btn:hover .social-icon{animation:slide-in-top .3s both}@keyframes slide-in-top{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.about-section{display:flex;flex-direction:column;align-items:center}.about-title{font-size:3rem;font-weight:800;color:#dbdbdb;text-align:center;letter-spacing:2px}.uiverse-card{width:500px;height:450px;background:#edededcc;border-radius:55px 32px 32px;padding:3px;position:relative;overflow:hidden;box-shadow:20px 20px 10px -5px #1c1c1c}.uiverse-card .profile-pic{position:absolute;width:210px;height:210px;top:5%;left:50%;transform:translate(-50%);border-radius:50%;overflow:hidden;border:6px solid #cfcfcf;z-index:3;background:#111}.uiverse-card .profile-pic img{width:100%;height:100%;object-fit:cover;object-position:center}.uiverse-card .bottom{position:absolute;left:30px;right:30px;bottom:15px;height:180px;background:#d6d6d6;border-radius:29px;z-index:2;display:flex;flex-direction:column;justify-content:center}.uiverse-card .content{text-align:center;margin-bottom:.5rem}.uiverse-card .name{display:block;font-size:2rem;font-weight:700;color:#2b2b2b}.uiverse-card .about-me{display:block;margin-top:.2rem;font-size:1.6rem;color:#555}.uiverse-card .bottom-bottom{display:flex;justify-content:center}.contact-btn{padding:.7rem 5rem;font-size:1.2rem;border-radius:999px;border:none;background:#4b4b4b;color:#fff;cursor:pointer;transition:background .3s ease,transform .2s ease}.contact-btn:hover{background:#2f2f2f;transform:scale(1.08)}.container_mouse{position:fixed;bottom:40px;left:50%;transform:translate(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:8px;padding-left:25px;opacity:1;pointer-events:auto;transition:opacity .5s ease,transform .5s ease}.container_mouse.hide{opacity:0;transform:translate(-50%) translateY(20px);pointer-events:none}.container_mouse.show{opacity:1;transform:translate(-50%) translateY(0)}.mouse-btn{width:40px;height:80px;border:3px solid rgba(122,122,124,.918);border-radius:20px;display:flex}.mouse-scroll{width:20px;height:20px;background:linear-gradient(170deg,#7a7a7cea,#7b7c7c);border-radius:50%;margin:auto;animation:scrolling13 1s linear infinite}@keyframes scrolling13{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(20px)}}.hero{min-height:85vh;display:flex;justify-content:center;align-items:center}.projects{min-height:84vh;display:flex;justify-content:center;align-items:flex-start;justify-content:space-evenly}.tarjeta{width:30%;height:315px;background:#edededcc;border-radius:20px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:transform .25s ease;cursor:pointer}.tarjeta img{position:absolute;width:95%;height:auto;z-index:1;transition:transform .3s ease,filter .3s ease}.textBox{z-index:2;text-align:center;opacity:0;display:flex;flex-direction:column;transition:opacity .25s ease}.textBox .head{font-size:2.2rem;font-weight:700;color:#dbdbdb}.textBox .p{font-size:1.7rem;color:#dbdbdb}.tarjeta:hover{transform:scale(1.04) rotate(-1deg)}.tarjeta:hover .textBox{opacity:1}.tarjeta:hover img{transform:translateY(-15px);filter:blur(6px)}.projects-section{min-height:50vh;padding:120px 80px;display:flex;flex-direction:column;align-items:center;gap:60px}.projects-title{font-size:3rem;font-weight:800;color:#dbdbdb;text-align:center;letter-spacing:2px}.projects-cards{width:200%;display:flex;justify-content:space-evenly;align-items:center;gap:60px}.footer{width:100%;padding:40px 0 30px;display:flex;flex-direction:column;align-items:center;gap:20px}.footer-line{width:80%;max-width:900px;height:1px;background-color:#ffffffb3}.footer-text{font-size:1.5rem;letter-spacing:1px;color:#ffffffbf}