@import"https://fonts.googleapis.com/css2?family=Outfit:wght@600&family=Ubuntu&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Ubuntu;-webkit-tap-highlight-color:rgba(0,0,0,0)}ul{list-style-type:none}#Login,#Registrar,#OlvidePassword,#NuevoPassword{margin:100px auto 0;width:80%;display:flex;gap:50px}#Login .enun,#Registrar .enun,#OlvidePassword .enun,#NuevoPassword .enun{min-width:426px;width:426px}#Login .enun p,#Registrar .enun p,#OlvidePassword .enun p,#NuevoPassword .enun p{font-family:Outfit!important;font-weight:600;font-size:4.5em;line-height:1em}#Login .enun p span,#Registrar .enun p span,#OlvidePassword .enun p span,#NuevoPassword .enun p span{color:#5514b6}#Login .formBox,#Registrar .formBox,#OlvidePassword .formBox,#NuevoPassword .formBox{width:60%}#Login .formBox form,#Registrar .formBox form,#OlvidePassword .formBox form,#NuevoPassword .formBox form{width:80%;min-width:350px;max-width:480px;margin:auto}#Login .formBox form .field,#Registrar .formBox form .field,#OlvidePassword .formBox form .field,#NuevoPassword .formBox form .field{margin-bottom:15px}#Login .formBox form .field label,#Registrar .formBox form .field label,#OlvidePassword .formBox form .field label,#NuevoPassword .formBox form .field label{display:block;font-weight:700;font-size:1.2em;margin-bottom:10px}#Login .formBox form .field input,#Registrar .formBox form .field input,#OlvidePassword .formBox form .field input,#NuevoPassword .formBox form .field input{display:block;width:100%;background-color:#f3f3f3;padding:12px;border-radius:10px;border:none;font-size:1.1em}#Login .formBox form .smtBtn,#Registrar .formBox form .smtBtn,#OlvidePassword .formBox form .smtBtn,#NuevoPassword .formBox form .smtBtn{margin-top:15px;padding:10px 30px;border-radius:10px;font-weight:700;font-size:1.2em;color:#fff;background-color:#5514b6;border:none;cursor:pointer}#Login .formBox nav,#Registrar .formBox nav,#OlvidePassword .formBox nav,#NuevoPassword .formBox nav{margin-top:15px}#Login .formBox nav>*,#Registrar .formBox nav>*,#OlvidePassword .formBox nav>*,#NuevoPassword .formBox nav>*{padding:2px 0;display:block;text-align:right}#Header{background-color:#5514b6;padding:30px 0;-webkit-user-select:none;user-select:none}#Header .box{margin:auto;width:90%;display:flex;justify-content:space-between;position:relative}#Header .box .title{font-size:1.5em;font-weight:700;color:#ffffffbf}#Header .box .title span{color:#fff}#Header .box .routing{display:flex;gap:15px;align-items:center}#Header .box .routing>*{font-weight:700;text-transform:uppercase;border:none;color:#fff;text-decoration:none;background-color:transparent;font-size:1.1em;cursor:pointer}#Header .box .menuIcon{font-size:2.5em;color:#fff;position:absolute;right:0}#Footer{padding:50px 0;text-align:center}#Footer p{font-weight:700;font-size:1.2em}#Footer p span{color:#5514b6}#AdminPage{margin:auto;width:90%}#AdminPage>h1{margin-top:30px}#AdminPage .mainBox{margin-top:50px;display:flex;gap:50px;justify-content:space-between}#Pacientes{width:760px;display:flex;flex-direction:column;align-items:end;height:623px;overflow-y:scroll}#Pacientes .paciente{position:relative;width:100%;border-radius:10px;box-shadow:2px 2px 2px 2px #0003;background-color:#fbfbfb;padding:20px;margin-bottom:30px}#Pacientes .paciente .info p{margin-bottom:10px}#Pacientes .paciente .info p span{color:#5514b6;font-weight:700}#Pacientes .paciente .actions{position:absolute;bottom:20px;right:20px}#Pacientes .paciente .actions>*{box-sizing:content-box;padding:10px;font-size:1.3em;color:#fff;border-radius:10px;display:block;cursor:pointer}#Pacientes .paciente .actions .edit{background-color:#5514b6;margin-bottom:10px}#Pacientes .paciente .actions .delete{background-color:#b22222}#Form{min-width:370px;background-color:#fbfbfb;padding:30px 20px;width:500px;border-radius:10px;box-shadow:2px 2px 2px 2px #0003}#Form .field{margin-bottom:15px}#Form .field label{display:block;text-transform:uppercase;font-weight:700;font-size:1.1em;margin-bottom:10px}#Form .field input,#Form .field textarea{display:block;padding:10px;border-radius:10px;border:2px solid rgba(128,128,128,.3);font-size:1em;width:100%}#Form .field textarea{min-width:100%;max-width:100%;height:100px;min-height:100px;max-height:100px}#Form .sbtBtn{border:none;background-color:#5514b6;padding:10px;width:100%;color:#fff;font-weight:700;font-size:1.2em;border-radius:5px;cursor:pointer;margin-top:20px}#AdminNav{display:flex;gap:10px;margin:30px 0 0 30px}#AdminNav>*{display:block;text-transform:uppercase;font-weight:700;color:#7c7c7c;font-size:1.1em;text-decoration:none}#Perfil,#CambiarPassword{width:700px;margin:50px auto 0}#Perfil .hero,#CambiarPassword .hero{text-align:center;margin-bottom:30px}#Perfil .hero h3,#CambiarPassword .hero h3{margin-top:10px}#Perfil .hero h3 span,#CambiarPassword .hero h3 span{font-weight:700;color:#5514b6}#Perfil form,#CambiarPassword form{padding:30px;box-shadow:2px 2px 2px 2px #0003;background-color:#fbfbfb;border-radius:10px}#Perfil form .field,#CambiarPassword form .field{margin-bottom:15px}#Perfil form .field label,#CambiarPassword form .field label{display:block;margin-bottom:5px;font-weight:700}#Perfil form .field input,#CambiarPassword form .field input{display:block;width:100%;padding:10px;border-radius:5px;border:2px solid rgba(128,128,128,.3)}#Perfil form .smtBtn,#CambiarPassword form .smtBtn{width:100%;padding:10px;font-weight:700;background-color:#5514b6;border-radius:5px;margin-top:20px;font-size:1.1em;color:#fff;border:none;cursor:pointer}@media (max-width: 1040px){#Login,#Registrar,#OlvidePassword,#NuevoPassword{width:90%;flex-wrap:wrap}#Login .enun,#Registrar .enun,#OlvidePassword .enun,#NuevoPassword .enun{width:100%;margin-bottom:30px;text-align:center}#Login .formBox,#Registrar .formBox,#OlvidePassword .formBox,#NuevoPassword .formBox{width:100%}#Login .formBox form,#Registrar .formBox form,#OlvidePassword .formBox form,#NuevoPassword .formBox form{max-width:none;width:65%;min-width:450px}#Login .formBox form .smtBtn,#Registrar .formBox form .smtBtn,#OlvidePassword .formBox form .smtBtn,#NuevoPassword .formBox form .smtBtn{width:100%}#Login .formBox nav,#Registrar .formBox nav,#OlvidePassword .formBox nav,#NuevoPassword .formBox nav{margin-top:30px}}@media (max-width: 560px){#Login,#Registrar,#OlvidePassword,#NuevoPassword{margin-top:50px}#Login .enun,#Registrar .enun,#OlvidePassword .enun,#NuevoPassword .enun{min-width:auto;margin-bottom:0}#Login .enun p,#Registrar .enun p,#OlvidePassword .enun p,#NuevoPassword .enun p{font-size:3.5em}#Login .formBox form,#Registrar .formBox form,#OlvidePassword .formBox form,#NuevoPassword .formBox form{width:90%!important;min-width:auto!important}#Login .formBox nav,#Registrar .formBox nav,#OlvidePassword .formBox nav,#NuevoPassword .formBox nav{margin-top:20px}}@media (max-width: 1040px){#AdminPage>h1{text-align:center}#AdminPage .mainBox{flex-wrap:wrap;justify-content:center}#Pacientes{overflow-y:auto;width:80%;height:auto;overflow:visible}}@media (max-width: 730px){#Form{width:100%;min-width:auto}#Pacientes{width:100%}#Pacientes .paciente .actions{position:static;display:flex;gap:10px;justify-content:end}#Pacientes .paciente .actions>*{padding:10px 20px}#AdminNav{justify-content:center;gap:20px}#Perfil,#CambiarPassword{width:90%;min-width:auto}#Header .box{flex-direction:column;gap:20px}#Header .box .title{padding-right:50px}#Header .box .routing{align-self:center}}@media (min-width: 730px){#Header .box .menuIcon{display:none}}