@import"https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap";:root{font-family:Onest,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background-color: #F5F7FA;--foreground-color: #2E2E2E;--primario: #0D47A1;--primario-oscuro: #1F3C88;--secundario: #F9A826;--secundario-contraste: #fdedc8;--gris: #707070;--bordes: #D1D5DB;--success: #28A745;--success-contraste: #dff9e4;--danger: #D9534F;--danger-contraste: #fbe6e5;--contraste: #D1D5DB;--claro-contraste: rgb(240, 240, 240)}body{background-color:var(--background-color);margin:0;width:100%;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}@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)}}.container-total{background-color:var(--background-color);position:fixed;width:100%;height:100%;top:0;z-index:10;display:flex;align-items:center;justify-content:center;flex-direction:column}.container-total>p{margin-bottom:0}.container{position:relative;width:100%;height:100vh;margin:0;padding:0;top:0;left:0;background-color:var(--background-color)}.input-group{position:relative;width:100%;display:flex;align-items:start;flex-direction:column;margin-bottom:10px}.input-group label{color:var(--gris);font-size:1rem;margin-bottom:5px}.input-group .input{width:100%;display:flex;align-items:center;justify-content:start;position:relative}.input-group .input input,.input-group .input select{width:100%;position:relative;height:40px;box-sizing:border-box;padding:0 15px;font-size:1rem;border:solid 1px var(--mas-gris);border-radius:10px}.input-group .input span{display:flex;align-items:center;justify-content:center;position:absolute;right:10px;cursor:pointer;color:var(--mas-gris)}.input-group .input span:hover{color:var(--foreground-color)}.validando{animation:cargando .5s infinite}@keyframes ApareceAbajo{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes SoloAparece{0%{opacity:0}to{opacity:1}}@keyframes cargando{0%{transform:rotate(0)}to{transform:rotate(360deg)}}main{position:absolute;width:100%;box-sizing:border-box;padding:0;right:0;top:0;background-color:var(--background-color);height:calc(100% - 110px);animation:SoloAparece 1s 1}.encabezado-general{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.encabezado-general .leyenda{position:relative;width:max-content;display:flex;align-items:center;margin:0;padding:0;list-style:none}.encabezado-general .leyenda li{font-size:small;margin-left:30px;display:flex;align-items:center;justify-content:center}.encabezado-general .leyenda li span{width:10px;height:10px;border-radius:5px;margin-right:5px}.encabezado-general p{margin:0;font-weight:600}.encabezado-general .span{cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.encabezado-general .span span{display:flex;align-items:center;margin-right:5px}button{height:40px;width:auto;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:10px;border:none;font-size:.9rem}button span{display:flex;align-items:center;justify-content:center;margin-right:5px}.btn-primario{background-color:var(--primario);color:#fff}.btn-primario:hover{background-color:var(--primario-oscuro)}.btn-contraste{background-color:var(--contraste);color:var(--foreground-color)}.btn-contraste:hover{background-color:var(--gris);color:#fff}.btn-foreground{background-color:var(--foreground-color);color:#fff}.btn-foreground:hover{background-color:var(--gris);color:#fff}.btn-delete{background-color:var(--danger-contraste);color:var(--danger)}.btn-delete:hover{background-color:var(--danger);color:#fff}.btn-icon{width:auto;height:auto;padding:0}.btn-100{width:100%}.danger-color{color:var(--danger)}.success-color{color:var(--success)}.contraste-danger{color:var(--danger-contraste)}.success-contraste{color:var(--success-contraste)}.bg-danger-color{color:var(--danger)}.bg-success-color{color:var(--success)}.bg-contraste-danger{color:var(--danger-contraste)}.bg-success-contraste{color:var(--success-contraste)}.px-10{padding:0 10px}.px-15{padding:0 15px}.px-20{padding:0 20px}.py-20{padding:20px 0}.my-20{margin:20px 0}.mt-20{margin-top:20px}.mt-10{margin-top:10px}.mb-10{margin-bottom:10px}.mb-30{margin-bottom:30px}.container-centrado{width:100%;position:relative;text-align:center}.container-izquierda{width:100%;position:relative;text-align:left!important}.espacio-tabla{position:relative;width:100%;height:calc(100% - 150px);overflow:auto;margin-top:10px;border-radius:20px;border:solid 1px var(--bordes)}.espacio-tabla table{position:relative;width:100%;height:auto;border-collapse:collapse}.espacio-tabla table thead{position:sticky;top:0;z-index:2}.espacio-tabla table thead tr{background-color:var(--contraste)}.espacio-tabla table thead tr td{padding:5px 10px;color:var(--gris)}.espacio-tabla table tbody tr{border-bottom:solid 1px var(--bordes);cursor:pointer}.espacio-tabla table tbody .selected{background-color:var(--secundario-contraste)}.espacio-tabla table tbody .selected td:nth-child(2){color:var(--secundario)}.espacio-tabla table tbody .pointer:hover{background-color:var(--success-contraste)}.espacio-tabla table tbody td{padding:10px;position:relative}.espacio-tabla table tbody td p{margin:0}.espacio-tabla table tbody td small{color:var(--gris)}.espacio-tabla table tbody .permisos{max-width:200px}.espacio-tabla table tbody .permisos>div{width:100%;overflow:auto;display:flex;align-items:center}.espacio-tabla table tbody .permisos:after{content:"";position:absolute;right:0;height:100%;width:50px;top:0;background:linear-gradient(to right,#fff0,#fff)}.espacio-tabla table tbody .selected .permisos:after{content:"";position:absolute;right:0;height:100%;width:50px;top:0;background:linear-gradient(to right,rgba(255,255,255,0),var(--secundario-contraste))}.espacio-tabla table tbody .permisos>div::-webkit-scrollbar{width:0;height:0}.espacio-tabla table tbody .permisos>div span{float:left;display:flex;align-items:center;padding:2px 10px;border-radius:20px;font-size:small;margin-right:10px}.espacio-tabla table tbody .permisos>div span:first-child{background-color:#0d48a14d}.espacio-tabla table tbody .permisos>div span:nth-child(2){background-color:#f9a8264d}.espacio-tabla table tbody .permisos>div span:nth-child(3){background-color:#28a7454d}.espacio-tabla table tbody .permisos>div span:nth-child(4){background-color:#d9534f4d}.espacio-tabla table tbody .permisos>div span:nth-child(5){background-color:#007bff4d}.espacio-tabla table tbody .permisos>div span:nth-child(6){background-color:#ffc1074d}.espacio-tabla table tbody td .points{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:5px;cursor:pointer}.espacio-tabla table tbody td .points span{width:5px;height:5px;border-radius:3px;background-color:var(--gris);margin:2px 0}.espacio-tabla table tbody tr td .opciones-tabla{position:absolute;width:max-content;padding:15px;border-radius:10px;background-color:#fff;z-index:2;right:0;top:0}.espacio-tabla table tbody tr td .opciones-tabla{transition:all .4s ease;opacity:0;scale:0;background-color:#fff;position:absolute;right:100%;top:0;width:auto;padding:10px;border:solid 1px var(--bordes)}.espacio-tabla table tbody tr td:hover .opciones-tabla{scale:1;opacity:1}.espacio-tabla table tbody tr td .opciones-tabla>div{display:flex;align-items:center;justify-content:start;margin:0 0 5px}.espacio-tabla table tbody tr td .opciones-tabla>.editar:hover small,.espacio-tabla table tbody tr td .opciones-tabla>.editar:hover span{color:var(--primario)}.espacio-tabla table tbody tr td .opciones-tabla>.eliminar:hover small,.espacio-tabla table tbody tr td .opciones-tabla>.eliminar:hover span{color:var(--danger)}.espacio-tabla table tbody tr td .opciones-tabla>div:last-child{margin-bottom:0}.espacio-tabla table tbody tr td .opciones-tabla>div span{margin-left:5px;color:var(--gris);display:flex;align-items:center;justify-content:center}.buscador{display:flex;align-items:center}.buscador button{margin-left:10px}.size-20{height:20px}.size-15{height:15px}.login{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:10px;transition:all .6s ease}.login>.formulario{width:35%;height:100%;background-color:#fff;box-sizing:border-box;padding:15px 50px;border-radius:25px;position:relative;display:flex;align-items:start;justify-content:center;flex-direction:column;margin-bottom:15px}.login>.formulario .form{width:100%;transition:all .4s ease;animation:ApareceAbajo 1s 1}.login>.formulario .form h2{margin:0 0 5px;font-size:2rem;font-weight:600}.login>.formulario .form p{margin:0 0 30px;color:var(--gris);font-size:1.2rem}.login>.formulario .form .olvidaste{margin:0;font-size:.9rem}.login>.formulario .form .olvidaste strong{cursor:pointer}.login .formulario .form .boton{width:100%;height:40px;border:none;cursor:pointer;font-size:1rem;background-color:var(--primario);color:#fff;border-radius:10px;margin-bottom:20px;margin-top:20px;display:flex;align-items:center;justify-content:center}.login .formulario .form .boton span{display:flex;align-items:center;justify-content:center;margin-right:5px}.login .fondo .marca{width:80px;height:80px;border-radius:0 15px 15px 0;display:flex;align-items:center;justify-content:start;flex-direction:column;position:absolute;bottom:10px;left:0;top:calc(50% - 40px);font-size:small;background-color:#fff;padding:10px;text-align:center}.login .fondo .marca img{width:40px}.login .fondo{position:relative;width:calc(65% - 10px);height:100%;background-image:url(/imagenes/fondo.jpg);background-size:cover;overflow:hidden;border-radius:25px}.login .fondo .tapa{position:absolute;width:100%;height:100%;background-color:#00000080;left:0;top:0;padding:15px;box-sizing:border-box;display:flex;align-items:end;justify-content:space-between;flex-direction:column}.login .fondo .tapa .sugerencias{width:100%;text-align:left;box-sizing:border-box;padding:20px;color:#fff;display:flex;flex-direction:column}.login .fondo .tapa .sugerencias>p{color:var(--mas-gris);transition:all .4s ease}.login .fondo .tapa .sugerencias>span{max-width:400px}.login .fondo .tapa .titulo{position:relative;width:100%;max-width:600px;text-align:right;color:#fff;box-sizing:border-box;margin-right:20px}.login .fondo .tapa .titulo h1{font-size:3.5rem;line-height:1.2;font-weight:600}.split-word{will-change:transform,opacity}@media only screen and (max-width: 765px){.login{flex-direction:column;height:auto;min-height:100vh}.login>.formulario{width:100%;height:auto;background-color:#fff;box-sizing:border-box;padding:15px;border-radius:25px}.login .fondo{position:relative;width:100%;height:50vh;background-image:url(/imagenes/fondo.jpg);background-size:cover;overflow:hidden;border-radius:25px}.login .fondo .tapa .titulo h1{font-size:2.5rem;margin:0;line-height:1.2}}.loader{--path: #2f3545;--dot: var(--primario);--duration: 3s;width:44px;height:44px;position:relative}.loader:before{content:"";width:6px;height:6px;border-radius:50%;position:absolute;display:block;background:var(--dot);top:37px;left:19px;transform:translate(-18px,-18px);animation:dotRect var(--duration) cubic-bezier(.785,.135,.15,.86) infinite}.loader svg{display:block;width:100%;height:100%}.loader svg rect,.loader svg polygon,.loader svg circle{fill:none;stroke:var(--path);stroke-width:10px;stroke-linejoin:round;stroke-linecap:round}.loader svg polygon{stroke-dasharray:145 76 145 76;stroke-dashoffset:0;animation:pathTriangle var(--duration) cubic-bezier(.785,.135,.15,.86) infinite}.loader svg rect{stroke-dasharray:192 64 192 64;stroke-dashoffset:0;animation:pathRect 3s cubic-bezier(.785,.135,.15,.86) infinite}.loader svg circle{stroke-dasharray:150 50 150 50;stroke-dashoffset:75;animation:pathCircle var(--duration) cubic-bezier(.785,.135,.15,.86) infinite}.loader.triangle{width:48px}.loader.triangle:before{left:21px;transform:translate(-10px,-18px);animation:dotTriangle var(--duration) cubic-bezier(.785,.135,.15,.86) infinite}@keyframes pathTriangle{33%{stroke-dashoffset:74}66%{stroke-dashoffset:147}to{stroke-dashoffset:221}}@keyframes dotTriangle{33%{transform:translate(0)}66%{transform:translate(10px,-18px)}to{transform:translate(-10px,-18px)}}@keyframes pathRect{25%{stroke-dashoffset:64}50%{stroke-dashoffset:128}75%{stroke-dashoffset:192}to{stroke-dashoffset:256}}@keyframes dotRect{25%{transform:translate(0)}50%{transform:translate(18px,-18px)}75%{transform:translateY(-36px)}to{transform:translate(-18px,-18px)}}@keyframes pathCircle{25%{stroke-dashoffset:125}50%{stroke-dashoffset:175}75%{stroke-dashoffset:225}to{stroke-dashoffset:275}}.loader{display:inline-block;margin:0 16px}.otp{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;margin:20px 0}.reenviar{color:var(--gris)}.reenviar span{cursor:pointer}.otp-success input{border:solid 2px var(--success)!important}.otp input{width:40px;height:40px;border:solid 1px var(--gris);background-color:#fff;font-size:1rem;color:#000;text-align:center;padding:0;box-sizing:border-box;border-radius:10px}.otp input[type=number]::-webkit-inner-spin-button,.otp input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.otp input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.menu{position:fixed;width:calc(100% - 40px);height:60px;box-sizing:border-box;z-index:10;left:20px;bottom:10px}.menu:before{content:"";position:absolute;left:-20px;height:110px;width:calc(100% + 40px);bottom:-20px;background-color:var(--background-color)}.menu ul{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;margin:0;list-style:none;position:relative;height:60px;width:100%;background-color:#fff;border-radius:15px;border:solid 1px var(--bordes)}.menu ul li{position:relative;color:var(--gris);margin:0 3px;display:flex;align-items:center;justify-content:center;flex-direction:column;width:33.3%;height:60px}.menu ul li .icono{transition:all .4s ease}.menu ul li span{color:var(--primario);font-size:small;transition:all .4s ease;opacity:0;display:flex;align-items:end;height:0px;overflow:hidden}.menu ul .activo>span{opacity:1;height:30px}.menu ul .activo .icono{transform:translateY(-10px)}.menu ul .activo{color:#fff}.menu ul>.puntero{position:absolute;width:63px!important;height:63px!important;background-color:var(--primario);top:-25px;border-radius:33px!important;box-sizing:border-box;border:solid 6px var(--background-color);border-top-left-radius:-10px;transition:all .4s ease}.menu ul .puntero:before,.menu ul .puntero:after{content:"";position:absolute;top:calc(50% - 7px);width:20px;height:20px;background:transparent;border-top:solid 1px var(--bordes)}.menu ul .puntero:before{left:-22px;border-top-right-radius:20px;box-shadow:1px -10px 0 0 var(--background-color)}.menu ul .puntero:after{right:-22px;border-top-left-radius:20px;box-shadow:-1px -10px 0 0 var(--background-color)}.input-buscar{position:relative;width:250px;height:40px;display:flex;align-items:center;justify-content:center;margin:0;padding:0}.input-buscar input{position:relative;width:100%;box-sizing:border-box;padding:0 15px;border:solid 1px var(--bordes);border-radius:10px;height:100%;font-size:1rem}.input-buscar label{position:absolute;z-index:2;right:15px;display:flex;align-items:center;justify-content:center;color:var(--gris)}.inicio{display:flex;align-items:center;justify-content:stretch;gap:20px;background-color:transparent;flex-direction:column;box-sizing:border-box;padding:20px}.inicio .informacion{position:relative;width:100%;box-sizing:border-box;padding:15px;background-color:var(--primario);border-radius:20px}.inicio .informacion h2{color:#fff;font-size:1.1rem;margin:0}.inicio .informacion p{color:#fff;margin:10px 0 0}.inicio .productos{position:relative;width:100%;height:100%;overflow:auto}.inicio .productos .encabezado-general{background-color:var(--background-color);position:sticky;top:0;z-index:2}.inicio .productos .encabezado-general span{display:flex}.inicio .productos .encabezado-general span .size-20{margin-left:5px}.inicio .productos ul{position:relative;width:100%;height:auto;box-sizing:border-box;padding:0;margin-top:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;list-style:none}.inicio .productos ul li{background-color:#fff;border:solid 1px var(--bordes);padding:10px;box-sizing:border-box;border-radius:10px;cursor:pointer}.inicio .productos ul li:hover{border-color:var(--primario)}.inicio .productos ul li p{margin:0}.inicio .productos ul li .quedan{position:relative;width:100%;text-align:right}.inicio .productos ul li .quedan h1{margin:0;line-height:1;font-size:1.5rem}.inicio .productos ul li .quedan small{color:var(--gris)}.resumen{position:fixed;background-color:#000000b3;width:100%;height:calc(100% - 110px);z-index:3;right:0;display:flex;align-items:center;justify-content:end;transition:all .4s ease}.resumen .ver{position:absolute;width:40px;height:40px;border-radius:20px;background-color:var(--secundario);display:flex;align-items:center;justify-content:center;top:calc(50% - 20px);left:calc(10% - 20px);cursor:pointer;transition:all .4s ease}.most .ver{left:calc(10% - 20px)}.nomo .ver{left:-40px}.resumen .contenedor-listado{position:relative;height:90%;background-color:#fff;box-shadow:0 1px 3px #00000029;border-radius:20px 0 0 20px;transition:all .4s ease;overflow:hidden;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;flex-direction:column}.resumen .contenedor-listado>p{position:relative;width:100%;box-sizing:border-box;padding:0 10px;min-width:max-content}.resumen .contenedor-listado button{background-color:var(--success);color:#fff;width:calc(100% - 20px);margin-left:0;margin-bottom:10px;box-sizing:border-box}.resumen .contenedor-listado>ul{position:relative;width:calc(100% - 20px);margin:0 10px;list-style:none;height:calc(100% - 70px);overflow:auto;padding:0}.resumen .contenedor-listado>ul li{background-color:var(--claro-contraste);box-sizing:border-box;width:100%;padding:5px 10px;margin-top:10px;border-radius:10px;display:flex;align-items:center;justify-content:space-between}.resumen .contenedor-listado>ul li .canti{width:max-content;margin-left:20px;text-align:right;display:flex;align-items:end;justify-content:space-between;flex-direction:column}.resumen .contenedor-listado>ul li .canti .size-20{cursor:pointer;color:var(--danger)}.resumen .contenedor-listado>ul li .canti small{color:var(--gris)}.resumen .contenedor-listado>ul li .canti p{font-size:1.5rem;margin:0;line-height:1}.resumen .contenedor-listado>ul li p{font-size:1rem;margin:0}.most .contenedor-listado{width:90%}.nomo .contenedor-listado,.most{width:100%}.nomo{width:0}.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:100%;display:flex;align-items:start;justify-content:start;flex-direction:column;margin-bottom:20px}.tapador .formulario .input-group input,.tapador .formulario .input-group select{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:100%;background-color:var(--success);font-size:1rem;height:40px;border:none;border-radius:10px}.unauthorized{display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:20px}.unauthorized img{position:relative;width:300px}.unauthorized h1{font-size:1.5rem;text-align:center;max-width:500px;width:80%;font-weight:500}.entradas .pendientes{position:relative;width:100%}.entradas .productos ul{grid-template-columns:repeat(1,1fr)}