Creadas variables para las fuentes y realizados ajustes

.editorconfig

@@ -2,6 +2,9 @@
 indent_style = space
 indent_size = 4
 
+[*.sass]
+indent_size = 2
+
 [*.json]
 indent_size = 2
 

public/index.html

@@ -7,7 +7,7 @@
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title>Horarios UNSA</title>
 
-    <link href="https://fonts.googleapis.com/css?family=Roboto|Sen&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 
 </head>

src/components/App/barra-lateral.vue

@@ -1,7 +1,5 @@
 <template lang="pug">
 div.lateral
-    div.mostrar-bajo-1000.boton-lateral
-        div »
     div.barra
         template(v-if="!barraOculta")
             h1 Horarios UNSA
@@ -187,17 +185,7 @@ div.lateral
     .info
         p, div
             margin: 10px 20px
-            font-family: "Product Sans", Roboto, sans-serif
-
-
-
-    @media only screen and (max-width: 1000px)
-        .barra
-            position: absolute
-            right: 2rem
-
-        .lateral
-            overflow-y: scroll
+            font-family: var(--fuente-titulos)
 
 //
 </style>

src/components/Inicio/curso.vue

@@ -247,7 +247,7 @@ div.info_curso(:style="estiloCurso")
 
     .ancho
         font:
-            family: "JetBrains Mono", monospace
+            family: var(--fuente-monoespacio)
         user-select: none
 
 //

src/components/Inicio/curso/bloque.vue

@@ -74,7 +74,7 @@ td
 
     .ancho
         font:
-            family: "JetBrains Mono", monospace
+            family: var(--fuente-monoespacio)
         user-select: none
 
     //

src/components/Inicio/tablaHorarios/celda-curso.vue

@@ -85,7 +85,6 @@ span.celda(:class="clases" :eslab="esLab? 'true': 'false'"
         display: inline-block
 
 
-
     .elementoOpaco
         opacity: 0.3
 

src/components/Inicio/tablaHorarios/celda.vue

@@ -82,10 +82,3 @@ td(:class="clases")
 #
 </script>
 
-<style scoped lang="sass">
-
-
-
-
-//
-</style>

src/components/v-checkbox.vue

@@ -26,7 +26,6 @@ label.container {{ txt }}
 
 <style scoped lang="sass">
 
-
     /* Customize the label (the container) */
     .container
         display: block

src/sass/Global.sass

@@ -19,16 +19,19 @@
   --colorFondo: #0E1419
   --colorTeoria: #3f77f3
   --colorLab: #e4564a
+  --fuente-titulos: "Open Sans", sans-serif
+  --fuente-textos: "Open Sans", sans-serif
+  --fuente-monoespacio: "JetBrains Mono", monospace
 
 /* black white */
 
 html
-  font-family: "Roboto", sans-serif
+  font-family: var(--fuente-textos)
   color: var(--colorTexto)
   background-color: var(--colorFondo)
 
 h1, h2, h3
-  font-family: "Product Sans", Roboto, sans-serif
+  font-family: var(--fuente-titulos)
 
 // Varios
 
@@ -42,7 +45,7 @@ $duracionTransicion: 100ms
 
 .celda
   white-space: pre
-  font-family: "JetBrains Mono", monospace
+  font-family: var(--fuente-monoespacio)
   cursor: pointer
   user-select: none
   // transition: background-color $duracionTransicion linear, color $duracionTransicion linear