@import "https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap";:root{--background-color:#f6f6f7;--border-color:#c0c1c3;--border-color-dos:#e3e4e6;--primary-color:#0162ff;--primary-color-600:#0672ff;--primary-color-100:#d6ecff;--dark-color:#111;--light-color:#fff;--color-text:#6b6b6b;--danger-color:#fd151b;--success-color:#0cca4a;--warning-color:#f5b700;font-family:Onest,sans-serif}textarea{font-family:Onest,sans-serif}body{width:100%;margin:0;padding:0}.form{width:100%;max-width:400px}.form .input{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.form .input label{font-size:small;position:absolute;top:5px;left:15px}.form .input input{box-sizing:border-box;background-color:var(--light-color);border:solid 1px var(--border-color);border-radius:10px;width:100%;height:50px;margin-bottom:15px;padding:15px 15px 0;font-size:1rem}.form .input input:focus{outline:solid 1px var(--primary-color)}.form .input span{cursor:pointer;position:absolute;top:12px;right:15px}.form button{background-color:var(--primary-color);width:100%;color:var(--light-color);box-sizing:border-box;cursor:pointer;border:none;border-radius:10px;height:40px;font-size:1rem}.form button:disabled{opacity:.5;cursor:not-allowed}.form .olvidaste{border-top:solid 1px var(--border-color);box-sizing:border-box;text-align:center;cursor:pointer;justify-content:center;align-items:center;gap:5px;margin-top:20px;padding:10px 0 0;font-size:1rem;display:flex;position:relative}.form .olvidaste span{display:flex}.form .olvidaste:hover{color:var(--primary-color)}.form .error{text-align:center;color:var(--danger-color)!important;margin:10px 0!important}@keyframes aparece{0%{opacity:0}to{opacity:1}}@keyframes entradaAnimation{0%{opacity:0;transform:translateY(-100px)}50%{opacity:1;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes salidaAnimation{0%{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(20px)}to{opacity:0;transform:translateY(-100px)}}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}main{background-color:var(--background-color);width:100%;min-height:100vh;margin:0;padding:0;position:relative;top:0}.cargando{background-color:var(--light-color);flex-direction:column;justify-content:center;align-items:center;display:flex}.cargando h1{color:var(--dark-color);margin:0 0 10px;font-size:1rem}.encabezado-general{justify-content:space-between;align-items:center;width:100%;height:auto;display:flex}.encabezado-general h2{margin:0;font-size:1.2rem;font-weight:600}.btn{background-color:var(--background-color);color:var(--dark-color);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:5px;height:35px;padding:0 20px;font-size:1rem;transition:all .15s;display:flex}.btn span{display:flex}.btn p{margin:0}.btn:active{scale:.93}.btn-primario{background-color:var(--primary-color);color:#fff;box-shadow:inset 0 2px 8px #fff6,inset 0 -4px 10px #00000026}.tabla-datos{width:100%;height:100%;position:relative;overflow:auto}.tabla-datos table{border-collapse:collapse;width:100%;height:auto}.tabla-datos table thead{border-bottom:solid 1px var(--border-color-dos);text-align:left;background-color:var(--background-color);font-size:small;font-weight:600}.tabla-datos table thead th{padding:8px}.tabla-datos table thead th:first-child{padding-left:15px}.tabla-datos table tbody tr{border-bottom:solid 1px var(--border-color-dos);vertical-align:super}.tabla-datos table tbody tr td{padding:8px;line-height:1}.tabla-datos table tbody tr td p{margin:0}.tabla-datos table tbody tr td .bajo{background-color:var(--danger-color);color:#fff;border-radius:10px;width:max-content;padding:2px 5px;font-size:small}.tabla-datos table tbody tr td .alto{background-color:var(--success-color);color:#fff;border-radius:10px;width:max-content;padding:2px 5px;font-size:small}.tabla-datos table tbody tr td .medio{background-color:var(--warning-color);color:#fff;border-radius:10px;width:max-content;padding:2px 5px;font-size:small}.tabla-datos table tbody tr td small{color:var(--color-text);font-size:.7rem}.tabla-datos table tbody tr .primero{padding-left:15px}.inicio-sesion{animation:1s aparece;position:relative}.login{justify-content:space-between;align-items:center;width:100%;height:100vh;display:flex}.login .contenido{box-sizing:border-box;background-image:url(/fondo.jpg);background-position:50%;background-size:cover;flex-direction:column;justify-content:space-between;align-items:start;width:35%;height:100%;padding:20px;display:flex}.login .contenido .logo{height:60px}.login .contenido .texto{width:100%}.login .contenido .texto h1{color:var(--light-color);margin:0;font-size:2rem;font-weight:600}.login .contenido .texto p{color:var(--light-color);font-size:1rem;font-weight:400}.login .formulario{background-color:var(--light-color);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:0 20px;display:flex}.login .formulario h2{color:var(--dark-color);margin:0 0 10px;font-size:2rem;font-weight:600}.login .formulario p{color:var(--color-text);text-align:center;max-width:400px;margin:0}.login .formulario .form{margin-top:30px}.loader{border:4px solid var(--dark-color);border-left-color:#0000;border:4px solid var(--dark-color);border-left-color:#0000;border:4px solid var(--dark-color);border-left-color:#0000;border-radius:50%;width:36px;height:36px;animation:1s linear infinite spin89345}@keyframes spin89345{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.otp{box-sizing:border-box;justify-content:center;gap:30px;width:100%;margin-bottom:15px;display:flex;position:relative}.otp input{box-sizing:border-box;text-align:center;border:solid 1px var(--border-color);border-radius:10px;width:40px;height:40px;padding:0}.app{box-sizing:border-box;border:none;justify-content:space-between;align-items:center;height:100vh;display:flex;position:relative}.app .seccion{background-color:var(--background-color);flex-direction:column;justify-content:space-between;align-items:center;width:auto;height:100vh;transition:all .5s;display:flex}.app .seccion .contain{box-sizing:border-box;width:100%;height:calc(100% - 60px);padding:20px}.header{background-color:var(--primary-color);border-bottom:solid 1px var(--border-color-dos);box-sizing:border-box;z-index:2;justify-content:space-between;align-items:center;width:100%;height:60px;padding:0 25px;display:flex;box-shadow:0 2px 15px #00000008}.header .notif{width:35px;height:100%;color:var(--light-color);justify-content:start;align-items:center;display:flex;position:relative}.header .notif span{background-color:var(--danger-color);border-radius:3px;width:5px;height:5px;position:absolute;top:15px;right:10px}.header .ubicacion{color:#d6ecff;background-color:#0672ff;border-radius:15px;padding:5px 10px;font-size:1rem}.header .usuario{justify-content:center;align-items:center;gap:6px;width:max-content;height:40px;display:flex}.header .usuario .foto{background-color:var(--light-color);border-radius:50%;width:35px;height:35px;position:relative;overflow:hidden}.header .usuario .foto img{width:100%;height:100%;position:absolute}.header .usuario .nombre{cursor:pointer;line-height:1}.header .usuario .nombre p{text-transform:capitalize;margin:0}.header .usuario .nombre small{color:var(--color-text);font-size:small}.inicio{justify-content:space-between;align-items:center;display:flex}.inicio .chat{flex-direction:column;justify-content:space-between;align-items:center;gap:10px;width:100%;height:100%;display:flex}.inicio .chat .mensajes{flex-direction:column;width:100%;height:calc(100% - 160px);display:flex;overflow-y:auto}.inicio .chat .mensajes ul{flex-direction:column;gap:15px;margin:auto 0 0;padding:0;list-style:none;display:flex}.inicio .chat .mensajes ul li{flex-direction:column;justify-content:start;align-items:start;gap:5px;width:100%;padding:0;animation:.4s agranda;display:flex}.inicio .chat .mensajes ul li tr.cambiado{animation:3s actua}.inicio .chat .mensajes ul li .encabezado-general small{font-weight:600}.inicio .chat .mensajes ul li .conten{background-color:var(--light-color);box-sizing:border-box;border-radius:10px;width:100%;padding:10px}.inicio .chat .mensajes ul li .conten p{color:var(--color-text);margin:0;font-size:small}.inicio .chat .mensajes ul li .conten .tabla-datos{border:solid 1px var(--border-color-dos);box-sizing:border-box;border-radius:10px;width:100%;height:auto;margin-top:10px;padding:5px}.inicio .chat .mensajes ul li .conten .tabla-datos table tbody tr td p{color:var(--dark-color)}.inicio .chat .mensajes ul li .conten .opciones{justify-content:space-between;align-items:center;gap:5px;width:100%;margin-top:15px;display:flex}.inicio .chat .mensajes ul li .conten .opciones button{cursor:pointer;border:none;border-radius:5px;width:50%;height:30px;font-size:small}.inicio .chat .mensajes ul li .conten .opciones button:disabled{opacity:.5}.inicio .chat .mensajes ul li .conten .opciones .elim{background-color:var(--background-color);color:var(--dark-color)}.inicio .chat .mensajes ul li .conten .opciones .aprob{background-color:var(--primary-color);color:var(--light-color)}.inicio .chat .escribir{box-sizing:border-box;border-radius:20px;flex-direction:column;justify-content:space-between;align-items:center;gap:10px;width:100%;height:160px;margin-top:15px;margin-bottom:80px;padding:0;display:flex;position:relative}.inicio .chat .escribir .encabezado{color:#000;justify-content:space-between;align-items:center;width:100%;display:flex}.inicio .chat .escribir .encabezado p{gap:5px;margin:0;display:flex}.inicio .chat .escribir .encabezado span{align-items:center;display:flex}.inicio .chat .escribir .container-input{border:solid 1px var(--border-color-dos);background-color:#fff;border-radius:10px;flex-direction:column;justify-content:space-between;align-items:start;gap:5px;width:100%;height:100%;display:flex;overflow:hidden}.inicio .chat .escribir .container-input .opciones{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;margin:10px 0;padding:0 10px;display:flex}.inicio .chat .escribir .container-input .opciones button{box-sizing:border-box;background-color:var(--background-color);border:none;border-radius:20px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:all .3s;display:flex}.inicio .chat .escribir .container-input .opciones button:active{scale:.93}.inicio .chat .escribir .container-input .opciones button:disabled{opacity:.5;scale:1}.inicio .chat .escribir .container-input .opciones .send{background-color:var(--dark-color);color:var(--light-color);scale:1.2}.inicio .chat .escribir textarea{text-align:start;box-sizing:border-box;border:none;width:100%;height:100%;padding:20px;font-size:1rem}.inicio .chat .escribir textarea:focus{outline:none}.inicio .chat .escribir .bot{box-sizing:border-box;background-color:var(--dark-color);color:#fff;border:none;border-radius:20px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;animation:.5s ease-in agranda;display:flex;position:absolute;bottom:15px;right:15px}@keyframes agranda{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@keyframes actua{0%{scale:.9}10%{scale:1.1}20%{scale:1}to{background-color:var(--light-color)}}.tapador{box-sizing:border-box;z-index:12;background-color:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.tapador .container{box-sizing:border-box;background-color:#fff;border-radius:25px;width:80%;max-width:600px;height:auto;max-height:90%;padding:25px;animation:.6s entradaAnimation;position:relative;overflow:hidden}.tapador .container>img,.tapador .container>video{object-fit:cover;border-radius:5px;width:100%;max-height:450px;margin-top:20px}.tapador .container textarea{border:solid 1px var(--bordes);box-sizing:border-box;text-align:center;background-color:#fff;border-radius:10px;width:100%;min-height:200px;padding:15px}.tapador .container>.menu{justify-content:space-between;align-items:center;width:100%;margin-top:15px;display:flex;position:relative}.tapador .container .cerrar{cursor:pointer;position:absolute;top:15px;right:15px}.salir .container{animation:.6s salidaAnimation}.tapador .container .eliminar{color:var(--danger);cursor:pointer;position:absolute;top:10px;left:10px}.tapador .container h1{text-align:center;width:100%;margin:0;font-size:1.2rem}.tapador .container>p{color:var(--gris);text-align:center;text-wrap:balance;width:100%;margin:10px 0}.tapador .container .coments{box-sizing:border-box;width:100%;color:var(--colorUno);align-items:center;padding:10px;display:flex;position:relative}.tapador .container .total{justify-content:space-between;align-items:end;width:100%;margin-top:15px;display:flex}.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{justify-content:space-between;align-items:center;width:100%;margin-top:20px;display:flex}.tapador .container .buttons .b1{background-color:var(--background-color);color:var(--dark-color)}.tapador .container .buttons .b2{background-color:var(--primary-color);color:var(--light-color)}.tapador .container .buttons button{cursor:pointer;border:none;border-radius:10px;padding:8px 20px;font-size:1rem}.tapador .enviar-preparar{background-color:var(--success);border-radius:10px;width:100%;height:35px;margin-top:20px}.tapador .container .input-group-pin{justify-content:space-between;align-items:center;width:100%;margin-top:20px;display:flex}.tapador .container .input-group-pin input{border:solid 1px var(--bordes);text-align:center;border-radius:10px;width:40px;height:40px;font-size:1rem}.tapador .container .btn-pin{background-color:var(--primario);color:#fff;border-radius:10px;width:100%;margin-top:20px;padding:10px 0}.tapador .formulario{flex-direction:column;justify-content:start;align-items:center;gap:15px;width:100%;height:auto;margin-top:25px;display:flex;position:relative}.tapador .formulario .double{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.tapador .formulario .input-group{flex-direction:column;justify-content:start;align-items:start;width:100%;display:flex}.tapador .formulario .error{color:var(--danger-color)}.tapador .formulario .input-group label{margin-bottom:5px}.tapador .formulario .input-group input,.tapador .formulario .input-group select{box-sizing:border-box;border:solid 1px var(--border-color-dos);border-radius:10px;width:100%;height:40px;padding:0 10px;font-size:1rem}.tapador .formulario button{background-color:var(--primary-color);width:100%;color:var(--light-color);cursor:pointer;border:none;border-radius:10px;height:40px;font-size:1rem}.tapador .formulario button:disabled{opacity:.5;cursor:not-allowed}.tapador .entrega{box-sizing:border-box;border-top:dashed 1px var(--bordes);border-bottom:dashed 1px var(--bordes);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.tapador .entrega>div{flex-direction:column;justify-content:center;align-items:center;display:flex}.tapador .colaboradores{box-sizing:border-box;border-bottom:dashed 1px var(--bordes);flex-direction:column;justify-content:center;align-items:center;padding:10px 0;display:flex;overflow:hidden}.tapador .colaboradores p{color:var(--gris);margin:0;font-size:small}.tapador .colaboradores .contenedor-usuarios{justify-content:center;align-items:center;width:100%;height:auto;display:flex;overflow:auto}.tapador .colaboradores .contenedor-usuarios ul{grid-template-columns:repeat(auto-fit,minmax(10px,1fr));gap:15px;width:auto;max-width:100%;margin:10px 0 0;padding:0;list-style:none;display:grid}.tapador .colaboradores .contenedor-usuarios ul li{flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.tapador .colaboradores .contenedor-usuarios ul li img{object-fit:cover;border-radius:15px;width:30px;height:30px}.tapador .pasos{flex-direction:column;justify-content:start;align-items:center;width:100%;margin-top:30px;display:flex;position:relative}.tapador .pasos ul{justify-content:space-between;align-items:center;width:100%;margin:10px 0 0;padding:0;list-style:none;display:flex;position:relative}.tapador .pasos ul li{box-sizing:border-box;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-bottom:30px;padding:0;font-size:.9rem;display:flex;position:relative}.tapador .pasos ul .progress{background-color:var(--gris);border-radius:2px;width:4px;height:100%;position:absolute}.tapador .save{background-color:var(--primario);color:#fff}.tapador .pasos .edicion{border-top:dashed 1px var(--bordes);justify-content:center;align-items:center;gap:10px;width:100%;margin-top:10px;padding-top:10px;display:flex}.tapador .pasos .edicion .separador{background-color:var(--gris);width:2px;height:16px;position:relative}.tapador .pasos .edicion span{justify-content:center;align-items:center;gap:5px;font-size:small;display:flex}.tapador .container .cambiar-foto{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.tapador .container .cambiar-foto input{display:none}.tapador .container .cambiar-foto label{background-color:var(--background-color);border:dashed 1px var(--gris);width:100px;height:100px;color:var(--gris);border-radius:50px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:relative;overflow:hidden}.tapador .container .cambiar-foto label .prev{width:100%;height:100%;position:absolute;top:0;left:0}.tapador .container .cambiar-foto label .prev img{object-fit:cover;width:100%;height:100%;position:relative}.tapador .container .cambiar-foto label span{color:#fff;background-color:#0000004d;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.tapador .container .cambiar-foto button{background-color:var(--primario);color:#fff;width:100px;margin-top:20px}.tapador .buscador{justify-content:center;align-items:center;width:max-content;margin:20px auto auto;display:flex;position:relative}.tapador .buscador input{border:solid 1px var(--bordes);box-sizing:border-box;border-radius:10px;width:250px;height:40px;padding:0 30px 0 10px;font-size:1rem}.tapador .buscador label{align-items:center;display:flex;position:absolute;right:10px}.tapador .resultados{justify-content:start;align-items:center;width:100%;margin-top:20px;display:flex;position:relative;overflow:auto}.tapador .resultados ul{justify-content:start;align-items:center;gap:10px;width:max-content;margin:0;padding:0;list-style:none;display:flex;position:relative}.tapador .resultados ul li{background-color:var(--contraste);cursor:pointer;border-radius:10px;justify-content:start;align-items:center;gap:10px;width:max-content;height:50px;padding:0 10px;line-height:1;display:flex}.tapador .resultados ul li img{object-fit:cover;border-radius:15px;width:30px;height:30px}.tapador .resultados ul li p{margin:0}.tapador .resultados ul li small{color:var(--gris)}.tapador .resultados ul li.activo{background-color:var(--terciario);color:#fff}.tapador .resultados ul li.activo small{color:#fff}.tapador .resultados ul li:hover{background-color:var(--terciario);color:#fff}.tapador .resultados ul li:hover small{color:#fff}.menu-app{-webkit-backdrop-filter:blur(18px);z-index:1000;box-sizing:border-box;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:25px;align-items:center;width:65%;height:50px;padding:0;display:flex;position:fixed;bottom:20px;box-shadow:0 10px 30px #00000026,inset 0 1px #ffffff40}.menu-app ul{justify-content:space-between;align-items:center;width:100%;margin:0;padding:0 10px;list-style:none;display:flex}.menu-app ul li{background-color:#ebebeb;border-radius:18px;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.menu-app ul li span{transform-origin:0;justify-content:start;align-items:center;transition:all .2s;display:flex}.menu-app ul li .mostrar{interpolate-size:allow-keywords;opacity:1;width:max-content;margin-left:5px;overflow:hidden}.menu-app ul li .tapar{interpolate-size:allow-keywords;opacity:0;width:0;padding:0;overflow:hidden}.menu-app ul li.activo{background-color:var(--primary-color);color:var(--light-color);width:max-content;padding:0 10px}