@import url('https://fonts.googleapis.com/css2?family=Jost:wght@100;300;400;700&display=swap');body {color: #000;font: .9em 'Jost', arial, verdana, helvetica, sans-serif;letter-spacing: 0.5px;margin: 0;padding: 0;}a {color: #f00;text-decoration: none;}img {border: 0;}p {margin: 0 0 1em;}p:last-child {margin: 0;}.center {text-align: center;}.centro {inset: 0;margin: auto;position: fixed;width: fit-content;height: fit-content;}.p {cursor: pointer;}.b {font-weight: bold !important;}.n {font-weight: normal;}.em {font-style: italic;}.just {text-align: justify;}.blue {color: #05c !important;}.red {color: #f00 !important;}.green {color: #0f6 !important;}.orange {color: #f60 !important;}div#loader {background-color: #111;background: rgba(0, 0, 0, .5);position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 99999;}div#loader div.load {animation: preloader 1.5s linear infinite;border: 16px solid #fff;border-top: 16px solid #000;border-radius: 50%;box-sizing: border-box;position: absolute;top: calc(50% - 2em);left: calc(50% - 2em);width: 50px;height: 50px;}@keyframes preloader {0% {transform: rotate(0deg);opacity: 0.8;}100% {transform: rotate(360deg);opacity: 0;}}fieldset {border: 0;border-radius: 5px;margin: 10px auto;padding: 0;}fieldset input[type="text"], fieldset input[type="password"], fieldset select, fieldset textarea {margin: 4px 0;padding: 4px;width: calc(100% - 8px);}fieldset p {font-weight: bold;margin: 10px 0 0;padding: 0;}fieldset div {margin: 10px 0 0;}fieldset.p label {margin: 0 auto 10px auto;padding: 10px 0;width: 100%;}div.login {inset: 0;margin: auto;position: fixed;width: 20em;max-width: 100%;height: fit-content;}div.login fieldset {border: 0;margin-bottom: .5em;padding: .6em;}div.login fieldset legend {color: #000;font-size: 1.1em;font-weight: bold;letter-spacing: .15em;padding: 0;}div.login fieldset input[type="text"], div.login fieldset input[type="password"] {border: 0;border-radius: .4em;box-shadow: #333 0 0 .3em;font-size: 1em;letter-spacing: .1em;padding: .5em;width: calc(100% - 1em);}div.login button {background: linear-gradient(#fff,#ddd);border: .1em solid #999;border-radius: .4em;box-shadow: #999 0 0 .3em;cursor: pointer;font-size: 1.1em;font: 1.1em 'Jost', arial, verdana, helvetica, sans-serif;letter-spacing: .05em;padding: .4em .8em;}div.login button:active {background: linear-gradient(#ddd,#fff);}div.login div.ajax {color: #000;font-weight: bold;height: 1px;}div.header div.nav {background: linear-gradient(#555,#000);position: fixed;top: 0;left: 0;transition: all 0.5s ease-out 0s;width: 100%;height: 40px;z-index: 2;}div.header div.nav div#boton {cursor: pointer;display: none;}div.header div.nav ul {box-sizing: border-box;counter-reset: elements;display: flex;flex-direction: row;flex-wrap: wrap;list-style-type: none;margin: 0;overflow: hidden;padding: 0;}div.header div.nav ul li:first-child {flex-grow: 30;margin-left: 1em;}div.header div.nav ul li {color: #fff;flex-grow: 1;font: bold 1.1em 'Jost', arial, verdana, helvetica, sans-serif;line-height: 40px;vertical-align: middle;}div.header div.nav ul li, div.header div.nav ul li a {transition: all 0.3s ease-in 0s;color: #fff;letter-spacing: 1px;}div.header div.nav ul li a:hover {border-bottom: 1px solid #f00;}div.box {border: 0;margin: 4em auto 0;width: calc(100% - 2em);min-width: 200px;}div.box div.fields {display: flex;}div.box div.fields input, div.box div.fields select, div.box div.fields button, div.box button.add {border-radius: .4em;border: 1px solid #999;font: 1.3em 'Jost', arial, verdana, helvetica, sans-serif;letter-spacing: .05em;margin-right: 10px;padding: .5em;resize: none;transition: 0.5s;}div.box button.add {cursor: pointer;}div.box div.fields input {text-transform: uppercase;width: calc(50% - 20px);}div.box div.fields button {background: linear-gradient(#888,#333);border: 1px solid #1f2f47;color: #fff;cursor: pointer;padding: .5em 1em;text-shadow: inset 0 1px 0 #263666;}div.box div.fields button:active {background: linear-gradient(#333,#888);transform: translateY(.2em);}div.box div.scl {border-radius: .4em;border: 1px solid #999;color: #000;margin: 1em auto 0;padding: 0 .5em;overflow: auto;width: calc(100% - 1em);height: calc(100vh - 10em);}div.box div.scl table.sortable {border-collapse: collapse;display: table;white-space: nowrap;width: 100%;}div.box div.scl table.sortable thead th, div.box div.scl table.sortable tfoot th {background: linear-gradient(#ccc, #eee, #fff);color: #000;}div.box div.scl table.sortable tfoot th {background: linear-gradient(#fff, #eee, #ccc);}div.box div.scl table.sortable tbody td {color: #000;display: table-cell;padding: .5em;}div.box div.scl table.sortable tbody tr:nth-child(odd) {background: rgba(0, 0, 0, .05);}div.box div.scl table.sortable tbody tr:hover {background: rgba(0, 0, 0, .1);}div.box div.scl div.pg {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;letter-spacing: .1em;padding: 1em 0 0;}div.box div.scl div.pg p {margin-bottom: .5em;width: 30%;}div.box div.scl div.pg p:last-child {align-self: flex-end;text-align: right;width: 70%;}div.box div.scl div.pg p:last-child button {background: linear-gradient(#fff,#ddd);border: .1em solid #aaa;color: #000;cursor: pointer;margin: .2em 0;padding: .2em .4em;}@media screen and (max-width: 767px) {input, select, button {font-size: 1em !important;}div.header div.nav div#boton {background: #fff;border: 1px solid #000;border-radius: 4px;color: #000;display: inline-block;float: right;font-weight: bold;margin: 8px 8px 0 0 !important;padding: 0 6px;}div.header div.nav div#boton.act {background: #000;color: #fff;}div.header div.nav ul {box-shadow: 0 3px 3px #333;margin: 40px 0 0;max-height: 0;transition: max-height 0.5s ease-out;}div.header div.nav ul li:first-child {flex-grow: 1;margin: 0;}div.header div.nav ul li {background-color: rgba(0, 0, 0, .9);display: block;float: left;font-size: .8em;line-height: 0;margin-bottom: -1px;padding: 10px;text-align: left;transition: all 0.5s ease-out 0s;width: 100%;}div.header div.nav ul li a {color: #fff;}div.box {width: calc(100% - 20px);}}