@import"https://fonts.googleapis.com/css2?family=Oswald:wght@300;600;700&display=swap";:root{--text-color: #ecf0f1;--hero-overlay-color: rgba(0, 0, 0, .45);--title-underline-color: #e45c5c;--title-color-grad-start: #00EEFF;--title-color-accent-primary: #e45c5c;--navbar-name-text-color: #bdc3c7;--navbar-color-text-hover: #00EEFF;--navbar-wrap-bg: rgba(51, 50, 50, .349);--navbar-mobile-menu-bg: rgba(0, 0, 0, .8);--border-radius: 10px;--hero-buttonCv-bg-color: #00FFFF;--experience-company-color: #00EEFF;--about-highlight-color: #e45c5c;--contact-input-bg-color: #ecf0f1;--contact-button-color-grad-start: #00EEFF;--contact-button-accent-color-primary: #e45c5c;--footer-bg--color: #c9565642;--footer-role-text-color: #71AFAF;--footer-color-text-hover: #c956566e;--footer-border-color: #c956566e;--footer-text-color-copyright: #bdc3c7}html,body,#root{margin:0;padding:0;box-sizing:border-box;width:100%;font-family:Raleway,sans-serif;background-color:#0d0102}.scroll-offset{scroll-margin-top:120px}.portfolio{color:var(--text-color)}.portfolio__container{display:flex;flex-direction:column}.portfolio__main{display:flex;flex-direction:column;gap:6.5rem}.portfolio__section{width:100%}.portfolio__section--home{background-image:url(/assets/imagen-fondo-B87pzwE5.jpeg);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;position:relative;z-index:1;height:58rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.portfolio__section--home:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--hero-overlay-color);z-index:-1}.portfolio__section--contact{margin-bottom:6rem}.section-title{font-size:2.5rem;color:var(--text-color);display:inline-block;position:relative}.section-title:after{content:"";position:absolute;left:0;bottom:-6px;width:35%;height:4px;background-color:var(--title-underline-color);border-radius:10px}@media(max-width:768px){.scroll-offset{scroll-margin-top:40px}.portfolio__section--home{height:12rem;min-height:100vh;background-attachment:scroll}.portfolio__main{gap:2rem}.portfolio__section--contact{margin-bottom:10rem}}.navbar{width:100%;position:fixed;top:0;left:0;z-index:1000;display:flex;justify-content:center;padding-top:35px}.navbar__wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 10px;width:auto;background:var(--navbar-wrap-bg);border-radius:var(--border-radius);box-shadow:0 4px 6px #0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.navbar__brand{display:flex;align-items:center;gap:10px}.navbar__title{margin:16px;background:linear-gradient(90deg,var(--title-color-grad-start),var(--title-color-accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.navbar__subtitle{color:var(--navbar-name-text-color);margin:5px}.navbar__list{display:flex;list-style:none;padding:0;margin:0}.navbar__link{display:flex;align-items:center;text-decoration:none;color:var(--text-color);font-size:16px;font-weight:700;padding:12px 13px;border-radius:var(--border-radius);transition:transform .3s ease,color .3s ease}.navbar__link:hover{color:var(--navbar-color-text-hover)}.navbar__toggle{display:none;cursor:pointer;z-index:1001;padding:10px}.navbar__bar{width:25px;height:3px;background-color:var(--text-color);margin:5px 0;border-radius:2px;transition:.4s}@media(max-width:768px){.navbar{justify-content:flex-start;padding-left:15px;padding-top:15px}.navbar__wrap{gap:0;padding:8px 12px;width:auto;justify-content:flex-start;border-radius:50%}.navbar__brand,.navbar__title,.navbar__subtitle{display:none}.navbar__toggle{display:block;padding:0}.navbar__list{flex-direction:column;position:absolute;top:100%;left:0;width:100vw;background:var(--navbar-mobile-menu-bg);border-radius:var(--border-radius);box-shadow:0 8px 16px #0006;max-height:0;overflow:hidden;transition:max-height .5s ease-in-out,padding .5s ease-in-out;align-items:left;padding:0}.navbar__list--open{max-height:600px;padding:20px 0}.navbar__link{font-size:1.3rem;font-weight:400;padding:25px 20px;width:90%}}@media(min-width:768px)and (max-width:1024px){.navbar__title,.navbar__subtitle{display:none}.navbar__wrap{padding:7px 12px}}.hero{display:flex;flex-direction:column;align-items:center;max-width:1000px;text-align:center;margin:0 auto}.hero__name{font-size:7.5rem;margin:0 0 .2rem;background:linear-gradient(90deg,var(--title-color-grad-start),var(--title-color-accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0;animation:slide-up-in 1s ease-out .2s forwards}.hero__role{font-size:3.5rem;font-weight:600;margin:0 0 2rem;background:linear-gradient(90deg,var(--title-color-grad-start) 0%,var(--title-color-accent-primary) 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0;animation:slide-up-in 1s ease-out .2s forwards}.hero__social{margin-bottom:3rem;display:flex;gap:15px}.hero__social-link{display:inline-block;transform:translateY(0);transition:transform .5s ease,box-shadow .3s ease}.hero__social-link:hover{transform:translateY(-5px)}.hero__social-link img{width:3rem;height:auto}.hero__cv-button{background-color:var(--hero-buttonCv-bg-color);color:#363038;text-decoration:none;border:none;padding:.8rem 1.5rem;border-radius:20px;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 6px #0006;display:inline-block;transform:translateY(0);transition:background-color .3s ease,transform .2s ease}.hero__cv-button:hover{transform:translateY(-2px)}@keyframes slide-up-in{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767px){.hero{max-width:360px}.hero__name{font-size:4rem;font-weight:700}.hero__role{font-size:2.5rem;font-weight:700;margin:0}.hero__social{margin-top:1rem}.hero__social-link img{width:2.5rem;margin:0 .5rem}.hero__cv-button{padding:.9rem 1rem}}.experience{max-width:700px;margin:0 auto;text-align:left}.experience__title{margin-bottom:4.5rem}.experience__list{display:flex;flex-direction:column;gap:2rem}.experience__card{background-color:#ffffff0d;padding:1.5rem;border-radius:var(--border-radius);transition:transform .3s ease,box-shadow .3s ease}.experience__card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000004d}.experience__role{font-size:1.5rem;font-weight:700;color:var(--text-color)}.experience__company{font-size:1.2rem;color:var(--experience-company-color);margin-bottom:.3rem}.experience__period,.experience__location{display:block;font-size:.9rem;color:#aaa}.experience__tasks{margin-top:.8rem;padding-left:1.2rem}.experience__task{margin-bottom:.4rem;color:var(--text-color)}@media(max-width:767px){.experience{max-width:230px;margin-bottom:2rem}.experience__title{margin-bottom:4rem}.experience__list{gap:3rem}}.tech{max-width:700px;text-align:center;margin:0 auto}.tech__title{margin-bottom:4.5rem}.tech__carousel-wrapper{overflow:hidden;width:100%}.tech__carousel-track{display:flex;gap:20px;width:max-content;animation:scroll 10s linear infinite}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.tech__icon-card{flex:0 0 auto;display:flex;flex-direction:column;align-items:center}.tech__icon-svg svg{width:50px;height:50px;fill:var(--text-color)}.tech__icon-name{margin-top:.5rem;color:var(--text-color)}@media(max-width:767px){.tech{max-width:330px;margin-bottom:2rem}.tech__title{margin-bottom:4rem}}.projects{max-width:1100px;text-align:center;margin:0 auto}.projects__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin:40px auto}@media(max-width:767px){.projects{max-width:280px}.projects__list{grid-template-columns:1fr;padding:0 15px}}@media(min-width:768px)and (max-width:1024px){.projects{max-width:700px}}.project-card{display:flex;flex-direction:column;align-items:center;border-radius:var(--border-radius);overflow:hidden;transition:transform .5s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-5px)}.project-card__image-container{width:90%;overflow:hidden;display:block;border-radius:20px}.project-card__btn-live{display:block;width:100%;height:100%}.project-card__image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease,opacity .3s ease}.project-card:hover .project-card__image{transform:scale(1.05);opacity:.9}.project-card__content{padding:20px;display:flex;flex-direction:column;align-items:center;flex-grow:1;color:var(--color-text-light)}.project-card__title{margin-top:0;margin-bottom:10px;font-size:1.5rem;text-transform:uppercase;background:linear-gradient(90deg,var(--title-color-grad-start),var(--title-color-accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.project-card__description{margin-bottom:0;color:var(--text-color);font-size:.95rem;line-height:1.4}@media(max-width:767px){.project-card__content{padding:15px}.project-card__title{font-size:1.3rem}.project-card__description{font-size:.9rem}}.about{max-width:800px;margin:0 auto}.about__title{margin-bottom:2.5rem}.about__container{display:flex;flex-direction:row;align-items:center;gap:60px;max-width:700px;margin:0 auto}.about__image-wrapper{flex-shrink:0;width:300px;text-align:center}.about__profile-photo{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;border-radius:50%;border:3px solid var(--about-highlight-color)}.about__text-content{flex-grow:1;max-width:400px}.about__text-content p{font-size:1.15rem;line-height:1.8;color:var(--text-color)}.highlight-color{color:var(--about-highlight-color)}@media(max-width:767px){.about{max-width:300px;text-align:center}.about__container{flex-direction:column;text-align:center;padding:40px 20px}.about__image-wrapper{width:200px;margin-bottom:25px}.about__text-content{max-width:100%}.about__text-content p{font-size:1rem}}@media(min-width:768px)and (max-width:1024px){.about{max-width:700px}}.contact{max-width:700px;margin:0 auto;text-align:center}.contact__title{margin-bottom:4.5rem}.contact__form{display:flex;flex-direction:column;gap:50px;width:100%}.contact__form-group{display:flex;flex-direction:column;gap:8px;width:100%}.contact__form-label{color:var(--text-color);text-align:left}.contact__form-input,.contact__form-textarea,.contact__button{width:100%;max-width:700px;border-radius:5px;border:1px solid #ccc;font-size:16px;outline:none;background-color:var(--contact-input-bg-color)}.contact__form-input{height:2rem}.contact__form-textarea{height:8rem;resize:none}.contact__button{height:2.2rem;font-weight:700;color:var(--text-color);border:none;cursor:pointer;background:linear-gradient(90deg,var(--contact-button-color-grad-start) 0%,var(--contact-button-accent-color-primary) 60%);transition:transform .3s ease-in-out}.contact__button:hover{transform:scale(1.1)}@media(max-width:767px){.contact{max-width:300px}}.footer{background-color:var(--footer-bg--color);color:var(--text-color);padding:40px 20px 20px;border-top:5px solid var(--footer-border-color)}.footer__container{display:flex;justify-content:space-between;flex-wrap:wrap;max-width:1200px;margin:0 auto}.footer__section{margin-bottom:20px}.footer__info{max-width:300px}.footer__name{background:linear-gradient(90deg,var(--title-color-grad-start),var(--title-color-accent-primary) 40%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:5px}.footer__role{font-size:.9em;font-style:italic;margin-top:0;margin-bottom:15px;color:var(--footer-role-text-color)}.footer__about{font-size:.9em}.footer__nav-list{list-style:none;padding:0;display:flex;gap:25px;justify-content:flex-start}.footer__social-links{display:flex;gap:25px;margin-top:15px}.footer__container a{color:#ecf0f1;text-decoration:none;transition:color .3s ease}.footer__container a:hover{color:var(--footer-color-text-hover)}.footer__bottom{text-align:center;margin-top:30px;padding-top:15px;border-top:1px solid var(--footer-border-color);font-size:.85em;color:var(--footer-text-color-copyright)}@media(max-width:768px){.footer__container{flex-direction:column;text-align:center}.footer__info{max-width:400px;margin:0 auto}.footer__social-links,.footer__nav-list{justify-content:center}}@media(min-width:768px)and (max-width:1024px){.footer__container{max-width:700px}}