html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box;font-family:Open Sans,Arial,Helvetica,sans-serif;font-size:15px}*,*:before,*:after{box-sizing:border-box;-webkit-user-select:none;user-select:none;outline-width:0;outline:none!important}*:focus{outline-width:0}h1{font-size:2rem;font-weight:700}h2{font-size:1.8rem;font-weight:700}h3{font-size:1.6rem}h4{font-size:1.4rem}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../assets/keyboard_arrow_down-24px.svg) right / 16px no-repeat #fff;padding-right:16px}:root{--blanco: #ffffff;--base-oscuro: #009EC8;--base-normal: #00b2e1;--base-claro: #10d0ff;--base-muy-claro: #2DD6FF;--gris-0: #fafafa;--gris-1: #f5f5f5;--gris-2: #eeeeee;--gris-3: #e0e0e0;--gris-4: #bdbdbd;--gris-5: #9e9e9e;--gris-6: #757575;--gris-7: #616161;--gris-8: #424242;--gris-9: #212121;--aclarado-1: rgba(255, 255, 255, .1);--aclarado-2: rgba(255, 255, 255, .2);--aclarado-3: rgba(255, 255, 255, .3);--aclarado-4: rgba(255, 255, 255, .4);--aclarado-5: rgba(255, 255, 255, .5);--aclarado-6: rgba(255, 255, 255, .6);--aclarado-7: rgba(255, 255, 255, .7);--aclarado-8: rgba(255, 255, 255, .8);--aclarado-9: rgba(255, 255, 255, .9);--oscurecido-1: rgba(0, 0, 0, .1);--oscurecido-2: rgba(0, 0, 0, .2);--oscurecido-3: rgba(0, 0, 0, .3);--oscurecido-4: rgba(0, 0, 0, .4);--oscurecido-5: rgba(0, 0, 0, .5);--oscurecido-6: rgba(0, 0, 0, .6);--oscurecido-7: rgba(0, 0, 0, .7);--oscurecido-8: rgba(0, 0, 0, .8);--oscurecido-9: rgba(0, 0, 0, .9);--aviso-oscuro: #bc5b22;--aviso-normal: #dc783e;--aviso-claro: #e59c71;--alerta-oscuro: #821414;--alerta-normal: #b71c1c;--alerta-claro: #df2f2f;--exito-oscuro: #187e36;--exito-normal: #22b14c;--exito-claro: #36d865;--texto-claro: #fafafa;--texto-oscuro: #212121;--texto-tamaño: .9rem;--icono-tamaño: 1.4rem;--h1-tamaño: 1.4rem;--h2-tamaño: 1.3rem;--h3-tamaño: 1.2rem;--h4-tamaño: 1.1rem;--border-radius: 4px;--box-shadow-abajo-1: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--box-shadow-abajo-2: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);--box-shadow-abajo-3: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);--box-shadow-abajo-4: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);--box-shadow-abajo-5: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22);--box-shadow-arriba-1: 0 -1px 3px rgba(0, 0, 0, .12), 0 -1px 2px rgba(0, 0, 0, .24);--box-shadow-arriba-2: 0 -3px 6px rgba(0, 0, 0, .16), 0 -3px 6px rgba(0, 0, 0, .23);--box-shadow-arriba-3: 0 -10px 20px rgba(0, 0, 0, .19), 0 -6px 6px rgba(0, 0, 0, .23);--box-shadow-arriba-4: 0 -14px 28px rgba(0, 0, 0, .25), 0 -10px 10px rgba(0, 0, 0, .22);--box-shadow-arriba-5: 0 -19px 38px rgba(0, 0, 0, .3), 0 -15px 12px rgba(0, 0, 0, .22);--box-shadow-derecha-1: 1px 0 3px rgba(0, 0, 0, .12), 1px 0 2px rgba(0, 0, 0, .24);--box-shadow-derecha-2: 3px 0 6px rgba(0, 0, 0, .16), 3px 0 6px rgba(0, 0, 0, .23);--box-shadow-derecha-3: 10px 0 20px rgba(0, 0, 0, .19), 6px 0 6px rgba(0, 0, 0, .23);--box-shadow-derecha-4: 14px 0 28px rgba(0, 0, 0, .25), 10px 0 10px rgba(0, 0, 0, .22);--box-shadow-derecha-5: 19px 0 38px rgba(0, 0, 0, .3), 15px 0 12px rgba(0, 0, 0, .22);--box-shadow-izquierda-1: -1px 0 3px rgba(0, 0, 0, .12), -1px 0 2px rgba(0, 0, 0, .24);--box-shadow-izquierda-2: -3px 0 6px rgba(0, 0, 0, .16), -3px 0 6px rgba(0, 0, 0, .23);--box-shadow-izquierda-3: -10px 0 20px rgba(0, 0, 0, .19), -6px 0 6px rgba(0, 0, 0, .23);--box-shadow-izquierda-4: -14px 0 28px rgba(0, 0, 0, .25), -10px 0 10px rgba(0, 0, 0, .22);--box-shadow-izquierda-5: -19px 0 38px rgba(0, 0, 0, .3), -15px 0 12px rgba(0, 0, 0, .22)}body{align-content:center;background-color:var(--gris-1);display:grid;grid-template-columns:1fr;grid-template-rows:1fr;height:var(--vh100);width:100vw}.app{align-content:center;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;height:100%;width:100%}.celda{display:grid;grid-template-columns:1fr 10px;grid-template-rows:1fr}.flecharoja{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAADJSURBVHjaYvzPgBfgkhYA4o8QFahKmBioDEYNHIQGsgBxIBCLkqgvAYi/g1mMjMjir0EJzR6If/6HpChKMMgMe3DKBeIcKhiY8x/MYoDj+RQYNgdkGLqBbEB8kgzDToL1YjEQhKWB+BUJhj0H64Eahs1AELYhMpJ+gtUiGYbLQBBOI8LANLBaIg1kAAc0vkiAqSPBQFAkHcNi2DGoHMkGgrAENOCRI0ECRQ2JBoKwJTQCfkLZDPgMZPxPXN5NhtJzMSsJVBMAAgwAyWSY2svfmrwAAAAASUVORK5CYII=);background-repeat:no-repeat;background-size:10px 10px;background-position:center}.flechaverde{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAADKSURBVHjaYtTaLs1ABEiG0nPRJa56PEHhsxBhmCUQT4OyrwHxcXyKmQgYJgHE64CYDYrXQcXIMhCbAcgWkGzgNKh38QUB0QamIUUErkhKI9ZAGyCeTERkTYaqxWsgKA2txhdG6GGsvUNGGpeBRMUiGhCFGsqGzUBQQJsxkA5AemaiG5hDIBIIgQSgK0FmMDACs549kN5FZLjhA7+A2A2U9YSAOBeLAk4gnoBDczoOcSFGPIUDPxB/wCHHiKtwYGKgMhg1cBAaCBBgAJTUIL3ToPZfAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:10px 10px;background-position:center}.roja{color:red;margin-right:10px}.verde{color:green;margin-right:10px}.empty{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:50px}.empty-svg{fill:var(--texto-oscuro);height:60px;margin-bottom:20px}.empty-text{color:var(--texto-oscuro)}.reset__app{background-color:transparent;border:none;position:fixed;bottom:10px;left:10px}.reset__app__svg{pointer-events:none;fill:var(--alerta-claro);height:50px}