*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{--var-color-texto-secundario: #535f7a;--var-color-sombras: #cbcbcb;--var-color-links-hover: #347dcb;--var-color-gradient-titulo-azul-claro: #4b9af9;--var-color-gradient-titulo-azul-oscuro: #1835c2;--var-color-gradient-titulo-lila: #9058d5;--var-color-gradient-titulo-rosa: #ff69b3;--var-color-borde-gris: rgba(0, 0, 0, .2);--var-color-azul-oscuro: rgb(37, 99, 235);--var-color-amarillo-iconos: #f6d365;--var-color-naranja-iconos: #fda085;--var-color-azul-iconos: #667eea;--var-color-morado-iconos: #764ba2;--var-color-background-skill-items: #f1f5f9;--var-tiempo-animacion-estandar: .25s;--var-tiempo-animacion-largo: .4s;--var-tiempo-animacion-titulo-gradient: 2.5s;--var-tiempo-animacion-opacidad: .85s;--var-opacidad-inicial: 1;--var-opacidad-final: .6}body{min-height:100vh;min-width:100vw;overflow-x:hidden}.icon{flex-shrink:0}.footer__container{display:flex;justify-content:center;padding:45px 0;gap:10px;border-top:1px solid var(--var-color-borde-gris);align-items:center}.footer__icon-div{padding:5px;background-color:#efedfd;border-radius:25%}.footer__icon{color:var(--var-color-links-hover)}.footer__text{color:var(--var-color-texto-secundario)}.text__key-word{font-weight:500;color:var(--var-color-links-hover)}.section__hero{width:100%;padding:120px 0;display:flex;justify-content:space-around;align-items:center}.hero__content{flex:1;max-width:650px;animation:fadeInUp 1.1s ease-out;animation-fill-mode:both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(45px)}to{opacity:1;transform:translateY(0)}}.hero__title-icon{margin-bottom:10px;color:var(--var-color-amarillo-iconos);animation:opacity-changer var(--var-tiempo-animacion-opacidad) infinite alternate}.hero__title{font-size:4.2rem;line-height:80px;margin-bottom:20px}.hero__title em{font-style:normal;display:inline;background:linear-gradient(90deg,var(--var-color-gradient-titulo-azul-claro),var(--var-color-gradient-titulo-azul-oscuro),var(--var-color-gradient-titulo-lila),var(--var-color-gradient-titulo-rosa),var(--var-color-gradient-titulo-azul-claro),var(--var-color-gradient-titulo-azul-oscuro),var(--var-color-gradient-titulo-lila),var(--var-color-gradient-titulo-rosa),var(--var-color-gradient-titulo-azul-claro));background-size:200% auto;background-attachment:fixed;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientFlowReverse 40s linear infinite}@keyframes gradientFlowReverse{0%{background-position:200% 50%}to{background-position:-200% 50%}}.hero__description{color:var(--var-color-texto-secundario);font-size:1.15rem;font-weight:500;margin-bottom:25px}.hero__buttons{display:flex;justify-content:start;gap:20px;margin-bottom:25px}.hero__button{padding:8px 40px;display:flex;align-items:center;justify-content:center;border-radius:10px;gap:10px;transition:transform .15s ease-in-out}.hero__button:hover{cursor:pointer;transform:scale(1.05)}.button__text{font-size:.85rem;font-weight:500}.button-contact{color:#fff;background-color:var(--var-color-azul-oscuro)}.button-github{border:1px solid var(--var-color-borde-gris)}.hero__info-extra{display:flex;justify-content:start;align-items:center;gap:20px}.info-extra__item{display:flex;justify-content:center;align-items:center;gap:5px;color:var(--var-color-texto-secundario)}.images__container{position:relative;display:inline-block;animation:fadeInLeft 1.1s ease-out;animation-fill-mode:both}.hero__personal-image{border-radius:50%;max-width:460px;display:block;box-shadow:0 0 50px #1d96ce66}@keyframes fadeInLeft{0%{opacity:0;transform:translate(45px)}to{opacity:1;transform:translate(0)}}.image__icon{position:absolute;display:flex;justify-content:center;align-items:center;border-radius:50%;padding:10px;color:#fff}.image__icon--star{top:-15px;left:-15px;background:linear-gradient(135deg,var(--var-color-amarillo-iconos) 0%,var(--var-color-naranja-iconos) 100%)}.image__icon--code{bottom:-15px;right:-15px;background:linear-gradient(90deg,var(--var-color-azul-iconos) 35%,var(--var-color-morado-iconos) 100%)}@keyframes opacity-changer{0%{opacity:var(--var-opacidad-inicial)}to{opacity:var(--var-opacidad-final)}}.navbar{display:flex;justify-content:center;width:100%;padding:1rem 30px;border-radius:4px;box-shadow:3px 0 15px 0 var(--var-color-sombras)}.navbar__div{max-width:1400px;width:100%;display:flex;justify-content:space-between;align-items:center}.navbar__main{display:flex;align-items:center;gap:7px}.navbar__main:hover{cursor:pointer}.navbar__icon-container{position:relative;display:flex;align-items:center;justify-content:center;border-radius:9999px}.navbar__icon-container:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:9999px;width:0;height:0;background:radial-gradient(circle,rgba(148,234,245,.15) 20%,rgba(148,234,245,.1) 60%,rgba(148,234,245,.02) 90%,transparent 100%);transition:all var(--var-tiempo-animacion-estandar) ease-in-out;z-index:-1}.navbar__main:hover .navbar__icon-container:before{width:40px;height:40px}.main__code-icon{position:relative;border-radius:9999px;z-index:2;transition:all var(--var-tiempo-animacion-estandar) ease-in-out}.navbar__main:hover .main__code-icon{transform:scale(1.1) rotate(8deg)}.main__title{background:linear-gradient(to right,var(--var-color-gradient-titulo-lila),var(--var-color-gradient-titulo-azul-oscuro),var(--var-color-gradient-titulo-azul-claro),var(--var-color-gradient-titulo-azul-oscuro),var(--var-color-gradient-titulo-lila));background-size:200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:animate-gradient var(--var-tiempo-animacion-titulo-gradient) linear infinite}.navbar__list{margin-left:50px;margin-right:10px;list-style:none;display:flex;flex:1;justify-content:flex-start;align-items:center;gap:30px}.list__list-item{font-weight:500;position:relative;overflow:hidden;padding:5px 0;white-space:nowrap}.list__list-item:after{content:"";position:absolute;bottom:0;left:0;height:2px;width:0;background-image:linear-gradient(to right,var(--var-color-gradient-titulo-lila),var(--var-color-gradient-titulo-azul-oscuro),var(--var-color-gradient-titulo-azul-claro));transition:width var(--var-tiempo-animacion-largo) ease}.list__list-item:hover{cursor:pointer;background-position:right center;color:var(--var-color-links-hover)}.list__list-item:hover:after{width:100%}.cv-download__button{padding:5px 13px;display:flex;align-items:center;gap:10px;border:1px solid var(--var-color-borde-gris);border-radius:10px;transition:all var(--var-tiempo-animacion-estandar) ease-in-out}.cv-download__button{font-weight:500}.cv-download__button:hover{cursor:pointer;box-shadow:0 5px 15px -5px var(--var-color-gradient-titulo-azul-claro);scale:1.05}@keyframes animate-gradient{to{background-position:200%}}.skills__skill{padding:20px 25px;background:linear-gradient(135deg,#ffffff0d,#ffffff05,#00000005);border-radius:12px;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.skills__skill:hover{background:linear-gradient(135deg,#ffffff14,#ffffff0a,#00000008);border-color:#fff3;transform:translateY(-2px);transition:all .3s ease-in-out}.skill__header{display:flex;justify-content:start;align-items:center;padding-bottom:20px;gap:10px}.skill__icon-wrapper{background:linear-gradient(135deg,#e3f2fd99,#bbdefb80,#90caf966,#64b5f673,#42a5f580);padding:12px;border-radius:12px;color:#1976d2cc;box-shadow:0 4px 12px #42a5f51f,0 2px 6px #42a5f514}.skill__icon{color:#00f}.skill__title{font-weight:500}.skill__content{width:100%;display:flex;flex-wrap:wrap;justify-content:start;align-items:center;gap:5px}.content__skill-item{padding:3px 14px;font-size:.8rem;font-weight:500;border-radius:20px;background-color:var(--var-color-background-skill-items);cursor:default;transition:all .22s ease-in-out}.content__skill-item:hover{background-color:var(--var-color-links-hover);color:#fff;scale:1.05}.container__about{width:100%;display:flex;padding-top:20px;padding-bottom:90px;flex-direction:column;justify-content:center;align-items:center;background-color:#fdfdfd}.about__header{text-align:center}.about__title{font-size:2.3rem;background:linear-gradient(to right,var(--var-color-gradient-titulo-azul-oscuro),var(--var-color-gradient-titulo-lila));background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;display:inline-block}.about__description{color:var(--var-color-texto-secundario);font-weight:500}.separator{margin-top:25px;margin-bottom:50px;padding:0 55px;border-bottom:4px solid;border-radius:20px;border-image:linear-gradient(to right,var(--var-color-gradient-titulo-azul-oscuro),var(--var-color-gradient-titulo-lila)) 1}.about__skills{width:90%;display:flex;justify-content:space-around;align-items:flex-start;gap:100px}