.preview-body{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:100vh;overflow:hidden}.preview-izquierda,.preview-derecha{position:absolute;width:100%;height:100%}.preview-izquierda{background-color:#7d90efb9;z-index:-1;border-top-right-radius:100px;animation:3.8s forwards linear entradaIzq;border:5px solid #7D90EF}.preview-derecha{background-color:#1848b1e7;z-index:-2;border-bottom-left-radius:100px;animation:3.8s forwards linear entradaDer;border:5px solid #1849B1}.titulo-bienvenida{color:var(--white);font-size:36px;text-align:center}.parrafo-bienvenida{color:var(--white);font-size:20px;text-align:center}.preview-destello{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background-color:var(--white);width:0px;height:0px;position:absolute;animation:5s forwards linear destello}@keyframes entradaIzq{0%{bottom:-100%;left:-100%}70%{bottom:-25%;left:-25%}85%{bottom:-30%;left:-30%}to{bottom:-25%;left:-25%}}@keyframes entradaDer{0%{top:-100%;right:-100%}70%{top:-25%;right:-25%}85%{top:-30%;right:-30%}to{top:-25%;right:-25%}}@keyframes destello{0%{width:0px;height:0px}95%{width:0%;height:0%}to{width:1000%;height:1000%}}.home-welcome-li-cont{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px;width:100%;height:100%;text-decoration:none;list-style:none}.home-welcome-li-cont p,.home-welcome-li-cont b{text-align:justify;width:80%;font-size:14px}.home-skills-li-cont{display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:16px;gap:8px;width:100%;height:100%;text-decoration:none;list-style:none}.home-skills-li{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:20px;place-items:center;width:80%;max-height:80%}.home-skills-li img{width:60px}.home-skills-li-cont button{background-color:var(--dark);color:var(--white);width:180px;height:40px;border-radius:8px;border:.1px solid var(--blue-lite);box-shadow:4px 4px 8px var(--blue-dark);cursor:pointer}.home-skills-li-cont_modal{display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:16px;gap:8px;width:100%;height:100%;text-decoration:none;list-style:none}.home-skills-li_modal{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,1fr);gap:8px;place-items:center;width:80%;height:80%}.home-skills-li_modal img{width:60px}@media screen and (max-width: 768px){.home-skills-li_modal{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,1fr);overflow-y:scroll;gap:6px;width:100%;height:85%}}@media screen and (max-width: 481px){.home-skills-li_modal{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(8,1fr);overflow-y:scroll;gap:4px;width:100%;height:100%}.home-skills-li{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:8px}.home-skills-li img{width:50px}}.home-projects-li-cont{display:flex;flex-direction:column;width:100%;height:100%;text-decoration:none;list-style:none;padding:16px}.home-projects-li{height:90%;position:relative}.home-projects-arraw{position:absolute;top:50%;width:30px;height:30px;cursor:pointer;z-index:100}.projects-arraw-left{left:0}.projects-arraw-right{right:0}.home-projects-container{position:absolute;width:100%;bottom:10px;overflow:hidden}.title-projects{text-align:center}.home-projects-list{display:flex;justify-content:center;align-items:center;width:194%;height:100%;padding:0;margin:0;transition:all .5s ease}.project{width:25%;list-style:none;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:8px}.project-info{width:240px;height:300px;display:flex;justify-content:space-between;align-items:center;flex-direction:column;border-radius:8px;border:1px solid var(--blue-lite)}.project-info img{width:240px;border-radius:8px 8px 0 0}.project-info p{text-align:justify;padding:8px}.project h3{text-align:center;font-size:16px}.project-links{width:100%;display:flex;justify-content:space-around;padding:4px;gap:4px}.btn-git,.btn-site{width:110px;height:35px;border:none;border-radius:8px;cursor:pointer}.btn-git{background-color:var(--blue-dark);color:var(--white)}.btn-site{background-color:var(--dark);color:var(--white)}@media screen and (max-width: 768px){.project{width:100%!important}.home-projects-list{width:400%}}.home-exp-lab-li-cont{width:100%;height:100%;text-decoration:none;list-style:none;padding:16px;display:flex;flex-direction:column;justify-content:center;align-items:center}.home-exp-lab-li-cont h2{text-align:center;margin-bottom:24px}.home-exp-lab-li{width:85%;height:100%;display:flex;justify-content:center;align-items:center}.home-exp-lab-li-desc{display:flex;flex-direction:column;width:50%;border-right:1.5px solid var(--blue-lite);padding:8px}.home-exp-lab-li-desc h5{font-size:16px}.home-exp-lab-li-desc p,.home-exp-lab-li-desc li{font-size:12px}.home-exp-lab-li-img{width:50%;height:90%;padding:8px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);justify-content:center;align-items:center;gap:8px}.home-exp-lab-li-img img{width:80px;height:80px}.cont-img-exp{display:flex;justify-content:center;align-items:center;width:100%;height:100%}@media screen and (max-width: 768px){.home-exp-lab-li{width:100%;flex-direction:column}.home-exp-lab-li-desc{width:100%;border-right:none;border-bottom:1.5px solid var(--blue-lite);padding:4px}.home-exp-lab-li-img{width:100%;height:90%;padding:4px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:4px}.home-exp-lab-li-img img{width:60px;height:60px}}.home-contact-li{width:100%;height:100%;text-decoration:none;list-style:none;padding:16px}.form-contact{width:90%;height:80%;display:flex;flex-direction:column;justify-content:space-around}.home-layout-cont{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.home-layout-content{position:absolute;top:10px;right:0;bottom:10px;width:calc(100% - 350px);border-radius:12px;overflow:hidden}.home-layout-arrow{position:absolute;top:50%;width:40px;height:40px;fill:var(--white);cursor:pointer}.home-layout-arrow-left{left:-38px}.home-layout-arrow-right{right:-38px}.home-layout-list{display:flex;justify-content:center;align-items:center;width:500%;height:100%;padding:0;transition:all .5s ease}.home-layout-list h2{text-align:center}.home-layout-me{position:absolute;top:-20px;left:10px;bottom:-20px;width:350px;background-color:var(--white);display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:12px;border:.1px solid var(--blue-lite);box-shadow:4px 4px 8px var(--blue-dark)}.cont-home-layout-img{width:210px;height:210px;overflow:hidden;border-radius:50%;display:flex;justify-content:center;align-items:center;border:1px solid var(--blue-dark);margin-bottom:12px}.cont-home-layout-img:before{position:absolute;height:220px;width:220px;background-image:conic-gradient(var(--blue-lite) 200deg,transparent 500deg);content:"";border-radius:50%;animation:rotate1 3s linear infinite}.cont-img-home{width:100%;height:100%;overflow:hidden;border-radius:50%;background-color:var(--white);z-index:100;display:flex;justify-content:center;align-items:center}.home-layout-img{width:85%;margin:auto;z-index:100}.home-layout-menu{display:grid;grid-template-columns:repeat(2,50%);gap:8px;margin:8px 0;width:90%}.home-layout-menu-button{width:90%;display:flex;gap:8px}.btn-contact{background-color:var(--blue-lite);color:var(--white);border:none;border-radius:8px;padding:8px;width:100%;cursor:pointer}.btn-CV{background-color:var(--blue-dark);color:var(--white);border:none;border-radius:8px;padding:8px;width:100%;cursor:pointer}.home-layout-menu-li{display:flex;padding-top:8px;gap:8px;cursor:pointer}@keyframes rotate1{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@media screen and (max-width: 1200px){.home-layout-content{top:500px;width:100%}.home-layout-me{left:2.5%;width:95%;height:500px}.home-layout-arrow{top:75%}}:root{--blue-lite: #7D90EF;--blue-dark: #1849B1;--white: #FFFFFF;--dark: #000000}*{margin:0;padding:0;box-sizing:border-box;font-size:.9rem}.home-layout-body{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;position:relative}.home-layout-main1,.home-layout-main2{position:absolute;background-color:#7d90efa6;border-radius:16px}.home-layout-main1{width:85%;min-height:90%;z-index:20}.home-layout-main2{width:92%;height:75%;z-index:20}.home-layout-container{width:80%;height:65%;background-color:var(--white);z-index:50;border-radius:16px}@media screen and (max-width: 1200px){.home-layout-body{min-height:1400px}.home-layout-main1{min-height:90%}.home-layout-main2{min-height:80%}.home-layout-container{min-height:75%}}@media screen and (max-width: 481px){.home-layout-body{min-height:1400px}.home-layout-main1{min-height:95%;width:90%}.home-layout-main2{min-height:80%;width:100%}.home-layout-container{min-height:85%;width:85%}}:root{--aiex-yellow: #F1EC41;--aiex-grey: #F2F4F4;--aiex-white: #FFFFFF;--aiex-dark: #030606}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;overscroll-behavior-y:none}.modal-content{padding:20px;border-radius:8px;width:80%;height:75%;position:relative}.modal-cont{background-color:var(--aiex-white);height:100%;width:100%;padding:15px;border-radius:8px}.modal-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;cursor:pointer;border-radius:50%;background-color:red;color:var(--aiex-white);width:30px;height:30px;display:flex;justify-content:center;align-items:center}.modal-content-body{margin-top:20px}.about-container-modal{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.about-content-text{max-height:40vh;overflow-y:auto;padding-right:10px;text-align:justify;width:100%;box-sizing:border-box}.about-container-modal img{height:180px}@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif}