@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";.container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin:0 auto;background-color:#000}#introduction-container{display:flex;justify-content:center;height:100vh;width:90%}.introduction{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;height:85%}.text-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:50%}.img-introduction{display:flex;align-items:center;justify-content:center;width:50%}.img-intro{width:100%;max-width:400px;border-radius:25px;object-fit:cover}.introduction-greeting{font-family:var(--font-primary);font-size:3rem;color:var(--color-primary);text-align:center;border-right:4px solid;width:22ch;white-space:nowrap;animation:typing 10s steps(22) infinite,blink .5s infinite step-end alternate;overflow:hidden}.introduction-espc{font-family:var(--font-secondary);color:var(--color-secondary);font-size:1.72rem;font-weight:500;text-align:center}.introduction-description{font-family:var(--font-secondary);color:var(--color-secondary);font-size:1.6rem;line-height:2.5rem;text-align:justify;max-width:600px;margin:0 auto}.button-container{display:flex;justify-content:center;align-items:center;border-radius:25px;padding:0 1rem;background-color:#bf616a;width:200px;margin:0 auto;font-family:var(--font-primary);color:var(--color-primary);cursor:pointer}.tittle-container{position:relative;font-size:2rem;font-weight:800;display:inline-block;text-align:center;padding-bottom:5px;overflow:hidden;color:var(--color-primary);font-family:var(--font-primary);letter-spacing:.01rem}.tittle-container:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background-color:#bf616a;transition:width .8s ease-out,left .8s ease-out}.tittle-container.visible:after{width:100%;left:0}.about-container{display:flex;flex-wrap:wrap;width:90%;justify-content:center;gap:2rem;scroll-margin-top:10em}.about-content{display:flex;flex-direction:row;justify-content:space-around}.about-img{display:flex;align-items:center;justify-content:center;width:50%}.abt-img{width:90%;max-width:350px;border-radius:25px;object-fit:cover}.about-text{display:flex;align-items:center;justify-content:center;width:60%;font-family:var(--font-secondary);color:var(--color-secondary);text-align:justify;font-size:1.5rem;line-height:2.6rem;padding:2rem}.valors-container{display:flex;flex-direction:column;width:90%;justify-content:center;align-items:center;margin-top:5rem;gap:2rem}.valors-content{display:grid;width:80%;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(1,1fr);justify-items:center;align-items:center}.valors-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50%;padding:1rem;border-radius:25px;background-color:#d9d9d9;gap:.9rem}.text-icon-title{font-family:var(--font-secondary);font-size:1.5rem;color:var(--color-tertiary);text-align:center;font-weight:500}.icon{font-size:4rem;color:#bf616a;animation:beat 1.8s infinite}.skills-container{gap:4rem;width:90%;display:flex;margin-top:5rem;position:relative;align-items:center;flex-direction:column;justify-content:center}.skills-content{display:flex;flex-direction:column;align-items:center;width:100%;position:relative}.skills-content-header{display:flex;gap:1.2rem;padding:.2rem;background-color:#4e4a4a;border-radius:25px;position:absolute;top:-15px;z-index:2}.btn-skills{border:none;cursor:pointer;font-weight:600;font-size:1.1rem;border-radius:8px;font-weight:semibold;padding:.8rem 1.5rem;transition:transform .2s;color:var(--color-primary);background-color:transparent;font-family:var(--font-primary)}.btn-skills:hover{transition:.4s ease;font-weight:700;transform:translateY(-4px)}.skills-content-body{display:flex;justify-content:center;align-items:center;width:80%;min-height:200px;border-radius:15px;background-color:#4e4c4ca6;padding:2.5rem 1rem 1rem;margin-top:1rem;box-shadow:0 4px 6px #0000001a}.skills-content-body .img-icon-skills{width:100%;max-width:200px;border-radius:25px;object-fit:cover}.skills-content-body img{width:50%;height:50%}.projects-container{display:flex;flex-wrap:wrap;width:90%;justify-content:center;margin-top:10em;scroll-margin-top:10em}.projects-content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;gap:2rem}.projects-description{font-size:1.5rem;text-align:center;font-family:var(--font-secondary);color:var(--color-secondary);line-height:2rem;max-width:60%}.projects-card-content{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;gap:2rem}.projects-card{display:flex;flex-direction:column;background-color:#d9d9d9;width:20%;height:auto;border-radius:.5rem;border:.2rem solid #bf616a;animation:beatCard 1.8s infinite}.card-header{display:flex;justify-content:center;width:100%;height:100%;margin-top:1rem}.card-header .card-img{display:flex;width:auto;max-width:92%;object-fit:cover;border-radius:.5rem}.card-body{display:flex;flex-direction:column;padding:1rem;gap:.5rem}.card-body .card-body-title{font-family:var(--font-secondary);font-size:1.4rem;color:var(--color-tertiary);text-align:left;font-weight:700}.card-body .card-body-subtitle{font-family:var(--font-secondary);font-size:1.2rem;color:var(--color-tertiary);text-align:left;font-weight:600}.card-body .card-body-tech{font-family:var(--font-secondary);font-size:1.2rem;color:var(--color-tertiary);text-align:left;font-weight:400}.btn-projects{cursor:pointer;font-size:1.1rem;border-radius:1rem;text-decoration:none;background-color:#bf616a;color:var(--color-primary);font-family:var(--font-secondary);padding:.2rem .8rem}.contact-container{display:flex;flex-wrap:wrap;width:90%;justify-content:center;margin-top:5em;gap:2rem;padding:0 0 6rem}.contact-content{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;gap:10rem}.info-left,.info-right{display:flex;flex-direction:column;text-align:center;font-family:var(--font-primary);color:var(--color-secondary);font-size:1.4rem}.info-right a{text-decoration:none;color:var(--color-secondary)}footer{background-color:#333;width:100%;color:var(--color-secondary);text-align:center;font-family:var(--font-primary);font-size:1.1rem}@keyframes beat{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes beatCard{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}@keyframes typing{0%{width:0}40%{width:21ch}70%{width:21ch}to{width:0}}@keyframes blink{50%{border-color:transparent}}@media (max-width: 1000px){#introduction-container{display:flex;flex-direction:column;padding:.5rem;height:fit-content}#introduction-container .introduction{flex-direction:column;justify-content:center;max-width:100%;gap:2rem}#introduction-container .text-container{display:flex;flex-direction:column;justify-content:center;width:100%;margin-top:2rem}#introduction-container .img-intro{max-width:300px}#introduction-container .introduction-greeting{font-size:1.6em}#introduction-container .introduction-espc{font-size:1.4em}#introduction-container .introduction-description{color:#fff;font-size:1.2rem;line-height:2rem;max-width:85%}.about-container{flex-direction:column;width:90%;justify-content:center;align-items:center;gap:.5rem;margin-top:5rem;scroll-margin-top:400px}.about-content{display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;max-width:100%}.about-img{display:flex;align-items:center;justify-content:center;width:60%}.abt-img{width:100%;max-width:450px;border-radius:25px;object-fit:cover}.about-text{width:fit-content;text-align:justify;font-size:1.2rem;line-height:1.9rem;padding:0rem;max-width:90%}.valors-content{width:100%;grid-template-columns:repeat(2,1fr);row-gap:2rem}.valors-icon{width:60%;padding:1rem;border-radius:20px;gap:1rem}.text-icon-title{font-size:100%;font-weight:bolder}.icon{font-size:3.5rem;color:#97474f}.btn-skills{font-size:.8rem;padding:.6rem 1.2rem}.skills-content-header{gap:0rem;padding:.2rem;border-radius:1rem;top:-9px}.skills-content-body{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;align-items:center;column-gap:.4rem;background:#fff3;max-width:100%}.skills-content-body .img-icon-skills{display:flex;justify-content:center;width:75%;max-width:500px}.skills-content-body img{width:70%;height:auto}.projects-container{margin-top:5rem;scroll-margin-top:400px}.projects-description{font-size:1.5rem;max-width:85%}.projects-card-content{flex-direction:column}.projects-card{width:75%;border-radius:1rem;border:3px solid #bf616a}.btn-projects{padding:.4rem 1rem;text-decoration:none}.contact-container{display:flex;flex-wrap:wrap;width:90%;justify-content:center;margin-top:5rem;gap:2rem;padding:0 0 6rem}.contact-content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;gap:2rem}.info-right{display:flex;flex-direction:column;text-align:center;font-family:var(--font-primary);color:var(--color-secondary);font-size:1.4rem}.info-right a{font-weight:600;color:var(--color-secondary)}}.navbar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:90%;background-color:#333;border-radius:25px;padding:1rem;position:sticky;z-index:1000;top:1.5rem;max-height:80px;overflow:hidden;transition:max-height .4s ease-in-out;box-shadow:0 -4rem 20px #000}.nav-section{display:flex;width:fit-content}.navbar.expanded{max-height:300px}.nav-header{display:flex;justify-content:space-between;align-items:center;width:100%}.nav-menu{display:flex;flex-direction:row;align-items:center;list-style:none;gap:2.5rem;width:fit-content;opacity:0;transform:translateY(-10px);transition:opacity .3s ease-in-out,transform .3s ease-in-out;margin-right:1.25rem}.navbar.expanded .nav-menu{opacity:1;transform:translateY(0)}.img-container{max-height:70px;max-width:70px;margin-left:1.25rem}.img-logo{height:100%;width:100%;object-fit:cover}.menu-button{background:none;border:none;font-size:1.5rem;color:#fff;cursor:pointer;display:none}.nav-item,.item{font-family:Poppins,sans-serif;font-size:1.25rem;cursor:pointer;color:#fff;text-decoration:none}@media (max-width: 1000px){.navbar{flex-direction:column;padding:.75rem;max-height:60px}.nav-menu{flex-direction:column;gap:1.25rem;justify-content:center;width:90%;margin:1rem auto;padding:.75rem}.img-container{max-height:60px;max-width:60px;margin-left:1.25rem}.nav-section{display:flex;flex-direction:row;justify-content:space-between;width:100%}.menu-button{display:block}}.container-projects{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background-color:#fff}.banner-img{position:absolute;width:100%;height:60%;overflow:hidden;top:-1rem}.banner-img img{object-fit:cover;width:105%;transform:translate(-2%);height:100%;filter:blur(5px);-webkit-mask-image:linear-gradient(black 95%,transparent);mask-image:linear-gradient(black 95%,transparent)}.banner-title{position:relative;top:10rem;z-index:2}.banner-title span{font-family:Roboto,sans-serif;font-size:11rem;font-weight:700;color:#fff;text-shadow:4px 8px 4px rgba(0,0,0,.5)}.projects-content-page{top:8rem;width:90%;z-index:3;padding:1rem;position:relative;border-radius:20px;margin-bottom:12rem;border:2px solid #D9D9D9;background-color:#fff}.projects-content-page .content-elements{display:flex;gap:3rem}.projects-content-page .title-content{font-family:Poppins,sans-serif;margin-left:1rem;font-size:1.9rem}.projects-content-page .elements-left{display:flex;width:20%;flex-direction:column;margin:0 0 0 1rem;gap:1rem}.projects-content-page .left-title{font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:700;color:#000}.projects-content-page .select-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.projects-content-page select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:10px;padding:.5rem;font-weight:500;font-family:Poppins,sans-serif;width:100%}.projects-content-page .btn-filter{display:flex;cursor:pointer;border-radius:5px;justify-content:center;background-color:#8f4f4f;color:#fff;font-size:1rem;font-family:Poppins,sans-serif;padding:.4rem 1rem}.projects-content-page .elements-right{display:grid;padding:1rem;width:100%;grid-template-columns:repeat(4,minmax(300px,1fr));column-gap:5rem;row-gap:2rem}@media screen and (max-width: 1000px){.banner-img{height:40%}.banner-img img{filter:blur(5px)}.banner-title{top:5vh}.banner-title span{font-size:clamp(3rem,5vw,5rem);font-weight:700}.projects-content-page{display:flex;flex-direction:column;align-items:center;width:85%;margin-bottom:10rem;top:7vh}.projects-content-page .content-elements{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.projects-content-page .title-content{width:100%;font-family:Poppins,sans-serif;text-align:center;margin-left:0rem;font-size:clamp(1.6rem,3vw,5rem);border:2px solid #8f4f4f}.projects-content-page .elements-left{display:flex;width:100%;flex-direction:column;margin:0 0 0 0rem;gap:1rem}.projects-content-page .elements-left .select-container{display:flex;flex-direction:row;width:100%;align-items:center;gap:1rem}.projects-content-page .elements-left .select{display:flex;width:50%}.projects-content-page .left-title{font-family:Poppins,sans-serif;width:100%;font-size:1.2rem;font-weight:700;color:#000}.projects-content-page .elements-right{display:grid;width:100%;grid-template-columns:repeat(2,1fr);gap:1rem;align-items:center;justify-items:center}}:root{--font-primary: "Poppins", sans-serif;--font-secondary: "Roboto", sans-serif;--color-primary: #FFFFFF;--color-secondary: #E0E0E0;--color-tertiary: #333333;--spacing: 1rem}.card-a{display:flex;align-items:center;flex-direction:column;width:100%;border:2px solid #d9d9d9;border-radius:15px;gap:1rem;padding:1rem 0;background-color:#fff}.card-header-a{display:flex;align-items:center;width:100%;max-width:450px}.card-header-a .header-img{display:flex;justify-content:center}.card-header-a .img-a{width:90%;max-width:90%;object-fit:cover;border-radius:10px;border:1px solid #d9d9d9}.card-body-a{display:flex;flex-direction:column;gap:.5rem;width:90%}.card-body-a .card-a-title{font-family:Poppins,sans-serif;font-weight:700;font-size:1.4rem}.card-body-a .card-a-type{font-family:Roboto,sans-serif;font-weight:600;font-size:1.2rem}.card-body-a .card-a-descript{font-family:Roboto,sans-serif;font-weight:500;font-size:1rem}.card-footer-a{width:90%;display:flex;justify-content:end}.card-footer-a .footer-button-a{color:#fff;font-size:1rem;padding:.4rem;cursor:pointer;border-radius:10px;background-color:#000;transition:transform .2s linear}.card-footer-a .footer-button-a:hover{transform:scale(1.05)}@media screen and (max-width: 1000px){.card-a{width:100%}.card-header-a{display:flex;align-items:center;width:90%;height:auto}.card-header-a .img-a{width:fit-content;height:auto;border-radius:10px}.card-body-a{display:flex;flex-direction:column;gap:.4rem;width:90%}.card-body-a .card-a-title{font-family:Poppins,sans-serif;font-weight:700;font-size:clamp(1rem,4.5vw,2rem)}.card-body-a .card-a-type{font-family:Roboto,sans-serif;font-weight:600;font-size:1.1rem}.card-body-a .card-a-descript{font-family:Roboto,sans-serif;font-weight:500;font-size:1rem}.card-footer-a .footer-button-a{color:#fff;font-size:.9rem;padding:0rem;cursor:pointer;border-radius:10px;background-color:#000;transition:transform .2s linear}.card-footer-a .footer-button-a:hover{transform:scale(1.05)}}body{margin:0;overflow-x:hidden}html{scroll-behavior:smooth}#root{display:flex;flex-direction:column;justify-content:center}@media (max-width: 1000px){::-webkit-scrollbar{display:none}}