.IntroHero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:100vh;padding:10px 20px;background:radial-gradient(ellipse at bottom,rgb(128 0 128 / 0%) 0%,transparent 60%),#fff;color:#333;position:relative;overflow:hidden;transition:background .3s ease,color .3s ease;border-bottom:1px solid #0000001a}.dark .IntroHero{background:radial-gradient(ellipse at bottom,rgba(128,0,128,.3) 0%,transparent 60%),#000;color:#fff;border-bottom:1px solid #ffffff1a}.hero-decoration-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right,rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.03) 1px,transparent 1px);background-size:40px 40px;z-index:0;pointer-events:none}.dark .hero-decoration-grid{background-image:linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px)}.hero-decoration-line{background-color:#0000001a;pointer-events:none;z-index:0}.dark .hero-decoration-line{background-color:#ffffff1a}.hero-line-horizontal-top{top:20%;left:0;width:100%;border:none;height:.1px;background-color:#0000001a}.dark .hero-line-horizontal-top{background-color:#ffffff1a}.hero-line-horizontal-middle{top:34%;left:0;width:100%;height:1px;border-top-width:1px;transform:translateY(-50%)}.hero-line-horizontal-bottom{bottom:18%;left:0;width:100%;height:1px;border-top-width:1px}.hero-line-vertical-left{position:absolute;top:0;left:20%;width:1px;height:100%;border-left-width:1px}.hero-line-vertical-right{position:absolute;top:0;right:20%;width:1px;height:100%;border-left-width:1px}.hero-decoration-dots{position:absolute;background-image:radial-gradient(circle,rgba(0,0,0,.05) 1px,transparent 1px);background-size:15px 15px;pointer-events:none;z-index:0}.dark .hero-decoration-dots{background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px)}.hero-dots-1{width:100%;height:100%;top:0;left:0}.reviews-badge{display:flex;align-items:center;gap:10px;margin:60px 0 20px;color:#666;font-size:14px;position:relative;z-index:1}.dark .reviews-badge{color:#bbb}.avatars{display:flex}.avatars span{width:32px;height:32px;border-radius:50%;border:1px solid #0f0f0f1a;margin-left:-8px;align-content:center}.dark .avatars span{border:1px solid #ffffff1a}.hero-content{position:relative;width:100%;z-index:1}.hero-content h1{font-size:6rem;font-weight:700;margin-bottom:20px;color:#333}.dark .hero-content h1{color:#fff}.hero-content p{max-width:700px;margin:0 auto 15px;color:#6e6e6e;font-size:1rem;font-weight:500;line-height:1.6}.dark .hero-content p{color:#aaa}.hero-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:20px 0}.primary-button{background-color:#000;color:#fff;padding:12px 20px;border-radius:8px;font-weight:600;text-decoration:none;transition:.3s ease;position:relative;z-index:1}.dark .primary-button{background-color:#fff;color:#000}.primary-button:hover{transform:translateY(-1px)}.secondary-button{color:#666;text-decoration:none;font-weight:500;display:flex;align-items:center;font-size:16px;position:relative;z-index:1}.dark .secondary-button{color:#aaa}.secondary-button:hover{text-decoration:underline}.socials-media-intro{display:flex;justify-content:center;gap:20px;margin-top:40px;position:relative;z-index:1}.socials-media-intro a{font-size:24px;color:#666}.dark .socials-media-intro a{color:#bbb}.socials-media-intro a:hover{color:#8b5cf6}.dark .socials-media-intro a:hover{color:#fff}.animation-arrow{white-space:nowrap;display:flex;align-items:center;line-height:2;max-width:200px;text-decoration:none;font-weight:500;color:#6e6e6e}.dark .animation-arrow{color:#f1f1f1}.animation-arrow:hover{text-decoration:underline}.animation-arrow svg{font-size:20px;margin-left:5px;animation:move 1.5s linear infinite}@keyframes move{0%{margin-left:5px}40%{margin-left:20px}to{margin-left:5px}}@media (max-width: 768px){.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.hero-decoration-grid,.hero-decoration-circle,.hero-decoration-dots{display:none}.hero-buttons{display:flex;flex-direction:column;align-items:center}}.container-projects-list{position:relative;padding:40px 0;max-width:1200px;display:grid;grid-template-columns:repeat(1,1fr);gap:50px;height:auto;overflow:hidden}.car-project-item{position:relative;border:1px solid #e3e3e3;height:auto;border-radius:15px;display:flex;flex-direction:column;box-shadow:0 .6021873017743928px .6021873017743928px -1.25px #0000002e,0 2.288533303243457px 2.288533303243457px -2.5px #00000029,0 10px 10px -3.75px #00000010}.error{color:#c90202}.dark .car-project-item{border-color:#ffffff1a}.image-card-item{width:100%;min-height:280px;height:500px;border-bottom:1px solid #e3e3e3;overflow:hidden;padding:0}.dark .image-card-item{border-color:#ffffff1a}.img-card-project{width:100%;height:100%;object-fit:contain;border-radius:15px}.icons-projects{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 20px;overflow:hidden}.icons-projects img{width:24px;height:24px;object-fit:cover}.projects-detail{padding:0 20px;height:auto;overflow-y:hidden;display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.projects-detail h3{color:#333}.dark .projects-detail h3{color:#d4d4d4}.dark .projects-detail p{color:#a3a3a3}.projects-link-container{overflow-y:hidden;display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:15px}.link-projects-details{width:100%;text-decoration:none;cursor:pointer;border-radius:8px;border:1px solid #e3e3e3;color:#212121;font-size:16px;padding:10px 15px;display:flex;align-items:center;justify-content:center;gap:5px;margin-bottom:20px;box-shadow:#0000002e 0 .602187px .602187px -1.25px,#00000029 0 2.28853px 2.28853px -2.5px,#00000010 0 10px 10px -3.75px}.dark .link-projects-details{color:#f1f1f1;border-color:#ffffff1a}.loader-content{display:flex;align-items:center;justify-content:center;height:auto;margin-top:40px;flex-direction:column;gap:30px}.dark .shimmer{position:relative;background:#3a3a3a;background-image:linear-gradient(to right,#3a3a3a,#3f3f3f,#4a4a4a,#3f3f3f 30%,#3a3a3a 50%,#3a3a3a);background-repeat:no-repeat;background-size:800px 200px;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-name:shimmer;-webkit-animation-timing-function:ease-in-out}.shimmer{position:relative;background:#e0e0e0;background-image:linear-gradient(to right,#e0e0e0,#f0f0f0,#fff,#f0f0f0 30%,#e0e0e0 50%,#e0e0e0);background-repeat:no-repeat;background-size:800px 200px;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:shimmer;animation-timing-function:ease-in-out}@-webkit-keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}#container{width:100%;height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center}#square{width:100%;height:200px;border-radius:15px}#content{flex:1;height:150px;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.content-icons-loader{position:relative;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.content-icons-loader #content-title{width:50%;height:30px;margin-top:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}#content-desc{margin-top:10px;width:100%;height:100%;display:flex;flex-direction:column;gap:5px}.contenbtn{margin-top:10px;display:flex;justify-content:space-between;gap:20px}.line.lin{width:100%;height:20px}.line{width:100%;height:10px;border-radius:8px}@keyframes animloader{to{background-position:185px 0,center 0,center 115px,center 142px}}@media (max-width:768px){.container-projects-list{display:flex;flex-direction:column}.projects-link-container{flex-direction:column;gap:0}.image-card-item{height:300px}}.container-educations{margin-top:40px;display:flex;flex-direction:column}.container-education{display:flex;gap:12px;padding-bottom:20px}.education-decoration-line{min-width:15px;width:15px;display:flex;flex-direction:column;align-items:center;justify-content:center}.education-circle{padding:4px;border:2px solid #4c5155;border-radius:50%;width:4px;height:2px;margin-bottom:11.5px}.education-line{height:100%;width:2px;background-color:#4c5155}.education-container-items{border:1px solid rgba(0,0,0,.1);padding:30px;border-radius:15px;box-shadow:#0000002e 0 .602187px .602187px -1.25px,#00000029 0 2.28853px 2.28853px -2.5px,#00000010 0 10px 10px -3.75px}.dark .education-container-items{border:1px solid hsla(0,0%,100%,.1)}.education-container-items p{margin-top:12PX;color:#6e6e6e;font-size:16px;line-height:1.4;font-weight:500}.dark .education-container-items p{color:#a3a3a3}.education-title-container{display:flex;align-items:center;gap:12px}.education-title-container h3{color:#333}.education-title-container h4{color:#333;font-size:14px}.dark .education-title-container h3{color:#d4d4d4}.dark .education-title-container h4{color:#a3a3a3}.education-date{font-size:12px;font-weight:500;color:#777}.dark .education-date{color:#b1b2b399}.education-title-container img{min-width:50px;width:50px;height:50px;border-radius:10px}.field-container{flex:11;position:relative}.field{width:100%;margin:40px 0;border:1px solid rgba(0,0,0,.1);padding:30px;border-radius:15px;box-shadow:#0000002e 0 .602187px .602187px -1.25px,#00000029 0 2.28853px 2.28853px -2.5px,#00000010 0 10px 10px -3.75px}.dark .field{box-shadow:inset 0 -20px 80px -20px #ffffff1f;border:1px solid hsla(0,0%,100%,.1);margin-bottom:50px}.field label{width:100%;display:block;font-size:13px;color:#777;margin-bottom:5px;margin-top:16px}.dark .field label{color:#c5c5c5}.field input{display:block;width:100%;padding:10px 15px;line-height:1.5;font-size:14px;border-radius:8px;border:1px solid #e3e3e3;outline:#4c5155;box-shadow:#0000002e 0 .602187px .602187px -1.25px,#00000029 0 2.28853px 2.28853px -2.5px,#00000010 0 10px 10px -3.75px}.dark .field input{background:#0000004d;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 5px 10px #0003;color:#f1f1f1}.field textarea{width:100%;padding:10px 15px;border-radius:8px;border:1px solid #e3e3e3;outline:#4c5155;box-shadow:#0000002e 0 .602187px .602187px -1.25px,#00000029 0 2.28853px 2.28853px -2.5px,#00000010 0 10px 10px -3.75px}.dark .field textarea{background:#0000004d;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 5px 10px #0003;color:#f1f1f1}.field ::placeholder{color:#1a1a1a60}.dark .field ::placeholder{color:#a1a1aa;opacity:.5}button[type=submit]{width:100%;display:flex;align-items:center;justify-content:center;gap:5px;padding:10px 15px;font-size:14px;background-color:#000;border-radius:8px;color:#fff;border:none;margin-top:16px;cursor:pointer}.dark button[type=submit]{border:1px solid rgba(255,255,255,.1)}.errors-form{color:#dc2727;font-size:11px}.modal{position:fixed;width:100%;height:100%;z-index:99;top:0;left:0;background-color:#00000080}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:30px;border-radius:15px;background-color:#fff;border:1px solid #e3e3e3;box-shadow:#0000002e 0 .602187px .602187px -1.25px,#00000029 0 2.28853px 2.28853px -2.5px,#00000010 0 10px 10px -3.75px}.close{position:absolute;top:0;right:10px;font-size:30px;cursor:pointer}.footer-container{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px}.container-socials-media{display:flex;align-items:center;justify-content:center;gap:12px}.footer-container a{min-width:200px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:500;color:#212121;padding:12px;text-decoration:none;background-color:#f5f5f5;border-radius:8px;height:100%;width:100%}.dark .footer-container a{background-color:#10121440;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);color:#f1f1f1}.containers-contacts{display:flex;justify-content:space-between;overflow:hidden;gap:30px}.container-social-media-items{flex:11;display:flex;flex-direction:column;justify-content:center}.containers-contacts .container-social-media-items a{display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:500;color:#212121;padding:12px;text-decoration:none;background-color:#f5f5f5;border-radius:8px;margin-bottom:15px}.dark .containers-contacts .container-social-media-items a{background-color:#10121440;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);color:#f1f1f1}.contact-animate{opacity:0;transform:translate(100px)}.contact-animate.isIntersecting{opacity:1;transform:translate(0)}.footer-text{color:#6e6e6e;font-size:12px;text-align:center}@media (max-width:768px){.container-socials-media,.containers-contacts{flex-direction:column}}:root{--color-primary: rgb(245, 245, 245)}#projects-content{max-width:1200px;height:100%;margin:0 auto;padding:80px 40px}#projects-content p,#skill-section p,#contact-section p{color:#6e6e6e;font-weight:500;line-height:1.4}.dark #projects-content p,.dark #skill-section p,.dark #contact-section p{color:#a3a3a3;font-weight:500;line-height:1.4}#skill-section,#education-section{max-width:1200px;height:100%;margin:0 auto;padding:80px 40px}#contact-section{max-width:1200px;height:100%;margin:0 auto;padding:80px 40px;background:radial-gradient(50% 50% at 50% 100%,var(--color-primary, #f5f5f5) 0%,rgb(255,255,255) 100%)}.dark #contact-section{background:transparent}footer{border-top:solid 1px rgb(227,227,227);width:100%;padding:15px 20px 30px}.dark footer{border-color:#ffffff1a}.page-about{max-width:1200px;margin:0 auto;padding:0 40px;min-height:100vh}.container-about{margin:100px 0;padding:30px;width:100%;border:1px solid rgba(0,0,0,.1);box-shadow:#0000002e 0 .602187px .602187px -1.25px,#00000029 0 2.28853px 2.28853px -2.5px,#00000010 0 10px 10px -3.75px;border-radius:20px}.dark .container-about{border:1px solid hsla(0,0%,100%,.1);box-shadow:inset 0 -20px 80px -20px #ffffff1f}.dark .header-about-detail h1{color:#fafafa}.header-about{display:flex;gap:30px;align-items:center}.dark .container-about h3,.dark .container-about strong{color:#d4d4d4}.dark .container-about p{color:#a3a3a3}.container-about h1,.container-about h3,.container-about strong{color:#333}.container-about strong{line-height:1.8}.header-about{margin-bottom:20px}.header-about img{min-width:80px;width:80px;height:80px;border-radius:25px;box-shadow:#0000005c 0 .602187px .602187px -1.25px,#00000051 0 2.28853px 2.28853px -2.5px,#00000020 0 10px 10px -3.75px}.about-content h2{margin:25px 0 15px;font-size:20px}.about-content h3{margin:20px 0 10px;font-size:16px}.header-about-detail p{color:#777}.container-about p{color:#6e6e6e;line-height:1.4}.dark .about-content li{color:#a3a3a3}.about-content li{color:#6e6e6e;line-height:1.4}.contact-page{max-width:1200px;margin:0 auto;padding:40px}.contact-page h1{color:#333}.dark .contact-page h1{color:#fafafa}.contact-page p{color:#6e6e6e}.dark .contact-page p{color:#a3a3a3}.page-projects{max-width:1200px;margin:0 auto;padding:40px}.page-projects h1{color:#333}.dark .page-projects h1{color:#fafafa}.margin-top{margin-top:50px}@media (max-width:768px){#projects-content,#skill-section,#education-section,#contact-section{padding:40px 20px}.page-about{padding:0 20px}.page-projects,.contact-page{padding:40px 20px}}.skills-detail-container{padding:40px 0;display:flex;gap:30px;overflow:hidden}.cards-detail-container{border-radius:15px;padding:20px;border:1px solid rgba(0,0,0,.1);box-shadow:#0000002e 0 .602187px .602187px -1.25px,#00000029 0 2.28853px 2.28853px -2.5px,#00000010 0 10px 10px -3.75px}.dark .cards-detail-container{box-shadow:inset 0 -20px 80px -20px #ffffff1f;border:1px solid hsla(0,0%,100%,.1)}.cards-items-container{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap}.card-skills-item{border:1px solid #e3e3e3;border-radius:10px;padding:12px 16px;display:flex;gap:8px;font-size:16px}.skills-detail-container h4{color:#212121;margin:20px auto;text-align:center}.skills-detail-container h3{color:#212121}.dark .skills-detail-container h3{color:#f1f1f1}.dark .skills-detail-container h4{color:#d4d4d4}.img-skills{width:24px;height:24px}.dark .card-skills-item{border:1px solid hsla(0,0%,100%,.1)}.card-skills-item p{font-weight:500}.dark .card-skills-item p{color:#a3a3a3}@media (max-width:768px){.skills-detail-container{flex-direction:column}}.navbar{width:100%;font-size:16px;background:#fff;box-shadow:#0000002e 0 .602187px .602187px -1.25px,#00000029 0 2.28853px 2.28853px -2.5px,#00000010 0 10px 10px -3.75px;position:fixed;z-index:100;opacity:1;top:0;padding:10px 0;transition:all .5s ease-in-out}.dark .navbar{border-bottom:1px solid hsla(0,0%,100%,.1);background:#000}.navbar--hidden{position:absolute;top:-100px;opacity:0}.btns-nav{display:flex;gap:5px;align-items:center;justify-content:center}nav{display:flex;align-items:center;text-decoration:none;max-width:1200px;margin:0 auto;padding:0 40px}nav ul{display:flex;gap:40px;width:100%}.dark nav ul li.active a{color:#fff}nav ul li.active a{color:#6e6e6e}.navbar nav a{color:#212121;text-decoration:none;font-weight:500}.toogle-icon{width:40px;height:40px}.dark .navbar nav a{color:#a3a3a3}button{border:none;background:none;font-size:30px}.mobile-menu-icon{display:none}.select-language{background:none;color:#212121;border:none;outline:none}.dark .select-language{color:#fff;border:none;outline:none}.select-language option{padding:10px}.dark .select-language option{color:#212121;background:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{transform:translatey(-100%);opacity:0}to{transform:translatey(0);opacity:1}}@keyframes fadeOn{0%{transform:translatey(0);opacity:1}to{transform:translatey(-100%);opacity:0}}@media (max-width:900px){.navbar{padding:5px 20px}}@media (max-width:768px){.navbar{padding:8px 20px;height:50px;transition:height 1s ease;top:0;transition:all .5s ease-in-out;overflow:hidden}.btns-nav{display:flex;gap:5px;align-items:center;justify-content:center}.falsenavbar--mobile{height:45%}.navbar--hidden{position:absolute;top:-100px;opacity:0}nav{justify-content:space-between;flex-direction:row-reverse;padding:0}.nav-links{display:none;animation-name:fadeOn;animation-duration:1s;animation-timing-function:ease-in-out}.nav-links-mobile{display:flex;position:absolute;flex-direction:column;top:15%;left:20px;width:100%;animation-name:fadeIn;animation-duration:1s;animation-timing-function:ease-in-out}.mobile-menu-icon{display:block}}*{margin:0;padding:0;box-sizing:border-box;font-family:Onest,sans-serif;overflow-x:hidden}.container{width:100%;min-height:100vh;background-color:#fff;transition:.5s}.container.dark{background-color:#000}.container.dark h2{color:#fafafa}.container h2{color:#333}