@import "https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap";:root{--background-color:#f6f6f7;--border-color:#c0c1c3;--border-color-dos:#e3e4e6;--primary-color:#0162ff;--primary-color-900:#0d439b;--dark-color:#111;--light-color:white;--color-text:#6b6b6b;--danger-color:#fd151b;--danger-color-950:#500002;--danger-color-100:#ffddde;--success-color:#0cca4a;--success-color-100:#d8ffe4;--success-color-950:#003313;--success-color-200:#b3ffca;--warning-color:#f5b700;font-family:Google Sans,sans-serif}body{width:100%;margin:0;padding:0}.form{width:100%;max-width:350px;margin:0}.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.1rem;font-weight:600}.encabezado-general .botones{align-items:center;gap:10px;display:flex}.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 .accion{justify-content:center;gap:2px;display:flex}.btn .accion span{border-radius:3px;padding:2px 4px;font-size:.7rem}.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}.btn-primario .accion span{color:#b5dfff;background-color:#084bc5}.btn-secundario{background-color:var(--dark-color);color:#fff;box-shadow:inset 0 2px 8px #fff6,inset 0 -4px 10px #00000026}.btn-secundario .accion span{color:#e6e6e6;background-color:#272727}.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 p{margin:0}.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{width:max-content;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 td .elegir{cursor:pointer;flex-direction:column;justify-content:start;align-items:start;display:flex;position:relative}.tabla-datos table tbody tr td .elegir .proveedores-pov{align-items:center;width:100%;display:flex}.tabla-datos table tbody tr td .elegir .proveedores-pov span{display:flex}.tabla-datos table tbody tr td .elegir .eleccion{background-color:var(--light-color);box-sizing:border-box;border:solid 1px var(--dark-color);z-index:2;border-radius:10px;width:100%;margin:0;padding:10px;list-style:none;transition:all .3s;display:none;position:absolute;top:100%}.tabla-datos table tbody tr td .elegir .eleccion li{cursor:pointer;width:100%;color:var(--color-text);border-bottom:solid 1px var(--border-color-dos);margin-bottom:5px;padding:5px 0}.tabla-datos table tbody tr td .elegir .eleccion li:hover{color:var(--dark-color)}.tabla-datos table tbody tr td .elegir:hover>.eleccion{display:block}.tabla-datos table tbody tr .primero{padding-left:15px}.seccion{background-color:var(--background-color);justify-content:center;align-items:center;width:100%;height:calc(100vh - 140px);display:flex}.encabezado{background-color:var(--primary-color);box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;height:80px;margin:0;padding:0 40px;display:flex;position:relative}.encabezado .fecha{flex-direction:column;justify-content:start;align-items:start;gap:2px;display:flex}.encabezado .fecha p{color:var(--light-color);margin:0;font-size:small}.encabezado .fecha span{color:#b5dfff;background-color:#084bc5;border-radius:4px;padding:2px 10px;font-size:small}.encabezado .other{background:linear-gradient(to bottom, var(--primary-color), transparent);box-sizing:border-box;width:100%;height:250px;padding:0 40px;position:absolute;top:100%;left:0}.encabezado .other h1{color:var(--light-color);margin:20px 0 0;font-size:1.5rem;font-weight:700}.encabezado .other p{color:var(--light-color);text-wrap:balance;margin:10px 0 0;font-size:1rem;font-weight:300}.encabezado img{height:30px}.footer{justify-content:center;align-items:center;width:100%;height:60px;display:flex}.footer p{margin:0;font-size:small}.footer p span{color:var(--primary-color);font-weight:700}.registro{background-color:var(--background-color);text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:450px;padding:40px;display:flex}.registro h1{margin:0;font-size:1.3rem}.registro p{color:var(--color-text);text-wrap:balance;margin:15px 0 0}.registro .form{margin-top:10px}.registro .form .alenviar{margin:0 0 10px}.registro .form .label{text-align:center;width:100%;margin-bottom:10px;font-weight:700}.registro .contenedor-formulario{border:solid 1px var(--border-color-dos);box-sizing:border-box;background-color:#fff;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:450px;padding:30px 20px;display:flex;position:relative}.registro .contenedor-formulario .good{color:var(--success-color);background-color:var(--success-color-100);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:10px;display:flex}.registro .contenedor-formulario .prev{object-fit:cover;border:2px solid var(--border-color-dos);border-radius:50%;width:150px;height:150px}.registro .contenedor-formulario .o{width:100%;margin:10px 0 0;position:relative}.registro .contenedor-formulario .o span{background-color:#fff;padding:0 10px;position:relative}.registro .contenedor-formulario .o:before{content:"";background-color:var(--border-color-dos);width:100%;height:1px;position:absolute;top:50%;left:0}.registro .contenedor-formulario .dark{color:var(--dark-color);background-color:var(--background-color)}.registro .pie{background-color:var(--dark-color);border-radius:0 0 15px 15px;justify-content:center;align-items:center;width:100%;max-width:400px;height:60px;display:flex}.registro .pie img{height:30px}.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:center;align-items:center;width:100%;margin-top:20px;display:flex}.tapador .container .buttons button{cursor:pointer;border:none;border-radius:10px;padding:8px 20px;font-size:1rem}.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{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 .categorias-check{flex-direction:column;justify-content:start;align-items:start;gap:10px;width:100%;display:flex}.tapador .categorias-check .contenido{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;width:100%;display:grid}.tapador .categorias-check .contenido .categoria-check{cursor:pointer;justify-content:start;align-items:center;gap:10px;display:flex}.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}.reconocimiento{flex-direction:column;align-items:center;gap:15px;display:flex}.reconocimiento-video,.reconocimiento-preview{border:1px solid #ddd;border-radius:10px;width:100%;max-width:450px}.reconocimiento button{cursor:pointer;padding:10px 20px}
