diff --git a/index.html b/index.html
index b0efd6c..ed055af 100644
--- a/index.html
+++ b/index.html
@@ -1,453 +1,464 @@
+
+
+
+
+ TeleSec
+
+
+
- main {
- margin-bottom: 25rem;
- }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- button,
- .button {
- display: inline-block;
- padding: 5px 10px;
- background-color: beige;
- border: 2px solid black;
- font-size: 20px;
- margin: 3px;
- text-decoration: none;
- color: black;
- }
-
- button:hover,
- .button:hover {
- text-decoration: underline;
- }
-
- /* https://coolors.co/palette/ff0000-ff8700-ffd300-deff0a-a1ff0a-0aff99-0aefff-147df5-580aff-be0aff */
- .rojo {
- background: #ff0000;
- color: white;
- }
-
- .btn1 {
- background: #ff0000;
- color: white;
- }
-
- .btn2 {
- background: #ff8700;
- color: white;
- }
-
- .btn3 {
- background: #ffd300;
- color: black;
- }
-
- .btn4 {
- background: #deff0a;
- color: black;
- }
-
- .btn5 {
- background: #a1ff0a;
- color: black;
- }
-
- .btn6 {
- background: #0aff99;
- color: black;
- }
-
- .btn7 {
- background: #0aefff;
- color: black;
- }
-
- .btn8 {
- background: #147df5;
- color: white;
- }
-
- .nav-disabled {
- background: black !important;
- color: grey !important;
- }
-
- .nav-disabled:hover {
- text-decoration: unset !important;
- }
-
- input,
- select,
- textarea {
- font-size: 18px;
- padding: 5px;
- width: calc(100% - 11px);
- }
-
- select {
- width: 100%;
- }
-
- details input,
- details select,
- details textarea {
- font-size: 18px;
- padding: 5px;
- width: calc(100% - 15px);
- }
-
- input[type="color"] {
- width: 50px;
- height: 50px;
- }
-
- textarea {
- height: 150px;
- }
-
- details summary {
- font-size: 20px;
- }
-
- thead tr {
- background-color: black;
- color: white;
- }
-
-
- table {
- display: block;
- line-break: loose;
- width: fit-content;
- min-width: 750px;
- border: 1px solid black;
- }
-
- table tr th {
- line-break: auto;
- }
-
- table tr td {
- border-bottom: 3px solid black !important;
- padding: 5px;
- }
-
- .scase {
- text-transform: lowercase;
- }
-
- .scase:first-letter {
- text-transform: uppercase;
- }
-
- table tr:hover td {
- text-decoration: underline;
- background: rgba(200, 200, 200, 0.5);
- /* color: black; */
- }
-
- table tr:hover td.TextBorder {
- background: inherit;
- color: inherit;
- text-decoration: none;
- }
-
- fieldset {
- max-width: 25rem;
- }
-
- .TextBorder {
- color: black;
- text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff,
- 1px 1px 0 #fff;
- -webkit-text-stroke: 0.25px #fff;
- }
-
- code {
- font-size: x-small;
- color: gray;
- }
-
- .activeSCButton {
- border: 7px dashed beige;
- color: beige;
- background: black !important;
- }
-
- .btn1.activeSCButton {
- border-color: #ff0000;
- color: #ff0000;
- }
-
- .btn2.activeSCButton {
- border-color: #ff8700;
- color: #ff8700;
- }
-
- .btn3.activeSCButton {
- border-color: #ffd300;
- color: #ffd300;
- }
-
- .btn4.activeSCButton {
- border-color: #deff0a;
- color: #deff0a;
- }
-
- .btn5.activeSCButton {
- border-color: #a1ff0a;
- color: #a1ff0a;
- }
-
- .btn6.activeSCButton {
- border-color: #0aff99;
- color: #0aff99;
- }
-
- .btn7.activeSCButton {
- border-color: #0aefff;
- color: #0aefff;
- }
-
- .btn8.activeSCButton {
- border-color: #147df5;
- color: #147df5;
- }
-
- hr {
- border-color: black;
- border-style: solid;
- }
-
- #snackbar {
- visibility: hidden;
- /* min-width: 250px; */
- background-color: #333;
- color: #fff;
- text-align: center;
- border-radius: 2px;
- padding: 16px;
- position: fixed;
- z-index: 1;
- right: 70px;
- bottom: 25px;
- }
-
- #snackbar a {
- color: lightblue;
- }
-
- #snackbar.show {
- visibility: visible;
- }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- SuperMesh
-
PID ??????????
-
-
- Todos los datos están encriptados.
-
-
- 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-