@keyframes flicker-in-1{0%{opacity:0}10%{opacity:0}10.1%{opacity:1}10.2%{opacity:0}20%{opacity:0}20.1%{opacity:1;color:var(--glow-blue);filter:drop-shadow(0 0 12px var(--blue))}20.6%{opacity:0}30%{opacity:0}30.1%{opacity:1;color:var(--glow-blue);filter:drop-shadow(0 0 12px var(--blue))}30.5%{opacity:1;color:var(--glow-blue);filter:drop-shadow(0 0 12px var(--blue))}30.6%{opacity:0}45%{opacity:0}45.1%{opacity:1}50%{opacity:1;color:var(--glow-blue);filter:drop-shadow(0 0 12px var(--blue))}55%{opacity:1;color:var(--glow-blue);filter:drop-shadow(0 0 12px var(--blue))}55.1%{opacity:0;color:var(--glow-blue);filter:drop-shadow(0 0 12px var(--blue))}57%{opacity:0}57.1%{opacity:1}60%{opacity:1}60.1%{opacity:0}65%{opacity:0}65.1%{opacity:1;color:var(--glow-blue);filter:drop-shadow(0 0 12px var(--blue))}75%{opacity:1}75.1%{opacity:0}77%{opacity:0}77.1%{opacity:1;color:var(--glow-blue);filter:drop-shadow(0 0 12px var(--blue))}85%{opacity:1}85.1%{opacity:0;color:var(--glow-blue);filter:drop-shadow(0 0 12px var(--blue))}86%{opacity:0}86.1%{opacity:1}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(600px) scale(6.2)}to{transform:translateY(0) scale(1)}}@keyframes slideUp{0%{transform:translateY(300px)}to{transform:translateY(0)}}@keyframes expand{0%{transform:translateY(1400px)}to{transform:translateY(0)}}@keyframes myAnim{0%{animation-timing-function:ease-in;opacity:1;transform:translateY(-45px)}24%{opacity:1}40%{animation-timing-function:ease-in;transform:translateY(-24px)}65%{animation-timing-function:ease-in;transform:translateY(-12px)}82%{animation-timing-function:ease-in;transform:translateY(-6px)}93%{animation-timing-function:ease-in;transform:translateY(-4px)}25%,55%,75%,87%{animation-timing-function:ease-out;transform:translateY(0)}to{animation-timing-function:ease-out;opacity:1;transform:translateY(0)}}.hero{transition:.9s ease;display:flex;min-height:100dvh;background:var(--gradient);flex-direction:column;justify-content:center;height:auto;padding:15rem 0}.hero__contenedor{display:flex;flex-direction:column-reverse;height:56vh;align-items:center;justify-content:center}.hero__saludo{height:auto}.hero__titulo{font-family:Montserrat,sans-serif;transition:all .9s;color:var(--seccond-color);font-size:4.2rem;margin:29px 0;text-align:center;font-weight:700;filter:drop-shadow(2 -1px 1px var(--pure-black));line-height:initial}.hero__titulo span{transition:all .9s}.hero__titulo span:hover{color:var(--blue);filter:drop-shadow(0 0 12px var(--blue))}.flicker-in-1{animation:flicker-in-1 2s linear .5s both;color:var(--seccond-color)}.hero__subtitulo{font-size:1.5rem;font-family:var(--fira-code);color:var(--green-terminal);padding:0;margin-top:-3rem;text-align:center;font-weight:700}.hero__subtitulo--span{color:var(--pink-terminal)}.side__container{transition:all .9s;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%}.side__profile{display:flex;align-items:center;position:relative}.side__img{min-width:28rem;width:60%;position:relative;max-width:29rem}.img__damage,.img__dark{display:none}.img__ligth{display:block}.social{display:flex;flex-direction:row;gap:16px;position:absolute;z-index:80}.social__link{position:absolute;z-index:20}.social__icon{max-width:56px;min-width:56px;min-height:56px;max-height:56px;width:100%;filter:drop-shadow(0 0 12px var(--seccond-color));transition:.2s ease-in-out}.icon-1{bottom:43px;right:74px;transform:translateY(-200px);animation:slideIn 1s ease-in-out forwards}.social__icon:hover{animation:anim none}.icon-1 .social__icon{animation:anim 4s ease-out infinite;animation-delay:3.2s}.icon-2{filter:invert(30%) sepia(100%) saturate(1072%) hue-rotate(180deg) brightness(96%) contrast(97%) drop-shadow(0 0 3px var(--pure-black));bottom:-102px;right:84px;transform:translateY(-600px);animation:expand .8s ease forwards}.icon-2 .social__icon{animation:anim 4s infinite;animation-delay:2.9s}.icon-3{bottom:-75px;right:-141px;transform:translateY(-300px);animation:expand .8s ease forwards}.icon-3 .social__icon{animation:anim 4s infinite;animation-delay:1s}.icon-4{filter:invert(53%) sepia(39%) saturate(3085%) hue-rotate(64deg) brightness(100%) contrast(101%);bottom:50px;right:-124px;transform:translateY(-300px);animation:expand 1.5s ease-in-out forwards}.icon-4 .social__icon{animation:anim 4s infinite;animation-delay:3s}.icon-5{bottom:-183px;right:-33px;transform:translateY(500px);animation:expand .6s ease-in-out forwards .8s}.icon-5 .social__icon{animation:anim 4s infinite}@media (min-width: 768px){.hero{justify-content:center;padding:25rem 0;min-height:130dvh}.side__img{min-width:32rem;width:55%}.hero__contenedor{flex-direction:row;align-items:center;justify-content:space-evenly;width:100%;flex-wrap:nowrap;height:auto}.hero__titulo{font-size:6rem;font-weight:900;padding:0}.hero__subtitulo{font-size:2rem}.side__container{flex-direction:column;justify-content:center;align-items:center;width:60rem}.social{display:flex;flex-direction:column;gap:16px}.social__icon{max-width:70px;max-height:68px;min-width:68px;min-height:68px;width:100%;height:100%}.social__icon:hover{animation:anim paused;transform:scale(1.3)}.social__link:hover{transform:scale(1.2)}.icon-1{top:-168px;right:68px}.icon-1 .social__icon{animation:anim 4s infinite;animation-delay:.9s}.icon-2{top:27px;right:104px}.icon-2 .social__icon{animation:anim 3.4s infinite;animation-delay:3s}.icon-3{top:-20px;right:-173px}.icon-3 .social__icon{animation:anim 3.3s infinite;animation-delay:3.3s}.icon-4{top:-165px;right:-153px}.icon-4 .social__icon{animation:anim 4s infinite;animation-delay:3.1s}.icon-5{top:112px;right:-33px}.icon-5 .social__icon{animation:anim 4s infinite;animation-delay:3.3s}.icon-2 .social__icon:hover,.icon-4 .social__icon:hover,.icon-3 .social__icon:hover,.icon-5 .social__icon:hover,.icon-1 .social__icon:hover{animation:none}}@media (min-width: 1200px){.hero{justify-content:center;padding:25rem 0;min-height:130dvh}.hero__contenedor{justify-content:space-around;margin-top:-16rem;flex-wrap:nowrap;max-width:1534px;align-self:center;align-items:center}.hero__titulo{font-size:8rem;font-weight:700}.hero__subtitulo{font-size:2rem}.side__img{min-width:25rem;width:85%;max-width:44rem}.social__icon{max-width:82px;max-height:82px;min-width:78px;min-height:78px;width:100%;height:100%}.icon-1{top:-214px;right:117px}.icon-1 .social__icon{width:100px}.icon-2{top:44px;right:160px}.icon-3{top:-20px;right:-216px}.icon-4{top:-239px;right:-146px}.icon-5{top:181px;right:-44px}}@keyframes anim{0%{transform:translateY(0)}50%{transform:translateY(-9px)}to{transform:translateY(0)}}@keyframes infiniteSlide{0%{transform:translate(0)}to{transform:translate(-498%)}}@keyframes infiniteSlideSkills{0%{transform:translate(0)}to{transform:translate(calc(-7.8rem * 13))}}@media screen and (min-width:768px){@keyframes infiniteSlide{0%{transform:translate(0)}to{transform:translate(208%)}}}.skills{display:flex;flex-direction:column;width:100%;height:auto;position:relative;z-index:10;align-items:center;padding:2rem 1rem}.skills__container{display:flex;flex-direction:column;width:100%;height:auto;align-items:center;justify-content:center;gap:30px;flex-wrap:nowrap}.skills__cards-container{display:flex;overflow:hidden;position:relative;box-shadow:0 10px 20px -5px #00000020;margin:auto}.skills__cards-container:before,.skills__cards-container:after{background:linear-gradient(to right,#d3d3d3,#fff0);content:"";height:200px;position:absolute;width:89px;z-index:2}.dark-mode .skills__cards-container:before,.dark-mode .skills__cards-container:after{background:linear-gradient(to right,#150033,#fff0);content:"";height:200px;position:absolute;width:89px;z-index:2}.skills__cards-container:after{right:0;top:0;transform:rotate(180deg)}.skills__cards-container:before{left:0;top:0}.skills__titulo{font-size:3.5rem;text-align:center}.skills__cajas{display:flex;height:auto;flex-wrap:nowrap;gap:13px;column-gap:1.5rem;width:calc(7.8rem * 13);animation:17s infiniteSlideSkills reverse infinite linear}.skills__caja{height:112px;width:85px;display:flex;box-shadow:0 8px 32px #1f26875e;border-radius:10px;border:3px solid rgba(255,255,255,.1);justify-content:center;align-items:center;transition:.2s ease-in-out;padding:6rem}.skills__cajas:hover:has(.skills__caja){animation-play-state:paused}.img{position:absolute;transition:.2s ease-in-out;z-index:1}.skills__texto{opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.2s ease-in-out;z-index:2}.skills__texto>.head{font-size:1.2rem;font-weight:700;text-align:center}.skills__caja:hover>.skills__texto{opacity:1}.skills__caja:hover>.img{height:65%;filter:blur(8px);animation:anim 3s infinite}.skills__caja:hover{transform:scale(1.04) rotate(-1deg)}.skills__icono{display:flex;flex-direction:column;justify-content:space-around;width:61px}.javascript{filter:invert(76%) sepia(15%) saturate(7243%) hue-rotate(355deg) brightness(103%) contrast(104%)}.wordpress{filter:invert(30%) sepia(92%) saturate(836%) hue-rotate(169deg) brightness(98%) contrast(101%)}@media (min-width: 768px){.skills__container{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:4px}.skills__cards-container{max-width:70%}.skills__titulo{font-size:3.5rem}.skills__descargar{display:flex;justify-content:flex-start}.skills__cajas{display:flex;align-items:center}.skills__caja{height:130px;width:132px;display:flex;justify-content:center;align-items:center}.skills__texto{gap:0}.skills__icono{width:7.9rem}.skills__icono .javascript{width:170px}}@media (min-width: 1200px){.skills__titulo{font-size:5.5rem}.skills__descargar{display:flex;justify-content:center;align-items:center}.skills__texto>.head{font-size:1.6rem;font-weight:700;text-align:center}.skills__icono{width:78px}.skills__icono .javascript{width:170px}}.wraper__tools{position:relative;height:21vh}.custom-shape-divider-top-1699780157{position:absolute;top:0;left:0;width:100%;overflow:hidden;line-height:0;transform:rotate(180deg)}.custom-shape-divider-top-1699780157 svg{position:relative;display:block;width:calc(131% + 1.3px);height:147px}.custom-shape-divider-top-1699780157 .fill__purple{fill:var(--purple-bg)}.custom-shape-divider-top-1699780157 .fill__black{fill:var(--pure-black)}.custom-shape-divider-top-1699780157 .fill__white{fill:var(--seccond-color)}.dark-mode .custom-shape-divider-top-1699780157 .dark__primary{fill:var(--dark-bg)}.dark-mode .custom-shape-divider-top-1699780157 .dark__black{fill:var(--pure-black)}.dark-mode .custom-shape-divider-top-1699780157 .purple__dark{fill:#2c0069}.dark-mode .wraper__tools.black{background:#000}.dark-mode .wraper__tools.dark__background{background:var(--dark-bg)}.wraper__tools .primary{color:currentColor}.secundary{background-color:var(--purple-bg)}.tools{display:flex;position:relative;flex-direction:column;background-color:var(--purple-bg)}.tools__titulo{color:var(--green-terminal);text-align:center;margin:14px 0 0}.tools__caja__slider{display:flex;flex-direction:column;overflow:hidden;justify-content:center}.slider:has(.tools__grupo:hover){animation-play-state:paused;white-space:nowrap}.slider{display:inline-block;height:auto;animation:35s slide infinite linear}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-590%)}}.tools__cajas{display:flex;gap:40px;align-items:center;white-space:nowrap;height:164px}.tools__grupo{display:flex;flex-direction:column;width:100%;align-items:center;height:103px;padding:2px;justify-content:space-around}.tools__caja{display:flex;height:60px;width:60px;min-width:60px;min-height:60px;border-radius:50%;background:#bcbcbc80;box-shadow:0 8px 32px #1f26875e;backdrop-filter:blur(19px);-webkit-backdrop-filter:blur(19px);border:3px solid rgba(255,255,255,.1);justify-content:center;align-items:center}.tools__caja:hover{transform:scale(1.2)}.tools__icono{display:flex;flex-direction:column;width:35px}.tools__descripcion{text-align:center;color:var(--green-terminal);font-family:var(--fira-code);font-size:1.7rem}@media (min-width: 678px){.slider{height:36vh;min-height:331px;animation:30s slide infinite linear}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-418%)}}.tools__cajas{display:flex;height:45vh;gap:144px}.tools__grupo{display:flex;flex-direction:column;width:100%;align-items:center;padding:2px;gap:1rem}.tools__caja{width:90px;height:90px;min-width:90px;min-height:90px;display:flex;justify-content:center;align-items:center}.tools__icono{width:53px}.tools__descripcion{display:none}.tools__grupo:hover .tools__descripcion{display:inline-block}}@media (min-width: 1200px){.slider{animation:40s slide infinite linear}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-250%)}}.tools__cajas{height:34vh}.tools__caja{height:97px;width:97px;min-height:97px;min-width:97px}.tools__icono{width:5rem}}