:root{--font-family: NunitoLight, "Helvetica Neue", Helvetica, Arial, sans-serif;--font-family-punto: "Helvetica Neue", Helvetica, Arial, sans-serif;--matiz-fondo: 210;--matiz-texto: 0;--fondo: hsl( var(--matiz-fondo ) 8% 95% );--texto: hsl( var(--matiz-texto ) 0% 20% );--cab_fondo: transparent;--cab_icono_fondo: var(--fondo );--lateral_fondo: #3A3A38;--submenu_fondo: #3A3A38;--boton_color: #B4D6F3;--acc_color: #337CA9;--acc_fondo: inherit;--acc_hover: brown;--color_icono: var(--acc_color );--color_titulo: #EE184F;--link_hover: #EE184F;--opcion_hover: #00BBEB;--fondo_bloqueado: #dfe8e8;--mtj-color: brown;--mtj-color-current: brown;--mtj-border-color: #d2d3d4;--esquinas-color: hsl( from var(--color_icono ) h s calc( l + 10 ));--marcas-libro-color: brown;--background_taca: #e2e3e4;--msg-ok_fondo: #e5e696;--msg-aviso_fondo: #ffb;--msg-error_fondo: #febbbb;--filtro-texto_color: #000;--filtro-texto_fondo: #ddd;--filtro-boton_color: #FFF;--filtro-boton_fondo: #00BBEB}@media(prefers-color-scheme: dark){:root{--matiz-fondo: 210;--matiz-texto: 60;--fondo: hsl( var(--matiz-fondo ) 8% 5% );--texto: hsl( var(--matiz-texto ) 0% 65% );--cab_fondo: transparent;--cab_icono_fondo: var(--fondo );--lateral_fondo: #3A3A38;--submenu_fondo: #3A3A38;--boton_color: #B4D6F3;--acc_color: hsl( var(--matiz-texto ) 11% 66% );--acc_fondo: inherit;--acc_hover: hsl( var(--matiz-texto ) 11% 88% );--color_icono: var(--acc_color );--color_titulo: hsl( var(--matiz-texto ) 20% 55% );--link_hover: #EE184F;--opcion_hover: #00BBEB;--fondo_bloqueado: #dfe8e8;--mtj-color: #96c3df;--mtj-color-current: #ee184f;--mtj-color-current: hsl( var(--matiz-texto ) 20% 55% );--mtj-border-color: #525354;--esquinas-color: hsl( from var(--color_icono ) h calc( s - 30 ) calc( l - 20 ) / 0.5 );--marcas-libro-color: hsl( var(--matiz-texto ) 40% 77% );--background_taca: #333;--msg-ok_fondo: #333;--msg-aviso_fondo: #444;--msg-error_fondo: #555;--filtro-texto_color: #ccc;--filtro-texto_fondo: #044;--filtro-boton_color: #FFF;--filtro-boton_fondo: #337CA9;color:#044}}input::placeholder{color:red;opacity:1}input::-ms-input-placeholder{color:red}input:placeholder-shown{background-color:red;border:2px solid #ff8c00;border-radius:5px}html,body,div,ul,li,table,tr,th,td{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}ul{list-style:none}table{border-collapse:collapse;border-spacing:0}html{height:100%;font-size:20px;line-height:25px}body{font-family:var(--font-family);font-size:20px;line-height:25px;color:var(--texto);background:var(--fondo);min-height:100.1%;width:100%}*,*:before,*:after{box-sizing:border-box}a{outline:none;color:var(--acc_color);text-decoration:none}a:hover{color:var(--acc_hover);text-decoration:none}a:active,a:focus,a:hover,a:visited{background:inherit}input{font-family:var(--font-family)}:root{--siono-fondo-si: hsl( from var(--fondo ) h s calc( l - 10 ));--siono-texto-hover: var(--opcion-hover )}@media(prefers-color-scheme: dark){:root{--siono-fondo-si: hsl( from var(--fondo ) h s calc( l + 11 ));--siono-texto-hover: hsl( from var(--texto ) h s calc( l + 33 ))}}#siono{margin:0;height:100%}.siono{height:100%;overflow:hidden;background:var(--fondo)}.siono>ul{display:table;table-layout:fixed;width:100%;height:100%;margin:0;padding:0}.siono>ul>li{display:table-row;margin:0;padding:0}.siono>ul>li>a,.siono>ul>li>div{display:table-cell;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;text-align:center;font-size:3em;text-decoration:none;line-height:1em}.siono>ul>li>a.si,.siono>ul>li>div.si{background:var(--siono-fondo-si)}.siono>ul>li>a[href]:hover b,.siono>ul>li>a[href]:active b,.siono>ul>li>div[href]:hover b,.siono>ul>li>div[href]:active b{color:var(--siono-texto-hover)}.siono>ul>li>a b,.siono>ul>li>div b{display:block;font-weight:normal;padding-bottom:1.5em}.siono>ul>li>a i,.siono>ul>li>div i{display:block;font-size:50%;font-style:normal}.siono>ul>li>a i.razon,.siono>ul>li>div i.razon{color:var(--siono-texto-hover)}@media(max-width: 960px){.siono>ul>li>a,.siono>ul>li>div{font-size:2em}}@media(max-width: 600px){.siono>ul>li>a,.siono>ul>li>div{font-size:2em}}
