@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@font-face{font-family:PocketMonk;src:url(/assets/fonts/PocketMonk.ttf);font-weight:400;font-style:normal}:root{--first-color: #0b54ff;--second-color: whitesmoke;--third-color: #333;--background-color: linear-gradient(90deg, #0b54ff, #3ae3e3, #0b54ff);--size-large: 2.5rem;--size-medium: 1.5rem;--size-small: 1rem;--font-title: PocketMonk, sans-serif;--font-default: roboto, sans-serif}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1300be;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#d1101d,#fc0,#00d4ff);border-radius:10px;border:2px solid #0d0081;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--second-color),var(--first-color),var(--second-color))}*{box-sizing:border-box;margin:0;padding:0;list-style:none;text-decoration:none;font-family:var(--font-default)}html,body{background:var(--background-color);height:100%;overflow:hidden}@media (max-width: 550px){body{overflow-y:auto}}@media (max-height: 560px){body{overflow-y:auto}}header{margin-top:10px;display:flex;justify-content:center;align-items:center;width:100%;height:70px}h1{font-family:var(--font-title);color:var(--second-color);text-align:center;font-size:4rem;letter-spacing:20px;text-shadow:-2px -2px 0 black,2px -2px 0 black,-2px 2px 0 black,2px 2px 0 black}header h2{color:var(--second-color);text-align:center;font-size:1.4rem;font-family:cursive;letter-spacing:1px;text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black}@media (max-width: 600px){header{height:auto}h1{padding:0 var(--size-small);font-size:3rem}h2{padding:0 var(--size-small);font-size:var(--size-small)}}main{display:grid;grid-auto-flow:row;grid-template-columns:1fr minmax(280px,320px) 1fr;grid-template-areas:"left center right";align-items:center;justify-items:center;justify-content:space-around;gap:24px;min-height:calc(100vh - 70px);padding:0 2rem;box-sizing:border-box}.buttons-container{display:flex;flex-direction:column;gap:20px;justify-content:space-around;height:100%}.left{grid-area:left}.right{grid-area:right}.buttons-container section{width:250px}.img-container{grid-area:center;width:min(320px,80vw);display:flex;justify-content:center;align-items:center;box-sizing:border-box}@media (max-width: 890px){main{grid-template-columns:.8fr minmax(240px,280px) .8fr;gap:16px;padding:0 var(--size-small)}.buttons-container section{width:250px}}@media screen and (max-width: 768px){main{grid-template-columns:1fr 1fr;grid-template-areas:"img left" "img right";gap:0px;padding:0 .5rem;align-items:center;margin-top:var(--size-small)}.img-container{grid-area:img}.right{grid-area:right;margin-bottom:2rem}.left{grid-area:left;margin-top:2rem}.buttons-container{display:flex;flex-direction:column;justify-content:center;height:auto;gap:20px}}@media (max-width: 600px){main{margin-top:0}.img-container{width:300px}}@media (max-width: 520px){main{gap:10px}.img-container{width:250px}}@media (max-width: 435px){main{grid-template-columns:1fr;grid-template-areas:"up" "center" "down"}.img-container{grid-area:center}.left{grid-area:up}.right{grid-area:down;margin-top:var(--size-small)}section{display:flex;justify-content:center}}@media screen and (min-height: 634px) and (min-width: 436px) and (max-width: 768px) and (orientation: portrait){main{align-content:center;row-gap:50px}.right,.left{row-gap:50px}}main section>button{width:100%;height:80px;box-sizing:border-box;padding:30px 60px;color:var(--second-color);font-weight:700;font-size:1.3rem;border:none;cursor:pointer;text-shadow:1px 1px 2px black,-1px -1px 2px black;background:linear-gradient(135deg,#d1101d,#fc0,#00d4ff);background-size:300% 300%;clip-path:polygon(20% 0%,80% 0%,100% 50%,80% 100%,20% 100%,0% 50%);animation:pulse 2s ease-in-out infinite,gradientShift 8s ease infinite,glow 2s ease-in-out infinite;position:relative;display:flex;align-items:center;justify-content:center;z-index:2}main section>button:hover{transform:scale(1.15)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes glow{0%,to{box-shadow:0 0 10px #ffffff4d}50%{box-shadow:0 0 25px #fffc}}@media (max-width: 999px){main section>button{font-size:1.1rem;width:80%;padding:20px 40px;background-size:200% 200%;height:60px}}@media (max-width: 768px){main section>button{font-size:.9rem;width:60%;background-size:150% 150%;height:60px}}@media (max-width: 520px){main section>button{font-size:.8rem;width:50%}}@media (max-width: 435px){main section>button{width:70%;font-size:.9rem}}@media screen and (min-width: 436px) and (max-width: 768px) and (orientation: portrait){main section>button{width:70%;height:80px}}.capa-externa{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px}.modal{background-color:var(--second-color);border-radius:15px;width:90%;max-height:80vh;overflow-y:hidden;overflow-x:hidden;position:relative;padding:20px 0 20px 50px;box-sizing:border-box;box-shadow:0 0 25px #0006;animation:modalFadeIn .3s ease forwards;display:block}.modal .close{position:absolute;top:10px;right:15px;font-size:var(--size-medium);font-weight:700;color:var(--third-color);background:none;border:none;cursor:pointer;transition:transform .2s ease}.modal .close:hover{transform:scale(1.2);color:red}@keyframes modalFadeIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 700px){.modal{padding:20px 0 20px 20px}}@media (max-width: 570px){.modal{display:flex;flex-direction:column;max-height:80vh;padding:20px;box-sizing:border-box;overflow:visible}.modal .close{position:absolute;top:-14px;right:-10px;font-size:var(--size-medium);font-weight:700;color:var(--first-color);background:var(--second-color);border:none;padding:1px 4px;border-radius:8px;box-shadow:0 6px 18px #00000040;cursor:pointer;transition:transform .14s ease;z-index:10001}}.sobre-mi-content{display:flex;flex-direction:row;align-items:center;gap:30px;width:100%;box-sizing:border-box;padding:20px}.sobre-mi-content img{max-width:300px;height:auto;display:block;margin-bottom:var(--size-small)}.sobre-mi-texto{display:flex;flex-direction:column;gap:15px;flex:1;text-align:center;overflow-y:auto;max-height:calc(80vh - 40px);padding:0 10px 20px 0}.sobre-mi-texto h2{font-family:var(--font-title);font-size:var(--size-large);color:var(--first-color);margin:0;letter-spacing:5px}.sobre-mi-texto p{font-size:1.1rem;line-height:1.6;color:var(--third-color)}@media (max-width: 1000px){.sobre-mi-content img{max-width:250px}.sobre-mi-texto p{font-size:var(--size-small)}.sobre-mi-content{gap:5px;padding:20px 20px 20px 0}}@media (max-width: 880px){.sobre-mi-content img{max-width:200px}.sobre-mi-content{gap:0px}}@media (max-width: 650px){.sobre-mi-content img{max-width:170px}.sobre-mi-texto p{font-size:.8rem}}@media (max-width: 566px){.sobre-mi-content{flex-direction:column;overflow-y:auto;min-height:0;align-items:center;padding:12px 16px}.sobre-mi-texto{max-height:none;overflow:visible}.sobre-mi-texto p{max-height:none}}.contacto-content{display:flex;flex-direction:row;align-items:center;gap:30px;width:100%;box-sizing:border-box;padding:20px}.contacto-content img{max-width:300px;height:auto;display:block;padding-top:1,5rem}.contacto-text{display:flex;flex-direction:column;gap:15px;flex:1;align-items:center}.contacto-text h2{font-family:var(--font-title);font-size:var(--size-large);color:var(--first-color);margin:0;letter-spacing:5px}.contacto-text li{display:flex;align-items:center;gap:.8rem;margin-bottom:var(--size-small);color:var(--third-color);font-size:1.1rem;line-height:1.6}.contacto-text li img{width:24px;height:24px;object-fit:contain}.contacto-text a{font-size:1.1rem;line-height:1.6;color:var(--third-color)}.contacto-text a:hover{text-decoration:underline}@media (max-width: 884px){.contacto-content img{max-width:250px}}@media (max-width: 786px){.contacto-text h2{font-size:2rem}.contacto-text li,.contacto-text a{font-size:var(--size-small)}.contacto-content{gap:0;padding:20px 20px 20px 0}}@media (max-width: 664px){.contacto-content img{max-width:200px}}@media (max-width: 611px){.contacto-text h2{font-size:1.7rem}.contacto-text li,.contacto-text a{font-size:.8rem}.contacto-content img{max-width:170px}}@media (max-width: 537px){.contacto-content{flex-direction:column;overflow:auto}.contacto-content img{margin-bottom:var(--size-small)}.contacto-text li img{margin:0}}.academic-projects-content{display:flex;flex-direction:row;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:20px 10px}.academic-projects-content img{max-width:300px;height:auto;display:block;border-radius:50px}.academic-projects-container{display:flex;flex-direction:column;gap:15px;flex:1;text-align:center;max-height:calc(80vh - 40px);overflow-y:auto}.academic-projects-container h2{font-family:var(--font-title);font-size:var(--size-large);color:var(--first-color);margin:0;letter-spacing:5px}.academic-projects-gallery{display:flex;align-items:center;flex-direction:column}.academic-projects-gallery div{margin:var(--size-medium);width:80%;display:flex;align-items:center;flex-direction:column;background:linear-gradient(90deg,#0b54ff,#0d0081,#0b54ff);border-radius:20px;padding:15px;box-shadow:10px 10px 10px #0000004d;transition:.3s ease;cursor:pointer}.academic-projects-gallery div:hover{transform:scale(1.05)}.academic-projects-gallery>div>h3{color:var(--second-color);font-size:2rem;white-space:pre-line}.academic-projects-gallery>div>img{cursor:pointer;max-width:none;width:80%;margin-top:.7rem;border-radius:20px}.academic-projects-gallery>div>p{gap:.8rem;margin:var(--size-small) 0rem;color:var(--second-color);font-size:1.1rem;line-height:1.6;white-space:pre-line}@media (max-width: 910px){.academic-projects-content img{max-width:250px}.academic-projects-content{gap:0;padding:20px 10px 20px 0}.academic-projects-gallery>div>img{width:100%;max-width:500px;height:auto}}@media (max-width: 795px){.academic-projects-container h2{font-size:2rem}.academic-projects-gallery>div>h3{font-size:var(--size-medium)}.academic-projects-gallery>div>p{font-size:var(--size-small)}}@media (max-width: 680px){.academic-projects-content img{max-width:200px}.academic-projects-gallery>div>h3{font-size:1.2rem}.academic-projects-gallery>div>p{font-size:.8rem}.academic-projects-gallery div{margin:.7rem}}@media (max-width: 585px){.academic-projects-content{flex-direction:column;overflow-y:auto}.academic-projects-content img{max-width:170px;margin-bottom:var(--size-small)}.academic-projects-container{overflow:visible}}.content-creator-content{display:flex;flex-direction:row;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:20px 10px}.content-creator-content img{max-width:300px;height:auto;display:block;border-radius:50px}.content-creator-container{display:flex;flex-direction:column;gap:15px;flex:1;text-align:center;max-height:calc(80vh - 40px);overflow-y:auto}.content-creator-container h2{font-family:var(--font-title);font-size:var(--size-large);color:var(--first-color);margin:0;letter-spacing:5px}.content-creator-gallery{display:flex;align-items:center;flex-direction:column}.content-creator-gallery div{margin:var(--size-medium) 0;width:80%;display:flex;align-items:center;flex-direction:column;background:linear-gradient(90deg,#0b54ff,#0d0081,#0b54ff);border-radius:20px;padding:20px;box-shadow:10px 10px 10px #0000004d;transition:.3s ease}.content-creator-gallery div:hover{transform:scale(1.05)}.content-creator-gallery>div>h3{color:var(--second-color);font-size:2rem;margin:0}.content-creator-gallery>div>img{cursor:pointer;max-width:none;width:50%;max-height:400px;margin-top:.7rem;border-radius:20px}.video-preview{margin-top:.7rem;aspect-ratio:16 / 9;width:60%;border-radius:10px}.video-preview.vertical{aspect-ratio:9 / 16;width:min(72%,420px);max-width:420px;max-height:200px;height:100%}.content-creator-gallery>div>p{gap:.8rem;margin:var(--size-small) 0rem;color:var(--second-color);font-size:1.1rem;line-height:1.6}@media (max-width: 1000px){.content-creator-content img{max-width:250px}.content-creator-content{gap:0;padding:20px 10px 20px 0}.content-creator-container h2{font-size:2.2rem}.content-creator-gallery>div>img{width:100%;max-width:400px;height:auto}.video-preview{width:100%;max-width:500px}}@media (max-width: 890px){.content-creator-container h2{font-size:2rem}.content-creator-content img{max-width:200px}.content-creator-gallery>div>h3{font-size:var(--size-medium)}.content-creator-gallery>div>p{font-size:var(--size-small)}}@media (max-width: 790px){.content-creator-container h2{font-size:1.7rem}.content-creator-content img{max-width:170px}}@media (max-width: 650px){.content-creator-gallery>div>h3{font-size:1.3rem}.content-creator-gallery>div>p{font-size:.8rem}}@media (max-width: 570px){.content-creator-content{flex-direction:column;overflow-y:auto}.content-creator-content img{max-width:150px;margin-bottom:var(--size-small)}.content-creator-container{overflow:visible}}.skills-content{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:20px 10px}.skills-content img{max-width:300px;height:auto;display:block;border-radius:50px;margin-bottom:var(--size-small)}.skills-container{flex:1;max-height:calc(80vh - 40px);overflow-y:auto;width:100%;min-width:0;display:flex;flex-direction:column;justify-content:start;align-items:center;margin-left:2rem;margin-right:var(--size-small)}.skills-container h2{font-family:var(--font-title);font-size:var(--size-large);color:var(--first-color);margin-bottom:var(--size-small);letter-spacing:5px;display:flex;justify-content:center}.skills-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));row-gap:.5rem;column-gap:2rem;justify-content:center;justify-items:center;align-items:start;width:100%;max-width:500px;box-sizing:border-box;flex:1}.future-skills-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,max-content));width:100%;max-width:800px;box-sizing:border-box;justify-content:center}.skill-content,.future-skill-content{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--size-small);text-align:center}.skill-content>img,.future-skill-content>img{max-width:none;height:50px;margin-bottom:.7rem;border-radius:0}@media (max-width: 1000px){.skills-content img{max-width:250px}.skills-gallery{column-gap:var(--size-small)}}@media (max-width: 760px){.skills-content img{max-width:200px}.skills-container{margin-left:var(--size-small)}}@media (max-width: 660px){.skills-container h2{font-size:1.8rem}.skill-content>img,.future-skill-content>img{height:35px}.skill-content,.future-skill-content{font-size:.8rem}.skills-gallery{column-gap:0}}@media (max-width: 603px){.skills-content img{max-width:150px}}@media (max-width: 566px){.skills-content{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:10px 0;flex:1 1 auto;min-height:0;overflow-y:auto}.skills-container{margin-left:0;margin-right:0;max-height:none;overflow:visible}.skills-gallery,.future-skills-gallery{max-height:none}.skills-content img{margin:0 0 var(--size-small) 0}}.job-projects-content{display:flex;flex-direction:row;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:20px 10px}.job-projects-content img{max-width:300px;height:auto;display:block;border-radius:50px}.job-projects-container{display:flex;flex-direction:column;gap:15px;flex:1;text-align:center;max-height:calc(80vh - 40px);overflow-y:auto}.job-projects-container h2{font-family:var(--font-title);font-size:var(--size-large);color:var(--first-color);margin:0;letter-spacing:5px}.job-projects-gallery{display:flex;align-items:center;flex-direction:column}.job-projects-gallery div{margin:var(--size-medium);width:80%;display:flex;align-items:center;flex-direction:column;background:linear-gradient(90deg,#0b54ff,#0d0081,#0b54ff);border-radius:20px;padding:15px;box-shadow:10px 10px 10px #0000004d;transition:.3s ease;cursor:pointer}.job-projects-gallery div:hover{transform:scale(1.05)}.job-projects-gallery>div>h3{color:var(--second-color);font-size:2rem;white-space:pre-line}.job-projects-gallery>div>img{cursor:pointer;max-width:none;width:80%;margin-top:.7rem;border-radius:20px}.job-projects-gallery>div>p{gap:.8rem;margin:var(--size-small) 0rem;color:var(--second-color);font-size:1.1rem;line-height:1.6;white-space:pre-line}@media (max-width: 910px){.job-projects-content img{max-width:250px}.job-projects-content{gap:0;padding:20px 10px 20px 0}.job-projects-gallery>div>img{width:100%;max-width:500px;height:auto}}@media (max-width: 795px){.job-projects-container h2{font-size:2rem}.job-projects-gallery>div>h3{font-size:var(--size-medium)}.job-projects-gallery>div>p{font-size:var(--size-small)}}@media (max-width: 680px){.job-projects-content img{max-width:200px}.job-projects-gallery>div>h3{font-size:1.2rem}.job-projects-gallery>div>p{font-size:.8rem}.job-projects-gallery div{margin:.7rem}}@media (max-width: 585px){.job-projects-content{flex-direction:column;overflow-y:auto}.job-projects-content img{max-width:170px;margin-bottom:var(--size-small)}.job-projects-container{overflow:visible}}.titulacion-content{display:flex;flex-direction:row;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:20px 10px}.titulacion-content img{max-width:300px;height:auto;display:block;border-radius:50px}.titulacion-container{display:flex;flex-direction:column;gap:15px;flex:1;text-align:center;max-height:calc(80vh - 40px);overflow-y:auto}.titulacion-container h2{font-family:var(--font-title);font-size:var(--size-large);color:var(--first-color);margin:0;letter-spacing:5px}.titulacion-gallery{display:flex;align-items:center;flex-direction:column}.titulacion-gallery div{margin:var(--size-medium);width:80%;display:flex;align-items:center;flex-direction:column;background:linear-gradient(90deg,#0b54ff,#0d0081,#0b54ff);border-radius:20px;padding:15px;box-shadow:10px 10px 10px #0000004d;transition:.3s ease;cursor:pointer}.titulacion-gallery div:hover{transform:scale(1.05)}.titulacion-gallery>div>h3{color:var(--second-color);font-size:2rem;white-space:pre-line}.titulacion-gallery>div>img{cursor:pointer;max-width:none;width:80%;margin-top:.7rem;border-radius:20px}.titulacion-gallery>div>p{gap:.8rem;margin:var(--size-small) 0rem;color:var(--second-color);font-size:1.1rem;line-height:1.6;white-space:pre-line}@media (max-width: 910px){.titulacion-content img{max-width:250px}.titulacion-content{gap:0;padding:20px 10px 20px 0}.titulacion-gallery>div>img{width:100%;max-width:500px;height:auto}}@media (max-width: 795px){.titulacion-container h2{font-size:2rem}.titulacion-gallery>div>h3{font-size:var(--size-medium)}.titulacion-gallery>div>p{font-size:var(--size-small)}}@media (max-width: 680px){.titulacion-content img{max-width:200px}.titulacion-gallery>div>h3{font-size:1.2rem}.titulacion-gallery>div>p{font-size:.8rem}.titulacion-gallery div{margin:.7rem}}@media (max-width: 585px){.titulacion-content{flex-direction:column;overflow-y:auto}.titulacion-content img{max-width:170px;margin-bottom:var(--size-small)}.titulacion-container{overflow:visible}}#intro{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--background-color);color:var(--second-color);z-index:9999}#intro p{font-family:var(--font-title);text-shadow:-2px -2px 0 black,2px -2px 0 black,-2px 2px 0 black,2px 2px 0 black;letter-spacing:10px}.leftP,.rightP{font-size:6rem;margin:.5rem 0;white-space:nowrap;opacity:0}.leftP{animation:slideInFromLeft 1s forwards}.rightP{animation:slideInFromRight 1s forwards;animation-delay:.3s}@keyframes slideInFromLeft{0%{transform:translate(-100vw);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromRight{0%{transform:translate(100vw);opacity:0}to{transform:translate(0);opacity:1}}.fadeOut{animation:fadeOutAnim 1s forwards}@keyframes fadeOutAnim{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}header,main{transition:opacity .8s ease}@media (max-width: 975px){.leftP,.rightP{font-size:4.5rem}}@media (max-width: 800px){.leftP,.rightP{font-size:3.5rem}}@media (max-width: 660px){.leftP,.rightP{font-size:var(--size-large)}}@media (max-width: 520px){#intro p{text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black;letter-spacing:5px}}@media (max-width: 440px){.leftP,.rightP{font-size:var(--size-medium)}}.avatar-img{display:block;width:auto;height:500px;object-fit:cover;margin:0 auto}@media (max-width: 999px){.avatar-img{max-height:400px;max-width:260px}}@media (max-width: 768px){.avatar-img{max-height:400px;max-width:280px}}@media (max-width: 600px){.avatar-img{max-height:320px;max-width:240px}}