.box-shadow{box-shadow:0 5px 5px #fff3}.toggle-btn{position:absolute;top:10px;right:-40px;background:transparent;border:none;outline:none;cursor:pointer;color:#000}.centered{text-align:center;margin-top:50vh;transform:translateY(-50%)}.nice-typography{position:relative;cursor:pointer}.typography-line{position:absolute;left:0;bottom:-3px;width:0;height:2px;background-color:#fff;transition:width .3s ease}.typography-link:hover .typography-line{width:100%}.body{font-family:Inter}/*!! !*/.spinner{background-image:linear-gradient(rgb(66,201,255) 35%,rgb(255,0,212));width:100px;height:100px;animation:spinning 1.7s linear infinite;text-align:center;border-radius:50px;filter:blur(1px);box-shadow:0 -5px 20px #42c9ff,0 5px 20px #ff00d4}@keyframes floating{0%{transform:translateY(-5px)}to{transform:translateY(5px)}}@keyframes spinning{to{transform:rotate(360deg)}}.spinner1{background-color:#1b002e;width:100px;height:100px;border-radius:50px;filter:blur(10px)}.spinner2{animation:floating 2s ease-in-out infinite alternate;width:100px;height:100px}.loader{display:flex;justify-content:center;align-items:center;position:relative;scale:.7}/*!! Esfera NUEVA */.central{display:flex;justify-content:center;align-items:center;position:relative;width:10em;height:10em;border-radius:50%;box-shadow:inset 0 -5px 20px #ff00d4,inset 0 5px 20px #42c9ff}.external-shadow{width:10em;height:10em;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;filter:blur(0px);box-shadow:0 -5.5px 22px #42c9ff,0 5.5px 22px #ff00d4;animation:rotate 3s linear infinite;background-color:#1b002e}.intern{position:absolute;color:#fff;z-index:9999}.intern:before{animation:percent 2s ease-in-out infinite}@keyframes rotate{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}´ .hidden{display:none}section{height:100vh;width:100%;display:flex;justify-content:center;align-items:center;scroll-snap-align:start;overflow-x:hidden;overflow-y:hidden}.diapo{scroll-snap-type:y mandatory;overflow-y:scroll;height:100vh}.form{--width-of-input: 200px;--border-height: 1px;--border-before-color: rgba(221, 221, 221, .39);--border-after-color: #dfafff;--input-hovered-color: #4985e01f;position:relative;width:var(--width-of-input)}.input{color:#fff;font-size:1rem;background-color:transparent;width:200%;box-sizing:"100vh";padding-inline:.5em;padding-block:.7em;border:none;border-bottom:var(--border-height) solid var(--border-before-color)}.input-border{position:absolute;background:var(--border-after-color);width:0%;height:2px;bottom:0;left:0;transition:.3s}input:focus{outline:none}input:focus~.input-border{width:200%}.goal-button-container{display:flex;flex-direction:column;width:400px;background-color:#0d111759;justify-content:center;border-radius:5px}.goal-option{background-color:transparent;border:none;padding:10px;color:#fff;display:flex;position:relative;gap:5px;cursor:pointer;border-radius:4px;transition:background-color .3s,transform .3s}.goal-option:focus{background-color:#d400ff;outline:none}.goal-option:before{content:"";position:absolute;top:5px;left:-10px;width:5px;height:80%;background-color:#d400ff;border-radius:5px;opacity:0}.goal-option:focus:before,.goal-option:active:before{opacity:1}.goal-option.selected{background-color:#d400ff}.goal-option:hover.selected{filter:none}.btn{border:none;width:20em;height:5em;border-radius:3em;display:flex;justify-content:center;align-items:center;gap:12px;background:#1C1A1C;cursor:pointer;transition:all .45s ease-in-out}.sparkle{fill:#aaa;transition:all .8s ease}.text{font-weight:600;color:#aaa;font-size:medium}.btn:hover{background:linear-gradient(0deg,#A47CF3,#683FEA);box-shadow:inset 0 1px #fff6,inset 0 -4px #0003,0 0 0 4px #fff3,0 0 180px #9917ff;transform:translateY(-2px)}.btn:hover .text{color:#fff}.btn:hover .sparkle{fill:#fff;transform:scale(1.2)}button{position:relative;display:inline-block;cursor:pointer;outline:none;border:0;vertical-align:middle;text-decoration:none;background:transparent;padding:0;font-size:inherit;font-family:inherit}button.learn-more{width:16rem;height:auto}button.learn-more .circle{transition:all .45s cubic-bezier(.65,0,.076,1);position:relative;display:block;margin:0;width:3rem;height:3rem;background:#ffffff;border-radius:1.625rem}button.learn-more .circle .icon{transition:all .45s cubic-bezier(.65,0,.076,1);position:absolute;top:0;bottom:0;margin:auto;background:#e100ff}button.learn-more .circle .icon.arrow{transition:all .45s cubic-bezier(.65,0,.076,1);left:.625rem;width:1.125rem;height:.125rem;background:none}button.learn-more .circle .icon.arrow:before{position:absolute;content:"";top:-.26rem;right:.0625rem;width:.625rem;height:.625rem;border-top:.125rem solid #7700ff;border-right:.125rem solid #7700ff;transform:rotate(45deg)}button.learn-more .button-text{transition:all .45s cubic-bezier(.65,0,.076,1);position:absolute;top:0;left:0;right:0;bottom:0;padding:.75rem 0;margin:0 0 0 1.85rem;color:#f8a9ff;font-weight:700;line-height:1.6;text-align:center;text-transform:uppercase}button:hover .circle{width:100%}button:hover .circle .icon.arrow{background:#7700ff;transform:translate(1rem)}button:hover .button-text{color:#70f}body{background:#0b1d2a}.arrows{width:60px;height:72px;position:relative;left:0%;margin-left:0;bottom:-35vh}.arrows path{stroke:#2994d1;fill:transparent;stroke-width:1px;animation:arrow 2s infinite;-webkit-animation:arrow 2s infinite}.arrows path.a1{animation-delay:-1s;-webkit-animation-delay:-1s}.arrows path.a2{animation-delay:-.5s;-webkit-animation-delay:-.5s}.arrows path.a3{animation-delay:0s;-webkit-animation-delay:0s}.arrows2 path{stroke:#2994d1;fill:transparent;stroke-width:1px;animation:arrow 2s infinite;-webkit-animation:arrow 2s infinite}.arrows2{width:60px;height:72px;position:relative;left:0%;margin-left:0;bottom:-82vh}.arrows2 path.a1{animation-delay:-1s;-webkit-animation-delay:-1s}.arrows2 path.a2{animation-delay:-.5s;-webkit-animation-delay:-.5s}.arrows2 path.a3{animation-delay:0s;-webkit-animation-delay:0s}.arrows3 path{stroke:#2994d1;fill:transparent;stroke-width:1px;animation:arrow 2s infinite;-webkit-animation:arrow 2s infinite}.arrows3{width:60px;height:72px;position:relative;left:0%;margin-left:0;bottom:-80vh}.arrows3 path.a1{animation-delay:-1s;-webkit-animation-delay:-1s}.arrows3 path.a2{animation-delay:-.5s;-webkit-animation-delay:-.5s}.arrows3 path.a3{animation-delay:0s;-webkit-animation-delay:0s}@keyframes arrow{0%{opacity:0}40%{opacity:1}80%{opacity:0}to{opacity:0}}@-webkit-keyframes arrow{0%{opacity:0}40%{opacity:1}80%{opacity:0}to{opacity:0}}.radio-input input{display:none}.radio-input{--container_width: 600px;position:relative;display:flex;align-items:center;border-radius:9999px;background-color:#fff;color:#000;width:var(--container_width);overflow:hidden;border:1px solid rgba(53,52,52,.226)}.radio-input label{width:100%;padding:10px;cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:1;font-weight:600;letter-spacing:-1px;font-size:14px}.selection{display:none;position:absolute;height:100%;width:calc(var(--container_width) / 7);z-index:0;left:0;top:0;transition:.15s ease}.radio-input label:has(input:checked){color:#fff}.radio-input label:has(input:checked)~.selection{background-color:#a30bdf;display:inline-block}.radio-input label:nth-child(1):has(input:checked)~.selection{transform:translate(calc(var(--container_width) * 0/7))}.radio-input label:nth-child(2):has(input:checked)~.selection{transform:translate(calc(var(--container_width) * 1/7))}.radio-input label:nth-child(3):has(input:checked)~.selection{transform:translate(calc(var(--container_width) * 2/7))}.radio-input label:nth-child(4):has(input:checked)~.selection{transform:translate(calc(var(--container_width) * 3/7))}.radio-input label:nth-child(5):has(input:checked)~.selection{transform:translate(calc(var(--container_width) * 4/7))}.radio-input label:nth-child(6):has(input:checked)~.selection{transform:translate(calc(var(--container_width) * 5/7))}.radio-input label:nth-child(7):has(input:checked)~.selection{transform:translate(calc(var(--container_width) * 6/7))}@keyframes astronaut{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.astronaut{width:125px;height:150px;position:absolute;z-index:11;top:calc(50% - 75px);left:calc(50% - 62.5px);animation:astronaut 2.5s linear infinite}.schoolbag{width:50px;height:75px;position:absolute;z-index:1;top:calc(50% - 37.5px);left:calc(50% - 25px);background-color:#94b7ca;border-radius:25px 25px 0 0/15px 15px 0 0}.head{width:48.5px;height:40px;position:absolute;z-index:3;background:-webkit-linear-gradient(left,#e3e8eb 0%,#e3e8eb 50%,#fbfdfa 50%,#fbfdfa 100%);border-radius:50%;top:17px;left:calc(50% - 23.75px)}.head:after{content:"";width:30px;height:25px;position:absolute;top:calc(50% - 12.5px);left:calc(50% - 15px);background:-webkit-linear-gradient(top,#15aece 0%,#15aece 50%,#0391bf 50%,#0391bf 100%);border-radius:7.5px}.head:before{content:"";width:6px;height:12.5px;position:absolute;top:calc(50% - 6.25px);left:-2px;background-color:#618095;border-radius:2.5px;box-shadow:46px 0 #618095}.body{width:42.5px;height:50px;position:absolute;z-index:2;background-color:#fffbff;border-radius:20px/10px;top:52.5px;left:calc(50% - 20.5px);background:-webkit-linear-gradient(left,#e3e8eb 0%,#e3e8eb 50%,#fbfdfa 50%,#fbfdfa 100%)}.panel{width:30px;height:20px;position:absolute;top:10px;left:calc(50% - 15px);background-color:#b7cceb}.panel:before{content:"";width:15px;height:2.5px;position:absolute;top:4.5px;left:3.5px;background-color:#fbfdfa;box-shadow:0 4.5px #fbfdfa,0 9px #fbfdfa}.panel:after{content:"";width:4px;height:4px;position:absolute;top:4.5px;right:3.5px;background-color:#fbfdfa;border-radius:50%;box-shadow:0 7px 0 1px #fbfdfa}.arm{width:40px;height:15px;position:absolute;top:60.5px;z-index:2}.arm-left{left:15px;background-color:#e3e8eb;border-radius:0 0 0 19.5px}.arm-right{right:15px;background-color:#fbfdfa;border-radius:0 0 19.5px}.arm-left:before,.arm-right:before{content:"";width:15px;height:35px;position:absolute;top:-20px}.arm-left:before{border-radius:25px 25px 0 60px/25px 25px 0 55px;left:0;background-color:#e3e8eb}.arm-right:before{border-radius:25px 25px 60px 0/25px 25px 55px 0;right:0;background-color:#fbfdfa}.arm-left:after,.arm-right:after{content:"";width:15px;height:5px;position:absolute;top:-12px}.arm-left:after{background-color:#6e91a4;left:0}.arm-right:after{right:0;background-color:#b6d2e0}.leg{width:15px;height:20px;position:absolute;z-index:2;bottom:35px}.leg-left{left:38px;background-color:#e3e8eb;transform:rotate(20deg)}.leg-right{right:36.5px;background-color:#fbfdfa;transform:rotate(-20deg)}.leg-left:before,.leg-right:before{content:"";width:25px;height:12.5px;position:absolute;bottom:-13px}.leg-left:before{left:-10px;background-color:#e3e8eb;border-radius:15px 0 0;border-bottom:5px solid #6d96ac}.leg-right:before{right:-10px;background-color:#fbfdfa;border-radius:0 15px 0 0;border-bottom:5px solid #b0cfe4}.loader{width:60px;display:flex;justify-content:space-evenly}.ball{list-style:none;width:12px;height:12px;border-radius:50%;background-color:#fff}.ball:nth-child(1){animation:bounce-1 2.1s ease-in-out infinite}@keyframes bounce-1{50%{transform:translateY(-90px);scale:.3}}.ball:nth-child(2){animation:bounce-3 2.1s ease-in-out .3s infinite}@keyframes bounce-2{50%{transform:translateY(-90px);scale:.3}}.ball:nth-child(3){animation:bounce-3 2.1s ease-in-out .6s infinite}@keyframes bounce-3{50%{transform:translateY(-90px);scale:.3}}.card{width:304px;height:406.4px;background:linear-gradient(145deg,#6a5acd,#4b0082);transition:transform .3s,box-shadow .3s,background-color .3s;border-radius:15px;box-shadow:0 0 10px 5px #4b008280;font-size:30px;font-weight:900;position:relative;overflow:hidden}.card:hover{transform:scale(1.02);box-shadow:0 0 6px 3px #6a5acdb3;background:linear-gradient(145deg,#7b68ee,#5b41a9);cursor:pointer}.first-content{height:100%;width:100%;display:flex;justify-content:center;align-items:center;opacity:1;transition:opacity .2s;font-size:25px;z-index:1;position:absolute}.card:hover .first-content{opacity:0}.second-content{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;display:flex;justify-content:center;align-items:center;transition:opacity .3s;font-size:15px;z-index:0}.card:hover .second-content{opacity:1}.workout-plan{display:flex;justify-content:center;align-items:center;flex-direction:column}.exercise-group{text-align:center;margin-bottom:20px}h3{font-size:1.2em;margin-bottom:10px;color:#fff;font-weight:700}p{margin:5px 0;color:#fff}.custom-text{color:#fff;font-size:24px;font-weight:300;margin:0}.add-card{display:flex;align-items:center;justify-content:center;width:304px;height:406.4px;border:2px dashed rgba(255,255,255,.295);border-radius:15px;background-color:#0f0f0f31;color:#ffffffb6;font-size:4rem;cursor:pointer;transition:background-color .3s,transform .3s}.add-card:hover{background-color:#57575736;transform:scale(1.01)}@media (max-width: 600px){.card,.add-card{width:140px;height:200px;font-size:14px;display:flex;flex-direction:column}.first-content{font-size:20px;display:flex;justify-content:center;align-items:center}.second-content{font-size:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}h3{font-size:1em}p,.custom-text{font-size:10px}.add-card{font-size:1.5rem}.workout-plan{display:flex;flex-direction:column;gap:10px}.exercise-group{margin-bottom:5px}}@keyframes fadeInScale{0%{border:2px dashed rgba(255,255,255,0);opacity:0}to{border:2px dashed rgba(255,255,255,.295);opacity:1}}.exercise-entry{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;margin:8px 0;border-radius:15px;background-color:#0f0f0f31;color:#ffffffb6;font-size:1.25rem;cursor:pointer;border:2px dashed rgba(255,255,255,0);opacity:0;animation:fadeInScale .2s ease-out forwards;transition:background-color .3s,transform .3s}.exercise-entry:hover{background-color:#57575736;transform:scale(1.02)}.exercise-entry:hover .editIcon{visibility:visible;color:#fff}.editIcon{color:#fff;visibility:hidden}