@import"https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap";:root{font-family:Onest,sans-serif;font-weight:400;--fondo: #FAF5FF;--gris: #7e7e7e;--bordes: #DEDEDE;--primario:#6523a6;--contraste: #d5b5fd}body{margin:0;min-width:320px;width:100%;min-height:100vh;background-color:var(--fondo);padding:0;box-sizing:border-box}main{width:100%;display:flex;align-items:center;justify-content:space-between}main section{position:relative;height:100vh;transition:all .4s ease-in-out}main section .container{position:relative;width:100%;height:100%;box-sizing:border-box;padding:10px}.con-menu{width:calc(100% - 320px)}.sin-menu{width:calc(100% - 80px)}menu{position:relative;background-color:#fff;border-right:solid 1px var(--bordes);height:100vh;box-sizing:border-box;margin:0;box-shadow:0 1px 2px #0000001a;padding:0;transition:all .4s ease-in-out;overflow:auto}menu .encabezado-menu{display:flex;align-items:center;justify-content:space-between;padding:20px 30px!important;background-color:#fff;position:sticky;top:0}menu .encabezado-menu img{width:35px}menu .encabezado-menu button{border:none;background-color:transparent;display:flex;align-items:center;justify-content:center;margin:0;padding:0;height:40px;cursor:pointer;color:var(--gris)}menu .encabezado-menu button:hover{color:#000}menu .encabezado-menu>div{display:flex;align-items:center;gap:15px;overflow:hidden;interpolate-size:allow-keywords;width:max-content;opacity:1}menu .encabezado-menu>div p{margin:0;white-space:nowrap}menu .seccion{width:100%;box-sizing:border-box;padding:30px;border-bottom:solid 1px var(--bordes)}menu .seccion:last-child{border-bottom:none}menu .seccion h1{margin:0;font-size:.9rem;color:var(--gris);font-weight:500;width:max-content;overflow:hidden;display:flex}menu .seccion>ul{width:100%;box-sizing:border-box;padding:0;list-style:none;display:flex;flex-direction:column;gap:20px;margin:20px 0 0}menu .seccion>ul>li{width:100%;display:flex;align-items:center;gap:10px;cursor:pointer;position:relative;color:var(--gris)}menu .seccion>ul>li:hover{color:var(--primario)}menu .seccion>ul>li:hover ul li{color:var(--gris)}menu .seccion>ul>li p{margin:0;width:max-content;opacity:1;overflow:hidden;display:flex}menu .seccion>ul>.entrenamientos{flex-direction:column;align-items:start;justify-content:start;gap:0;padding:0}menu .seccion>ul>.entrenamientos>div{width:100%;display:flex;align-items:center;gap:10px;margin:0;padding:0}menu .seccion>ul>.entrenamientos>p{display:none}menu .seccion>ul>.entrenamientos>div p{margin:0}menu .seccion>ul>.entrenamientos ul{list-style:none;padding:0 0 0 40px;margin:15px 0 0 10px;display:flex;align-items:start;justify-content:start;flex-direction:column;gap:20px;interpolate-size:allow-keywords;height:max-content;transition:all .4s ease-in-out;border-left:solid 1px var(--gris);overflow:hidden}menu .seccion>ul>.entrenamientos ul li:hover{color:var(--color-primario)}menu .seccion>ul>.entrenamientos ul .activo{color:#000}menu .seccion>ul>.entrenamientos p{gap:10px}menu .seccion>ul>.entrenamientos p span{display:flex}menu .seccion>ul>li.activo{color:#000}.menu-abierto{width:320px}.menu-cerrado{padding:0;width:80px;overflow:initial}.menu-cerrado .encabezado-menu>div{width:0}.menu-cerrado .seccion h1{width:0;height:0}.menu-cerrado .seccion>ul>li p{position:absolute;background-color:var(--primario);left:calc(100% + 10px);color:#fff;box-sizing:border-box;padding:5px 10px;border-radius:5px;opacity:0}.menu-cerrado .seccion>ul>.entrenamientos>p{display:flex;left:30px}.menu-cerrado .seccion>ul>li:hover>p{opacity:1}.menu-cerrado .seccion>ul>li{width:max-content}.tablas{display:flex;align-items:stretch;justify-content:space-between;gap:10px}.tablas .listado-tablas{position:relative;height:100%;background-color:#fff;border-radius:25px;width:30%;border:solid 1px var(--bordes);padding:20px;box-sizing:border-box;overflow:auto}.tablas .listado-tablas h2{margin:0;font-size:1.1rem;font-weight:600}.tablas .listado-tablas p{color:var(--gris)}.tablas .listado-tablas ul{list-style:none;margin:0;padding:0;display:flex;align-items:start;justify-content:start;gap:10px;flex-direction:column}.tablas .listado-tablas ul li{width:100%;background-color:var(--contraste);box-sizing:border-box;padding:15px;border-radius:15px;cursor:pointer}.tablas .listado-tablas ul li.activo{background-color:var(--primario)}.tablas .listado-tablas ul li.activo p{color:#fff}.tablas .listado-tablas ul li div{display:flex;gap:5px;color:var(--gris)}.tablas .listado-tablas ul li.activo div{color:#ddd}.tablas .listado-tablas ul li p{margin:0;font-weight:500;color:#000}.tablas .resultados{width:70%;box-sizing:border-box;height:100%;display:flex;align-items:start;justify-content:space-between;flex-direction:column;padding:0 0 20px 20px}.tablas .resultados .encabezado{width:100%;height:auto;display:flex;align-items:stretch;justify-content:space-between;gap:10px}.tablas .resultados .encabezado div{background-color:#fff;border-radius:20px;box-sizing:border-box;padding:15px;display:flex;align-items:start;justify-content:start;flex-direction:column;border:solid 1px var(--bordes)}.tablas .resultados .encabezado div h1{margin:20px 0 0;font-size:1.5rem;width:100%}.tablas .resultados .encabezado div p{margin:10px 0 0;text-wrap:balance}.tablas .resultados .encabezado div small{color:var(--gris)}.tablas .resultados .encabezado .total{width:30%}.tablas .resultados .encabezado .desc{width:70%}.tablas .resultados .campo-tabla{width:100%;height:100%;overflow:auto;margin-top:30px}.tablas .resultados .campo-tabla .cabeza{width:100%;display:flex;align-items:center;justify-content:space-between}.tablas .resultados .campo-tabla .cabeza .pagination{display:flex;gap:10px;align-items:center}.tablas .resultados .campo-tabla .cabeza .pagination .mover{cursor:pointer;color:var(--gris)}.tablas .resultados .campo-tabla .cabeza .pagination .mover:hover{color:#000}.tablas .resultados .campo-tabla .cabeza button{padding:0 15px;height:35px;border-radius:10px;border:none;background-color:var(--primario);font-size:.9rem;color:#fff;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer}.tablas .resultados .campo-tabla .cabeza h2{margin:0 0 20px;font-size:1.1rem;font-weight:600}.tablas .resultados .campo-tabla .cabeza small{color:var(--gris)}.tablas .resultados .campo-tabla .table{width:100%;height:auto}.tablas .resultados .campo-tabla .table table{width:100%;border-collapse:collapse;border-radius:10px;overflow:hidden;text-align:left;border:solid 1px var(--bordes)}.tablas .resultados .campo-tabla .table table thead tr{background-color:var(--primario);color:#fff;text-align:left}.tablas .resultados .campo-tabla .table table thead tr th{padding:10px;font-weight:500;text-transform:capitalize}.tablas .resultados .campo-tabla .table table tbody tr td{padding:5px 10px;text-transform:lowercase}.tablas .resultados .campo-tabla .table table tbody tr:nth-child(2n){background-color:var(--contraste)}.tablas .resultados .campo-tabla .table table tbody tr td select{box-sizing:border-box;padding:0;border:none;background-color:transparent;cursor:pointer}.tablas .resultados .campo-tabla .table table tbody tr td select:focus{outline:none}.tapador{position:fixed;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;box-sizing:border-box;z-index:12;left:0;top:0}.tapador .container{width:80%;max-width:600px;height:auto;max-height:90%;overflow:hidden;background-color:#fff;box-sizing:border-box;padding:25px;border-radius:25px;animation:entradaAnimation .6s 1;position:relative}.tapador .container .cerrar{position:absolute;right:15px;top:15px;cursor:pointer}.salir .container{animation:salidaAnimation .6s 1}.tapador .container .eliminar{position:absolute;left:10px;top:10px;color:var(--danger);cursor:pointer}.tapador .container h1{margin:0;font-size:1.2rem;width:100%;text-align:center}.tapador .container>p{margin:10px 0;color:var(--gris);width:100%;text-align:center;text-wrap:balance}.tapador .container .coments{position:relative;width:100%;box-sizing:border-box;padding:10px;color:var(--colorUno);display:flex;align-items:center}.tapador .container .total{margin-top:15px;width:100%;display:flex;align-items:end;justify-content:space-between}.tapador .container .total small{color:var(--gris)}.tapador .container .total h2{margin:0}.tapador .container .total button{background-color:var(--primario);color:#fff;border-radius:10px;padding:10px 30px}.tapador .container .buttons{width:100%;display:flex;margin-top:20px;align-items:center;justify-content:center}.tapador .container .buttons button{padding:8px 20px;border-radius:10px;border:none;font-size:1rem;cursor:pointer}.tapador .container .buttons button:first-child{background-color:var(--gris);color:#fff;margin-right:10px}.tapador .container .buttons button:last-child{background-color:var(--primario);color:#fff}.tapador .enviar-preparar{width:100%;margin-top:20px;background-color:var(--success);height:35px;border-radius:10px}.tapador .container .input-group-pin{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:20px}.tapador .container .input-group-pin input{width:40px;height:40px;border:solid 1px var(--bordes);border-radius:10px;text-align:center;font-size:1rem}.tapador .container .btn-pin{width:100%;background-color:var(--primario);color:#fff;margin-top:20px;padding:10px 0;border-radius:10px}.tapador .formulario{position:relative;width:100%;height:auto;display:flex;align-items:center;justify-content:start;flex-direction:column;margin-top:25px}.tapador .formulario .input-group{width:70%;display:flex;align-items:start;justify-content:start;flex-direction:column;margin-bottom:20px}.tapador .formulario .input-group input{width:100%;height:40px;box-sizing:border-box;padding:0 10px;border:solid 1px var(--gris);border-radius:10px;font-size:1rem}.tapador .formulario button{width:70%;background-color:var(--primario);color:#fff;font-size:1rem;height:40px;border:none;border-radius:10px;cursor:pointer}