.sectionContenedor{width:100%;margin-inline:auto}@media (min-width: 1024px){.sectionContenedor{width:800px}}.mode-dark__toggle{width:3rem;height:1.1rem;padding:0 .14rem;display:flex;justify-content:space-between;align-items:center;position:relative;border-radius:1rem;background-color:#0d1226;cursor:pointer;transition:background-color .4s,border-color .4s}.mode-dark__toggle:before{content:"";position:absolute;width:1.13rem;height:1.13rem;border-radius:1rem;background:#ececec;left:0;transition:.4s}.mode-dark__toggle.active:before{left:unset;right:0}.mode-dark__toggle .mode-dark__icon--sun{color:#ffad3b}.mode-dark__toggle .mode-dark__icon--moon{color:#ececec}.social{display:flex;justify-content:center;align-items:center;gap:.4rem;padding:.4rem .5rem;border-radius:1rem;background:#753076;color:#ececec;cursor:pointer;font-size:1rem;font-weight:200}.not-found{display:flex;justify-content:center;align-items:center;color:#ececec;flex-wrap:wrap;min-width:10vh;min-height:100vh}.not-found__container{padding:1rem 1.5rem}.not-found__title{color:#3be477;font-size:2rem;padding:1rem 0}.not-found__text{padding-bottom:1rem}.not-found__link{width:12rem;padding:.5rem 1rem;border-radius:.5rem;transition:background-color .3s ease-in-out,color .3s ease-in-out,box-shadow .3s ease-in-out,transform .3s ease-in-out}.not-found__link:hover{background-color:#639;color:#ececec;box-shadow:0 0 8px #11111180;transform:scale(1.1)}.icon-menu{--gap: 5px;--height-bar: 2.5px;--pos-y-bar-one: 0;--pos-y-bar-three: 0;--scale-bar: 1;--rotate-bar-one: 0;--rotate-bar-three: 0;width:25px;display:flex;flex-direction:column;gap:var(--gap);cursor:pointer;position:relative;z-index:1002}.bar{position:relative;height:var(--height-bar);width:100%;border-radius:.5rem;background-color:#9941fc;transition:all .3s ease}.bar--1{top:var(--pos-y-bar-one);transform:rotate(var(--rotate-bar-one));transition:top .2s .1s,transform .1s}.bar--2{transform:scaleX(var(--scale-bar));transition:transform .15s .1s}.bar--3{bottom:var(--pos-y-bar-three);transform:rotate(var(--rotate-bar-three));transition:bottom .2s .1s,transform .1s}.check-icon:checked+.icon-menu>.bar--1{transition:top .2s,transform .2s .1s}.check-icon:checked+.icon-menu>.bar--3{transition:bottom .2s,transform .2s .1s}.check-icon:checked+.icon-menu{--pos-y-bar-one: calc(var(--gap) + var(--height-bar));--pos-y-bar-three: calc(var(--gap) + var(--height-bar));--scale-bar: 0;--rotate-bar-one: 45deg;--rotate-bar-three: -45deg}.header{max-width:1120px;width:100%;margin:.76rem auto;position:fixed;top:0;left:0;right:0;z-index:1000}:is(.header__nav,.header__nav-menu){display:flex;justify-content:center;align-items:center}.header__nav{flex:1;position:relative}.header__nav-menu{background-color:#35353599;backdrop-filter:blur(10px);border-radius:1rem;box-shadow:0 4px 9px #0000001a;border-bottom:1px solid rgba(255,251,251,.1);padding:0rem 2rem;display:flex;gap:2rem}.header__nav-menu li{position:relative;padding:.5rem 0;transition:all .3s ease}.header__nav-menu li:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(135deg,#639,#d946ef);transition:width .3s ease;border-radius:2px}.header__nav-menu li:hover{background:linear-gradient(135deg,#639,#e84b3c);-webkit-text-fill-color:transparent;background-clip:text}.header__nav-menu li:hover:after{width:100%}@media (max-width: 840px){.header__nav-menu{border-radius:1rem 0 0 1rem;flex-direction:column;position:fixed;top:0;right:0;height:100dvh;width:70%;padding:2rem;z-index:999;background:var(--color-bg, #303030);color:#ececec;transform:translate(100%);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}}@media (max-width: 840px){.header__nav-menu.active{transform:translate(0);opacity:1;pointer-events:auto}}.header__nav-movil{display:none;position:absolute;right:0}@media (max-width: 840px){.header__nav-movil{display:block;margin:2rem;padding-top:2rem}}.footer{position:relative;width:100%;height:600px;overflow:hidden;padding-bottom:30rem}.footer__wave{position:absolute;z-index:0;inset:0}.footer__wave-svg{position:absolute;top:0;left:0;width:100%;height:100%;transform:scaleY(3) scaleX(2.15);transform-origin:bottom;display:block;pointer-events:none}.section-footer__container{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap}@media (max-width: 600px){.section-footer__container{flex-direction:column}}.section-footer{position:relative;z-index:1;margin-top:20rem}.section-footer__perfil{display:flex;align-items:center;gap:1rem;padding:1rem .7rem}.section-footer__perfil--title{display:flex;gap:.7rem;color:#ececec}.section-footer__perfil--logo{width:3rem}@media (max-width: 600px){.section-footer__perfil{flex-direction:column;align-items:flex-start;padding-bottom:1rem}.section-footer__perfil--title{flex-direction:column}}.section-footer__social-list{display:flex;gap:1.5rem}.section-footer__social-item{width:3rem;height:3rem;border-radius:50%;background-color:#eddcfb;transition:background-color .3s ease-in-out,color .3s ease-in-out,box-shadow .3s ease-in-out,transform .3s ease-in-out;cursor:pointer;padding:.8rem;box-shadow:0 0 8px #11111180;display:flex;justify-content:center;align-items:center}.section-footer__social-item:hover{background-color:#8a66c4;box-shadow:0 0 15px #3e3e3eb3;transform:scale(1.1)}.section-footer__social-icon{color:#1a1a1a;transition:color .3s ease-in-out,transform .3s ease-in-out}.section-footer__social-item:hover .section-footer__social-icon{color:#ececec;transform:scale(1.2)}.section-footer__legal{color:#ececec;padding-top:6rem;text-align:center}@media (max-width: 600px){.section-footer__legal{display:flex;flex-direction:column;align-items:center;padding-top:2rem}}.hero{width:100%;height:100vh;overflow:hidden}.hero__background{position:absolute;inset:0;overflow:hidden;z-index:1}.hero__content{max-width:1200px;width:90%;position:relative;z-index:2;padding:6rem 1.2rem}@keyframes floatAnimation{0%,to{transform:translate(0)}25%{transform:translate(var(--float-x, 20px),var(--float-y, 20px))}50%{transform:translate(calc(var(--float-x, 20px) * -1),calc(var(--float-y, 20px) * -1))}75%{transform:translate(calc(var(--float-x, 20px) * .5),calc(var(--float-y, 20px) * .5))}}.square{position:absolute;transition:transform .3s ease,opacity .3s ease;will-change:transform;backface-visibility:hidden;pointer-events:none;box-shadow:0 0 10px #fff3}@media (max-width: 768px){.hero{padding:1.5rem 0rem}.hero .square{width:10px;height:10px}.hero__content{padding:0 1.2rem}}
