Primera iteración de nuevo diseño

2025-01-22 16:56:45 -06:00
parent 44e8e3277f
commit 1b1a145478
6 changed files with 231 additions and 173 deletions
--- a/css/auditoria-ux.css
+++ b/css/auditoria-ux.css
@@ -0,0 +1,139 @@
+@font-face {
+    font-family: 'La Salle Display Regular';
+    src: url('../fonts/indivisaFont/woff/IndivisaDisplaySans-Regular.woff');
+    font-weight: normal;
+}
+
+@font-face {
+    font-family: 'La Salle Display Heavy';
+    src: url('../fonts/indivisaFont/woff/IndivisaDisplaySans-Heavy.woff');
+    font-weight: normal;
+}
+
+.detalle {
+    padding: 2rem;
+    padding-inline: 8rem;
+}
+
+.profesor {
+    display: flex;
+    gap: 2rem;
+    align-items: center;
+}
+
+.profesor-icon {
+    height: 6rem;
+    fill: #001d68;
+}
+
+.profesor-nombre {
+    font-size: 2rem;
+    font-weight: 900;
+    font-family: 'La Salle Display Regular';
+    color: black;
+}
+
+.profesor-clave {
+    font-weight: 900;
+    font-size: 1.2rem;
+    font-family: 'La Salle Display Regular';
+}
+
+.profesor-datos {
+    display: flex;
+    align-items: center;
+
+    gap: .75rem;
+    color: #969696;
+}
+
+.profesor-datos .profesor-correo {
+    font-style: italic;
+    text-decoration: underline;
+    color: #969696;
+}
+
+.profesor-datos .profesor-correo:hover {
+    color: #3f3f3f;
+    transition-timing-function: ease-in;
+    transition-duration: .2s;
+}
+
+.pipe::after {
+    content: '';
+    width: .1rem;
+    height: 1.4rem;
+
+    display: block;
+
+    background-color: #969696;
+}
+
+.detalle main {
+    display: grid;
+    gap: 2rem;
+    grid-template-columns: repeat(2, 1fr);
+}
+
+.pp-card {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+}
+
+.pp-card-icon {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.pp-card div {
+    border-start-start-radius: 1rem;
+    border-start-end-radius: 1rem;
+    padding-inline: 1.5rem;
+    padding-block: .5rem;
+    font-family: 'La Salle Display Heavy';
+    font-size: 1.2rem;
+}
+
+.pp-card main {
+    background-color: #e1e1e1;
+    height: 100%;
+
+    border-end-start-radius: 1rem;
+    border-end-end-radius: 1rem;
+    position: relative;
+}
+
+.pp-card footer {
+    font-style: italic;
+    color: #969696;
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    margin: 1rem;
+}
+
+.pp-card:not(:has(main)) {
+    div {
+        display: flex;
+        align-items: center;
+        justify-content: space-around;
+        height: 100%;
+
+        border-end-start-radius: 1rem;
+        border-end-end-radius: 1rem;
+        font-size: 1.5rem;
+    }
+}
+
+.facultad {
+    font-family: 'La Salle Display Heavy';
+    font-size: 1.4rem;
+    color: #e1e1e1;
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    margin: 1rem;
+}