@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";html{scroll-behavior:smooth}:root{--primary-color: #e22c20;--secundary-color: #fd756c;--tertiary-color: #e22c20;--background-color-0: #ffffff;--background-color-1: #fef3f2;--background-color-1-transparent: #fef3f24b;--background-color-2: #ffe3e1;--background-color-3: #ffcbc8;--background-color-4: #ffa8a2;--detail-color-4: #be2217;--detail-color-3: #9d2017;--detail-color-2: #82211a;--detail-color-1: #470c08;--detail-color-0: #000000;--detail-color-0-transparent: #00000052}*{padding:0;margin:0;font-family:Poppins,sans-serif}body{background-color:#fef3f2}.nav-icon-5{width:35px;height:30px;margin:10px;position:relative;cursor:pointer;display:inline-block}.nav-icon-5 span{background-color:#000;position:absolute;border-radius:2px;transition:.3s cubic-bezier(.8,.5,.2,1.4);width:100%;height:4px;transition-duration:.5s}.nav-icon-5 span:nth-child(1){top:0;left:0}.nav-icon-5 span:nth-child(2){top:10px;left:0;opacity:1}.nav-icon-5 span:nth-child(3){bottom:5px;left:0}.nav-icon-5:not(.open):hover span:nth-child(1){transform:rotate(-3deg) scaleY(1.1)}.nav-icon-5:not(.open):hover span:nth-child(2){transform:rotate(3deg) scaleY(1.1)}.nav-icon-5:not(.open):hover span:nth-child(3){transform:rotate(-4deg) scaleY(1.1)}.nav-icon-5.open span:nth-child(1){transform:rotate(45deg);top:13px}.nav-icon-5.open span:nth-child(2){opacity:0}.nav-icon-5.open span:nth-child(3){transform:rotate(-45deg);top:13px}.header{position:fixed;top:0;background-color:var(--background-color-1-transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:flex-end;height:4rem;width:100vw;align-items:center;z-index:10000;margin-bottom:0}.navbar{margin-right:1.5rem}.navbar a{color:#000;font-size:1.1rem;margin:0 1.5rem;text-decoration:none}.navbar a.active{padding-bottom:.2rem;border-bottom:2px solid var(--detail-color-1);color:var(--detail-color-1);transition:color .5s ease}.navbar a:hover{padding-bottom:.2rem;border-bottom:2px solid var(--detail-color-1);color:var(--detail-color-1);font-weight:700px;transform:scale(1.05);transition:color .5s ease}.boton{display:none}@media (max-width: 1015px){.boton{margin-top:1rem;margin-right:2rem;display:block}.links-background{position:fixed;top:5rem;right:-150%;width:50%;height:500%;background-color:var(--background-color-2);border-radius:20px 0 0 20px;box-shadow:0 10px 20px #0000004d;z-index:4;transition:right .5s ease}.links-background-active{position:fixed;top:5rem;right:0;width:50%;height:500%;background-color:var(--background-color-2);border-radius:20px 0 0 20px;box-shadow:0 10px 20px #0000004d;z-index:4;transition:right .5s ease}.navbar{position:absolute;top:70px;right:-125%;transform:translate(50%);margin-top:5%;display:flex;flex-direction:column;align-items:center;opacity:0;transition:right .5s ease,opacity .5s ease}.navbar-active{position:absolute;top:5rem;margin-top:6%;right:25%;transform:translate(50%);display:flex;flex-direction:column;align-items:center;z-index:5;opacity:1;transition:right .5s ease,opacity .5s ease}.navbar a,.navbar-active a{color:#000;font-size:1.2rem;line-height:normal;margin:0 1.5rem 1rem;text-decoration:none}.navbar a:hover,.navbar-active a:hover{color:#470c08;font-weight:700px;transform:scale(1.05)}}.home-section{background-color:var(--background-color-1);min-height:100vh;display:flex;justify-content:center;align-items:center}.home-left{display:flex;flex-direction:column;justify-content:center;margin-left:15%;margin-right:10%}.home-left h1{font-size:2rem}.home-left h2{color:var(--detail-color-1);font-size:2.4rem;margin-top:.1rem}.home-left h3{font-size:1.5rem;margin-top:.5rem;font-weight:500}.home-left p{font-size:1.2rem;margin-top:1rem}.home-right{display:flex;justify-content:center;align-items:center;margin-right:max(8rem,15%)}.icons{display:flex;justify-content:flex-start;margin-top:1.5rem;gap:1.5rem}.icons a{color:var(--detail-color-1);font-size:2rem;transition:transform .2s ease-in-out;display:inline-block}.icons a:hover{transform:scale(1.2)}.image-profile{max-width:30rem;aspect-ratio:1 / 1;object-fit:cover;object-position:center 30%;border-radius:5rem;transition:transform .2s ease-in-out}.image-profile:hover{transform:scale(1.04)}@media (max-width: 1015px){.home-section{flex-direction:column}.home-left,.home-right{margin:0;align-items:center}.home-right{order:-1}.container-greeting{display:flex;flex-direction:row;align-items:flex-end;gap:.5rem;margin-top:4rem}.home-left h1{font-size:1.5rem;margin:0}.home-left h2{font-size:1.8rem;margin:0}.home-left h3{font-size:1.25rem;margin-top:.3rem}.home-left p{display:none}.image-profile{height:26rem;width:auto;border-radius:5rem}.icons{display:flex;justify-content:center;margin-top:2rem}.icons a{font-size:2rem}}@media (max-width: 760px){.container-greeting{display:flex;flex-direction:column;align-items:center;margin-top:4rem}.home-left h1{font-size:1.5rem}.home-left h2{font-size:1.6rem;margin-top:-.5rem}.home-left h3{font-size:1.2rem;font-weight:400;margin-top:.5rem}.home-left p{display:none}.image-profile{height:17.5rem;width:auto;border-radius:5rem}}.fade-in{opacity:1;transform:translateY(0);transition:opacity .6s ease-out,transform .6s ease-out}.slide-out-left{opacity:0;transform:translate(-50px)}.slide-in-left{opacity:1;transform:translate(0);transition:opacity .6s ease-out,transform .6s ease-out}.slide-out-right{opacity:0;transform:translate(50px)}.slide-in-right{opacity:1;transform:translate(0);transition:opacity .6s ease-out,transform .6s ease-out}.about-section{background-color:var(--background-color-2);padding:4rem 0;overflow:hidden}.about-header{text-align:center;margin-bottom:2rem}.about-header h1{font-size:2rem;color:var(--detail-color-1)}.about-content{display:flex;margin-left:15%;margin-right:15%;gap:4%}.about-left,.about-right{border-radius:4px;padding:20px;display:flex;flex-direction:column}.about-left{width:42%;display:flex;justify-content:center}.about-right{width:54%;word-wrap:break-word;display:flex;justify-content:center}.about-right p{text-align:justify;font-size:1.2rem;margin-bottom:1rem}.about-left img{max-width:100%;width:32rem;height:auto;border-radius:5rem}.about-datos{display:grid;grid-template-columns:1fr 1fr;margin-top:1rem}.dato-item{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.8rem;font-size:1rem;margin-bottom:.5rem}.about-botones{display:flex;margin-top:2rem;gap:3rem}.about-botones button{padding:.5rem 1rem;border:none;border-radius:10px;font-size:1rem;width:100%;font-weight:600}.about-botones .border-btn{border:2px solid var(--detail-color-1);background-color:var(--background-color-2);color:var(--detail-color-1);transition:all .3s ease}.about-botones .border-btn:hover{background-color:var(--background-color-3);cursor:pointer;box-shadow:0 4px 10px #0003;transform:scale(1.01);transition:all .3s ease}.about-botones .full-btn{background-color:var(--detail-color-1);color:var(--background-color-2);transition:all .3s ease}.about-botones .full-btn:hover{background-color:var(--detail-color-2);color:var(--background-color-2);cursor:pointer;box-shadow:0 4px 10px #0003;transform:scale(1.01);transition:all .3s ease}.image-profile-2{max-width:5rem;aspect-ratio:4 / 5;object-fit:cover;object-position:center 25%;border-radius:5rem;transition:transform .2s ease-in-out}.image-profile-2:hover{transform:scale(1.04)}@media (max-width: 1015px){.about-section{padding:3rem 0}.about-content{flex-direction:column;align-items:center;margin-left:10%;margin-right:10%}.about-left{margin-top:2rem;width:100%;display:flex;justify-content:center;align-items:center}.about-left img{width:60%;height:auto}.about-right{margin-top:-1rem;order:-1;width:100%}.about-header h1{font-size:1.8rem}}@media (max-width: 760px){.about-datos{display:grid;grid-template-columns:1fr;margin-top:1rem}.about-left img{width:15rem;border-radius:4rem}.about-botones{display:grid;grid-template-columns:1fr;gap:1.5rem}}.formation-section{background-color:var(--background-color-1);display:flex;flex-direction:column;padding:4rem 0}.formation-header{text-align:center}.formation-header h1{font-size:2rem;color:var(--detail-color-0)}.formation-content{display:flex;justify-content:center;flex-wrap:wrap;margin-left:10%;margin-right:10%;margin-top:3rem;gap:4rem}@media (max-width: 1015px){.formation-section{padding:3rem 0}.formation-header h1{font-size:1.8rem;color:#000}}.formacion-cuadro{display:flex;flex-direction:column;justify-content:center;align-items:center;width:20rem;height:22rem;background-color:var(--detail-color-1);border-radius:2.2rem;color:#fff;transition:all .2s ease-in-out}.formacion-imagen-container{display:flex;justify-content:center;margin-bottom:1rem;height:40%}.formacion-imagen-container img{max-width:8.5rem;max-height:100%;object-fit:contain}.formacion-text-container{width:80%}.formacion-cuadro img{width:8.5rem;height:auto}.formacion-cuadro h2{font-size:1.1rem;text-align:center;margin-top:.5rem}.formacion-cuadro h3{color:var(--background-color-2);font-size:1rem;font-weight:600;text-align:center;margin-top:.2rem}.formacion-cuadro p{font-size:1rem;text-align:center;margin-top:.6rem}.formacion-cuadro:hover{transform:scale(1.05);transition:all .2s ease-in-out}.skills-section{background-color:var(--background-color-2);min-height:auto;width:100%;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;padding:4rem 0}.skills-header{display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center}.skills-content{width:100%;margin-top:4rem;display:grid;grid-template-columns:repeat(4,8rem);grid-template-rows:repeat(3,8rem);gap:2.5rem;justify-content:center}.skills-header h1{font-size:2rem;color:var(--detail-color-1)}@media (max-width: 1015px){.skills-section{padding:4rem 0}.skills-header h1{font-size:1.8rem}}@media (max-width: 760px){.skills-content{grid-template-columns:repeat(2,7.5rem);grid-template-rows:repeat(6,7.5rem)}}.skill-card{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#470c08;border-radius:25px;width:100%;height:100%;transition:all .2s ease-in-out}.skill-imagen-container{display:flex;justify-content:center;align-items:center;width:100%;height:60%}.skill-imagen-container svg{color:var(--background-color-0)}.skill-text-container{display:none;transition:all .2s ease-in-out}.skill-card:hover{transform:scale(1.05);transition:all .2s ease-in-out}.skill-card:hover .skill-text-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;transition:all .2s ease-in-out}.skill-text-container{color:#fff}.skill-text-container h2{font-size:1rem;font-weight:400}.project-card{width:26rem;min-height:19rem;background-color:var(--detail-color-1);box-shadow:0 0 10px #0006;border-radius:25px;overflow:hidden;transition:all .2s ease-in-out}.project-card:hover{transform:scale(1.05);transition:all .2s ease-in-out}.project-image{width:100%;height:100%;aspect-ratio:16 / 8;border-radius:25px 25px 0 0;object-fit:cover}.project-card-content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem 0;text-align:center}.project-card-image{position:relative;overflow:hidden;aspect-ratio:16 / 8}.project-card-image-overlay{position:absolute;top:0;left:0;background-color:var(--detail-color-0-transparent);width:100%;height:100%;opacity:0;transition:all .3s ease-in-out;display:flex;justify-content:center;align-items:center}.project-card-image-overlay-buttons{display:flex;opacity:0}.project-card-image:hover .project-card-image-overlay,.project-card-image:hover .project-card-image-overlay-buttons{opacity:1;transition:opacity .2s ease-in-out}.project-card-image-overlay-buttons a{text-decoration:none;color:var(--background-color-0);font-size:1.9rem;margin:0 .5rem}.project-card-title h1{text-align:center;line-height:1.3;font-size:1.5rem;font-weight:500;color:var(--background-color-0)}.project-card-tecnologies{display:flex;flex-direction:row;gap:.5rem;font-size:1.3rem;margin-top:.4rem;color:var(--background-color-1)}@media (max-width: 768px){.project-card{width:22rem;min-height:17rem}.project-card-title h1{font-size:1.3rem}.project-card-tecnologies{font-size:1.2rem;gap:.4rem}}@media (max-width: 480px){.project-card{width:90%;max-width:20rem;min-height:auto;margin:0 auto}.project-card-image{aspect-ratio:16 / 8}.project-card-content{padding:.75rem 0}.project-card-title h1{font-size:1.1rem;margin:.3rem 0}.project-card-tecnologies{font-size:1rem;margin-top:.3rem;gap:.3rem}}@media (max-width: 360px){.project-card{width:95%;max-width:18rem}.project-card-title h1{font-size:1rem}.project-card-tecnologies{font-size:.9rem;gap:.2rem}}.fade-in{opacity:1;transform:translateY(0);transition:opacity .5s ease-out,transform .5s ease-out}.fade-out{opacity:0;transform:translateY(40px)}.projects-section{background-color:var(--background-color-1);display:flex;flex-direction:column;padding:4rem 0}.projects-header{display:flex;justify-content:center;align-items:center}.projects-header h1{font-size:2rem;color:var(--detail-color-0)}.projects-content{display:flex;justify-content:center;align-items:center;width:100%;margin-top:4rem;gap:3rem}.error-504{display:flex;justify-content:center;align-items:center;flex-direction:column;height:15rem;width:25rem;background-color:#fff;border-radius:25px;position:relative}.error-504 h2{margin-top:10%;font-size:3.5rem;color:#000}.error-504 p{font-size:1.5rem;color:#000}.error-504:after{content:"";background:#470c08;width:100%;height:15%;position:absolute;border-radius:25px 25px 0 0;top:0}@media (max-width: 1015px){.projects-section{padding:3rem 1rem}.projects-header h1{font-size:1.8rem}.projects-content{gap:2rem}}@media (max-width: 768px){.projects-section{padding:2.5rem 1rem}.projects-header h1{font-size:1.6rem}.projects-content{flex-direction:column;gap:2.5rem;margin-top:3rem}}@media (max-width: 480px){.projects-section{padding:2rem .5rem}.projects-header h1{font-size:1.4rem}.projects-content{gap:2rem;margin-top:2.5rem}}.contact-section{background-color:var(--background-color-2);padding:5rem 0;display:flex;flex-direction:column}.contact-header{display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center}.contact-header h1{font-size:2rem;color:var(--detail-color-1)}.contact-content{margin-top:4rem;display:flex;justify-content:center;align-items:center}.contact-content form{color:#fff;display:flex;flex-direction:column;align-items:center;width:36rem;background-color:var(--detail-color-1);border-radius:25px;padding:2rem;gap:1rem}.contact-name{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}.contact-input-wrapper{position:relative;width:100%}.contact-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--detail-color-1);z-index:10}.contact-input{background-color:var(--background-color-1);width:100%;padding:.5rem 1rem .5rem 2.5rem;border-radius:5px;box-sizing:border-box;border:none;resize:none}.contact-input:focus{outline:none}.textarea-wrapper .contact-icon{top:15px;transform:none}.textarea-wrapper .contact-input{padding-left:2.5rem;padding-top:1rem;height:150px}.contact-content button{padding:.5rem 1.5rem;width:100%;border-radius:5px;border:none;background-color:var(--background-color-1);color:#000;font-weight:700;font-size:1rem}.contact-content button:hover{background-color:var(--background-color-2);cursor:pointer}@media (max-width: 1015px){.contact-section{padding:4rem 0;display:flex;flex-direction:column;align-items:center}.contact-content{width:85%}.contact-name{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}}@media (max-width: 760px){.contact-content{width:90%}}.notification-wrapper{position:fixed;bottom:2.5rem;left:3.5rem;z-index:1000}.notification-card{background-color:var(--background-color-1);width:16rem;height:5rem;border-radius:1rem;margin:1rem 0;padding:1.5rem;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:center;flex-direction:row;position:relative}.notification-icon-wrapper{display:flex;font-size:2.8rem;width:25%;color:var(--detail-color-1)}.notification-message-wrapper{display:flex;flex-direction:column;justify-content:center;width:75%;height:100%}@keyframes slideIn{0%{transform:translate(-50%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(-50%);opacity:0}}.slide-in{animation:slideIn .3s ease-in forwards}.slide-out{animation:slideOut .3s ease-out forwards}@media (max-width: 760px){.notification-wrapper{left:0;bottom:6.5rem;width:100%;display:flex;justify-content:center;align-items:center}}.footer-section{background-color:var(--background-color-1);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:2rem 0}.footer-content{gap:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.footer-icons{display:flex;justify-content:flex-start;gap:1.5rem}.footer-icons a{color:var(--detail-color-1);font-size:2rem;transition:transform .2s ease-in-out;display:inline-block}.footer-icons a:hover{transform:scale(1.2)}.footer-content:before{content:"";position:absolute;top:0;background:#470c08;width:90%;height:0px}.highlight{color:var(--detail-color-1);font-weight:700}.btn-go{position:fixed;z-index:10;height:2rem;width:2rem;background-color:var(--detail-color-1);border-radius:50%;right:4rem;bottom:4rem;border:none;box-shadow:0 15px 25px #0000004d;opacity:0;pointer-events:none;transition:all .5s ease}.btn-go.visible{opacity:1;transform:scale(2);transition:all .5s ease;cursor:pointer;pointer-events:auto}.btn-go.visible:after{content:"";position:absolute;width:.3rem;height:.3rem;border-top:.2rem solid var(--background-color-1);border-right:.2rem solid var(--background-color-1);top:50%;left:50%;transform:translate(-50%,-40%) rotate(-45deg)}@media (max-width: 760px){.btn-go{right:2rem;bottom:2rem}}