@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";body{font-family:Plus Jakarta Sans,sans-serif;background:#e9edf3;color:#1f2937}*{box-sizing:border-box;margin:0;padding:0}h1,h2,h3,button{font-family:Montserrat,sans-serif}:root{--btn-color-celeste: linear-gradient(135deg, #38bdf8, #0ea5e9)}.container{max-width:920px;margin:0 auto;border-radius:7px}#btnId{background-color:#dbe4f1ed;color:#000}.containerbtnsINicio{display:flex;justify-content:flex-end;gap:.6rem}.containerbtnsINicio button{display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;border:none;color:#fff;background:var(--btn-color-celeste);padding:6px 8px;border-radius:8px;gap:4px;font-size:.8rem;font-weight:700}.rutinasTitleContainer{display:flex;align-items:center;gap:12px}.casperRutinasContainerHeader{display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1rem;border-bottom:1px solid #ececec}.showFormulario{margin-bottom:.6rem}.btnToggleForm{display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;color:#fff;background:var(--btn-color-celeste);border:none;padding:4px 6px;border-radius:8px;gap:4px}.btnToggleForm:hover{transform:scale(1.1)}.pNuevarutina{font-size:.8rem}.btnVerEjercicios{display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;color:#fff;background:var(--btn-color-celeste);padding:6px 8px;border-radius:8px;gap:4px;font-size:.8rem;font-weight:700;border:none}.btnVerEjercicios:hover{transform:scale(1.1)}.rutinaList{background:#ffffffc4;border-bottom:1px solid #e2e6ec;padding:.6rem 1rem;display:flex;justify-content:space-between;align-items:center;font-size:.9rem;box-shadow:1px 2px 4px #9696964d}textarea{min-width:100%;max-height:200px;min-height:40px;max-width:100%}input::placeholder{color:#64748b}input:focus{border-color:#38bdf8}.login-container{display:flex;flex-direction:column;gap:1rem;padding:2rem;width:100%;max-width:400px;margin:4rem auto;background:#fff;border-radius:10px;box-shadow:1px 5px 6px 1px #dddcdc;animation:fadeIn .5s ease forwards}.login-title{text-align:center;font-size:1.5rem;font-weight:500;color:#208eee}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form .form-group{display:flex;flex-direction:column;gap:.35rem}.login-form label{font-size:.8rem;font-weight:500;color:#334155}.login-form input{background:#f6f6f9;border:1px solid #e2e6ec;border-radius:10px;padding:9px;color:#000;width:100%;font-family:inherit;transition:border .2s ease,box-shadow .2s ease}.login-form input:focus{border-color:#208eee;box-shadow:0 0 7px #208eee33;outline:none}.login-form button[type=submit]{width:100%;padding:9px;margin-top:.2rem;background:var(--btn-color-celeste);border:none;color:#fff;border-radius:10px;font-size:.85rem}.olvide-pass{display:flex;justify-content:center;align-items:center;gap:.4rem;margin-top:.4rem;font-size:.8rem;color:#64748b}.olvide-pass span{cursor:pointer}.olvide-pass button{display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;color:#fff;background:var(--btn-color-celeste);padding:6px 8px;border-radius:8px;gap:4px;font-size:.8rem;font-weight:700;border:none}.register-link{display:flex;justify-content:center;align-items:center;gap:.4rem;margin-top:.4rem;font-size:.8rem;color:#64748b}.register-link button{background:transparent;color:#208eee;padding:0;font-size:.8rem;font-weight:600;border:none}.register-link button:hover{transform:none;text-decoration:underline}.dia-grupo{margin-bottom:5px}.dia{color:#000;padding:.6rem;font-weight:500;border-radius:10px;background-color:#c7ced8;margin-bottom:5px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.containerBuscquedaRutina{position:relative;width:100%}.searchIcon{position:absolute;left:12px;top:50%;transform:translateY(-50%);opacity:.6;pointer-events:none}.containerBuscquedaRutina input{width:100%;display:flex;padding:6px 12px 6px 34px;border:1px solid #edeff4;background-color:#f6f6f9;border-radius:15px;font-weight:700}.grupoContainer{margin-bottom:2px;margin-top:2px}.textGropu{text-align:center;font-weight:700}ul{list-style:none;gap:.4rem;overflow-y:auto;height:100%;width:100%}.containerCalentamiento{background:#f6f6f9;padding:.6rem;font-size:12px;border-radius:10px;margin-bottom:4px}.containerCalentamiento h3{font-size:1rem;font-weight:700}.back{background:transparent;color:#38bdf8;border:none;margin-bottom:.2rem}.modal-overlay{position:fixed;inset:0;background:#020617c0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:start;z-index:10}.modal{background:#e8ebf0;color:#000;padding:.4rem .8rem .8rem;box-shadow:0 25px 50px #0009;min-width:700px;height:96vh;display:flex;flex-direction:column;max-width:700px;position:relative;border-radius:10px}.xCloseModal{position:absolute;right:.6rem;cursor:pointer}.modal h3{font-weight:400;font-size:1rem;margin:.4rem 0}.containerFormNewEjercicio{display:flex;gap:.6rem;margin:.4rem 0}.row{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px}.containerRutinaEjercicios{width:100%;display:flex;justify-content:start;align-items:center}.rutina-ejercicios{list-style:none;display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:center}.rutina-item{display:flex;background:#fff;width:100%;border-radius:10px;box-shadow:0 1px 3px #4141414a}.containerImgR{padding:5px;display:flex;justify-content:start;align-items:start}.imgaenRutina{width:199px;height:98px;object-fit:contain;border-radius:4px;padding:0 0 0 6px}.rutina-info{display:flex;justify-content:space-between;align-items:center;line-height:17px;width:100%;padding:1rem;line-height:20px}.groupU{display:flex;flex-direction:column;justify-content:end}.nameEditEj{font-size:1.1rem;font-weight:500}.pBottom{font-size:14px}.groupT{display:flex;flex-direction:column;justify-content:center;justify-content:end}.casperRutinaInfo{display:flex;align-items:center;gap:.6rem;margin-bottom:.4rem}.orden-buttons{display:flex;gap:.2rem}.btnMover,.btnEliminar{width:34px;height:34px;padding:0;display:flex;align-items:center;justify-content:center;border:none;background-color:#e2e5e9;cursor:pointer;border-radius:6px}.btnEliminar{background-color:#d5d2d2}.btnMover,.btnEliminar::hover{transform:scale(1.1)}.ejercicio-item{width:100%;display:flex;padding:5px;margin-bottom:2px}.ejercicioCheckbox input{display:none}.checkmark{width:24px;height:24px;border:2px solid #d5d5d5;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:transparent;transition:all .2s ease}.ejercicioCheckbox input:checked+.checkmark{background:#208eee;border-color:#208eee;color:#fff}.containerAddEjItem{padding:5px;width:100%;justify-content:space-between;display:flex;gap:5px}.containerSelectAddEj{width:40%;display:flex;justify-content:center;align-items:center}.firsCAddEj{width:40%;background-color:#fff;border-radius:10px;display:flex}.containerImgNameAddEj{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.conRutina{width:100%;background-color:#fff;border-radius:10px;display:flex}.calentamientoText{font-size:.8rem;line-height:1.1rem}.ejercicio-item span{font-size:.9rem}.btnGenerarPdf,.agregarEjercicioARutinas{display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;border:none;color:#fff;background:var(--btn-color-celeste);padding:6px 8px;border-radius:8px;gap:4px;font-size:.8rem;font-weight:700}.formRutinas{display:flex;flex-direction:column;gap:.4rem;padding:.7rem 1rem}.rutinasTitle{font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:600;line-height:1.4;letter-spacing:-.035em;color:#1f2937}.rutinasContainer{background-color:#fff;border-radius:6px}.rutinasContainer h3{text-align:end;font-weight:500}.inputFormRutinas{background:#f6f6f9;border:1px solid #d7d7d7;padding:9px;color:#000;font-family:inherit;font-size:.8rem;width:100%;transition:border .2s ease,box-shadow .2s ease;border-radius:10px}.rutinaName{font-weight:500;font-size:1.3rem}.editRutina{display:flex;flex-direction:column;align-items:end;gap:.5rem;width:60%;padding:6px}.contentEditRutina{display:flex;align-items:end;gap:.2rem;width:100%}.containerGroupEditAddEjj{display:flex;width:100%;justify-content:space-around}.pIndicador{font-size:.8rem;text-align:center}.selectDia{background:#e2e5e9;padding:9px 3px;color:#000;border-radius:10px}.containerBtnCloseSesion{display:flex;justify-content:end;gap:.4rem;cursor:pointer;font-size:.9rem;max-width:740px;margin:0 auto;padding-right:.6rem}.addEjToRutina{display:flex;justify-content:space-between;gap:.6rem;padding:5px;border-bottom:1px solid #ececec}.containerBtnEditRutina{display:flex;gap:.6rem;align-items:center}.nuevarutinaHeader{display:flex;align-items:center;gap:.6rem;justify-content:space-between;padding:.8rem;border-bottom:1px solid #ececec}.containerObsAdd{width:100%;display:flex;flex-direction:column;gap:.4rem}.containerObs{display:flex;gap:.4rem}.spinner-container{display:flex;justify-content:center;align-items:center;min-height:200px}.spinner{width:42px;height:42px;border:4px solid #1e293b;border-top:4px solid #38bdf8;border-radius:50%;animation:spin .8s linear infinite}.nameRutina{font-size:.8rem;font-weight:700}.tiempoDesderutina{font-size:.7rem}.containerButtonsRutina{display:flex;flex-direction:row-reverse;gap:5px}.btnVer{display:flex;align-items:center;gap:.2rem;background:var(--btn-color-celeste);padding:6px 8px;border-radius:8px;border:none;color:#fff;cursor:pointer}.btnVer:hover{transform:scale(1.1)}#btnId{display:flex;align-items:center;justify-content:center;background:#e2e5e9;color:#4b5563;padding:6px 8px;border-radius:8px;border:none;cursor:pointer}#btnId:hover{background:#d6d9de;color:#374151;transform:scale(1.1)}.articleGrupoM{height:100%;overflow-y:scroll}.containerNuevoEjercicio,.containerFirstNewEjercicio{display:flex;align-items:start;gap:.4rem}.containerInputsNuevoejercicio{width:150px}.containerImgForm{width:100%;height:150px}.containerImgForm img{width:100%;height:100%}.containerImgPrevBtn{display:flex;flex-direction:column;align-items:start;gap:.4rem;width:100%}.btnCrearEj{display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;color:#fff;background:var(--btn-color-celeste);padding:6px 8px;border-radius:8px;gap:4px;font-size:.8rem;font-weight:700;border:none}.contIfER{display:flex;align-items:center;justify-content:space-between;padding-right:16px;margin-bottom:6px}.openSelectMultiple{display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;border:none;color:#fff;border:1px solid #208eee;background-color:#208eee;padding:6px 8px;border-radius:8px;gap:4px;font-size:.8rem;font-weight:700}.fileInput input[type=file]{display:none}.fileInput{background:#ffffffc4;border:1px dashed #0ea5e9;border-radius:8px;padding:5px 8px;cursor:pointer;transition:border-color .15s ease,background .15s ease;white-space:nowrap}.fileInput span{color:#38bdf8;font-size:.85rem;font-weight:500}.previewImagen{width:120px;height:80px;object-fit:cover;border-radius:6px}@keyframes spin{to{transform:rotate(360deg)}}.mensaje{position:fixed;top:20px;right:20px;padding:14px 20px;border-radius:12px;font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:10px;box-shadow:0 8px 20px #00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;animation:slideIn .4s ease;z-index:1000;cursor:default;min-width:220px;max-width:320px}.mensaje.success{background:linear-gradient(135deg,#22c55e,#16a34a)}.mensaje.error{background:linear-gradient(135deg,#ef4444,#b91c1c)}.cerrarBtn{background:transparent;border:none;color:#ffffffe6;font-size:20px;font-weight:700;cursor:pointer;transition:transform .15s ease}.cerrarBtn:hover{transform:scale(1.2)}.mini-modal-overlay{position:fixed;inset:0;background:#02061799;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:1500}.mini-modal{background:#fff;border-radius:10px;padding:12px 16px;width:90%;max-width:320px;max-height:60%;overflow-y:auto;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;gap:8px}.mini-modal h4{font-size:1rem;font-weight:500;color:#000;margin-bottom:8px}.mini-modal ul{list-style:none;padding-left:0;margin:0;display:flex;flex-direction:column;gap:4px}.mini-modal li{background:#e8ebf0;border:1px solid #1e293b;border-radius:8px;padding:6px 8px;font-size:.9rem;display:flex;justify-content:space-between;align-items:center}.mini-modal button{margin-top:8px;background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#fff;border-radius:8px;padding:6px 10px;font-weight:600;cursor:pointer;width:fit-content;transition:transform .15s ease,box-shadow .15s ease;border:none}.mini-modal button:hover{transform:translateY(-1px);box-shadow:0 6px 20px #38bdf866}.register-container{width:100%;max-width:460px;margin:3rem auto;padding:2rem;background:#fff;border-radius:10px;box-shadow:1px 1px 8px 5px #e8e8e8;animation:fadeIn .5s ease forwards}.register-header{text-align:center;margin-bottom:1.8rem}.register-header h1{color:#208eee;font-size:1.5rem;font-weight:500;margin-bottom:.4rem}.register-header p{color:#64748b;font-size:.8rem}.register-form{display:flex;flex-direction:column;gap:1rem}.register-row{display:flex;gap:.8rem}.register-row .form-group{flex:1}.register-form .form-group{display:flex;flex-direction:column;gap:.35rem}.register-form label{color:#334155;font-size:.8rem;font-weight:500}.register-form input{background:#f6f6f9;border:1px solid #e2e6ec;padding:9px;color:#000;font-family:inherit;font-size:.85rem;width:100%;transition:border .2s ease,box-shadow .2s ease;border-radius:10px}.register-form input:focus{border-color:#208eee;box-shadow:0 0 7px #208eee33;outline:none}.register-form input::placeholder{color:#64748b}.register-button{width:100%;padding:9px;margin-top:.3rem;background:var(--btn-color-celeste);color:#fff;font-size:.85rem;font-weight:500;border:none;border-radius:10px}.register-button:hover{background:#147dd6;transform:translateY(-1px)}.register-error{background:#fff1f2;border:1px solid #fecdd3;color:#be123c;padding:9px 10px;border-radius:4px;font-size:.8rem}.register-login{display:flex;justify-content:center;align-items:center;gap:.4rem;margin-top:1.5rem;font-size:.8rem;color:#64748b}.register-login button{background:transparent;border:none;color:#208eee;padding:0;font-size:.8rem;font-weight:600}.register-login button:hover{transform:none;text-decoration:underline}.perfilPage{max-width:720px;margin:0 auto;padding:.8rem;animation:fadeIn .35s ease forwards}.perfilBack{margin-bottom:.8rem}.perfilCard{background:#fff;border-radius:12px;box-shadow:0 2px 8px #4141411f;overflow:hidden}.perfilHeader{display:flex;align-items:center;gap:1rem;padding:1.3rem 1.4rem;border-bottom:1px solid #ececec;background:linear-gradient(135deg,#fff,#f6f9fc)}.perfilAvatar{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--btn-color-celeste);color:#fff;flex-shrink:0;box-shadow:0 5px 15px #0ea5e940}.perfilHeader h1{font-family:Plus Jakarta Sans,sans-serif;font-size:1.2rem;font-weight:600;color:#1f2937;margin-bottom:.15rem}.perfilHeader p{font-size:.78rem;color:#64748b}.perfilSection{padding:1.2rem 1.4rem;border-bottom:1px solid #ececec}.perfilSection:last-child{border-bottom:none}.perfilSectionTitle{margin-bottom:.8rem}.perfilSectionTitle h2{font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;font-weight:600;color:#1f2937}.perfilDato{display:flex;align-items:center;gap:.8rem;padding:.7rem;background:#f6f6f9;border-radius:9px;margin-bottom:.5rem}.perfilDato:last-child{margin-bottom:0}.perfilDatoIcon{width:36px;height:36px;border-radius:8px;background:#e2f3fc;color:#0ea5e9;display:flex;align-items:center;justify-content:center}.perfilDato div:last-child{display:flex;flex-direction:column;gap:.1rem}.perfilDato span{font-size:.7rem;color:#64748b}.perfilDato strong{font-size:.82rem;font-weight:600;color:#1f2937}.planActivo{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:10px;padding:1rem}.planActivoHeader{display:flex;align-items:center;gap:.7rem}.planIcon{width:42px;height:42px;border-radius:9px;background:var(--btn-color-celeste);color:#fff;display:flex;align-items:center;justify-content:center}.planActivoHeader div:nth-child(2){display:flex;flex-direction:column;gap:0}.planActivoHeader span,.planFreeHeader span{font-size:.7rem;color:#64748b}.planActivoHeader h3,.planFreeHeader h3{font-family:Plus Jakarta Sans,sans-serif;font-size:1.1rem;font-weight:700}.planCheck{margin-left:auto;color:#16a34a}.planActivo>p{font-size:.78rem;color:#475569;margin-top:.8rem}.planCaracteristica{display:flex;align-items:center;gap:.4rem;margin-top:.8rem;color:#16a34a;font-size:.75rem;font-weight:600}.planFree{background:#f6f6f9;border:1px solid #e2e6ec;border-radius:10px;padding:1rem}.planFreeHeader{display:flex;align-items:center}.planFreeHeader h3{color:#475569}.planFree>p{font-size:.78rem;color:#64748b;margin:.7rem 0 1rem}.btnPasarPro{display:flex;align-items:center;justify-content:center;width:100%;padding:9px 12px;border:none;border-radius:9px;background:var(--btn-color-celeste);color:#fff;font-size:.8rem;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.btnPasarPro:hover{transform:translateY(-1px);box-shadow:0 5px 14px #0ea5e940}.btnPasarPro:disabled{opacity:.6;cursor:not-allowed;transform:none}@media screen and (max-width:500px){.perfilPage{padding:.5rem}.perfilHeader,.perfilSection{padding:1rem}.perfilAvatar{width:50px;height:50px}.perfilHeader h1{font-size:1rem}}@media screen and (max-width:500px){.login-container,.register-container{margin:0;min-height:100vh;max-width:none;border-radius:0;box-shadow:none;padding:1.5rem;justify-content:center}.register-row{flex-direction:column;gap:1rem}}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.mensaje span.icono{font-size:1.2rem}.pdf-card{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#f8fafc;border-radius:10px;margin-bottom:4px}.pdf-card a,.pdf-card button{display:flex;align-items:center;gap:6px;border:none;text-decoration:none;background:#fff;color:#208eee;font-weight:600;font-size:14px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease}.pdf-card a:hover,.pdf-card button:hover{background:#2563eb;color:#fff;transform:translateY(-1px)}.pdf-card{animation:aparecer .3s ease}@keyframes aparecer{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:700px){.rutina-item{min-width:auto;flex-direction:column;width:100%;align-items:start}.container{margin-top:0}.rutina-ejercicios{flex-direction:column}body{padding:0}.addEjToRutina{flex-direction:column}.rutina-info{align-items:start;justify-content:start}.imgaenRutina{width:100%;height:130px}ul{padding:1rem}}@media screen and (max-width:473px){.nuevarutinaHeader{gap:0}.containerBtnCloseSesion{position:absolute;margin-left:.2rem;display:none}.container{position:relative}}@media screen and (max-width:528px){.ejercicio-item{flex-direction:column;padding:.8rem 0 0}.contentEditRutina{flex-wrap:wrap;padding:0 .8rem .8rem}}@media screen and (max-width:706px){.modal{min-width:auto;width:100%;height:100%}ul{justify-content:center}.containerNuevoEjercicio{flex-direction:column}}