Diseño último de auditoría

css/auditoria-ux.css

@@ -10,9 +10,16 @@
     font-weight: normal;
 }
 
+.la-salle-regular {
+    font-family: 'La Salle Display Regular';
+}
+
+.la-salle-heavy {
+    font-family: 'La Salle Display Heavy';
+}
+
 .detalle {
     padding: 2rem;
-    padding-inline: 8rem;
 }
 
 .profesor {
@@ -26,8 +33,8 @@
     fill: #001d68;
 }
 
-.profesor-nombre {
-    font-size: 2rem;
+.profesor-nombre, .materia_nombre {
+    font-size: 1.5rem;
     font-weight: 900;
     font-family: 'La Salle Display Regular';
     color: black;
@@ -69,7 +76,7 @@
     background-color: #969696;
 }
 
-.detalle main {
+.detalle > main {
     display: grid;
     gap: 2rem;
     grid-template-columns: repeat(2, 1fr);
@@ -84,11 +91,15 @@
 .pp-card-icon {
     display: flex;
     flex-direction: row;
-    justify-content: space-between;
+    justify-content: space-around;
     align-items: center;
 }
 
 .pp-card div {
+    padding: 1rem;
+}
+
+.pp-card > div {
     border-start-start-radius: 1rem;
     border-start-end-radius: 1rem;
     padding-inline: 1.5rem;
@@ -128,6 +139,28 @@
     }
 }
 
+.supervisor div {
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    
+    .supervisor_nombre {
+        font-size: 1.5rem;
+        font-weight: bolder;
+    }
+    
+    .supervisor_hora {
+        font-size: 1rem;
+        color: #3f3f3f;
+    }
+}
+
+.horario {
+    font-size: 1rem;
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+}
+
 .facultad {
     font-family: 'La Salle Display Heavy';
     font-size: 1.4rem;