Arreglo de botones

cursos-de-computo/assets/css/cursos-de-computo.css

@@ -52,11 +52,10 @@
   color: black;
 }
 #Center ul li a {
-  color: #bb8800;
+  color: #1e3c70;
 }
 #Center .div-flex .active {
-  color: #1e3c70;
-  border-bottom: 2px solid #bb8800;
+  color: #bb8800;
 }
 #Center .nav-tabs .active {
   color: #1e3c70;
@@ -71,35 +70,81 @@
   color: #ffff;
   font-size: medium;
 }
-#Center .tab-pane p {
+#Center p {
   color: #000;
 }
 @media (max-width: 992px) {
   #Center .div-flex {
     display: block;
   }
+  #Center .div-flex .active {
+    border-bottom: 2px solid #bb8800;
+  }
 }
 @media (min-width: 993px) {
   #Center .div-flex {
     display: flex;
   }
+  .div-flex .line {
+    border-bottom: 2px solid #bb8800;
+  }
+  #Center .div-flex .boxx nav .nav-item {
+    margin-top: 10px;
+  }
+  #Center .boxx .nav {
+    width: 170px;
+  }
 }
 @media (max-width: 992px) {
-  #Center .normal {
-    height: 47px;
-    overflow-x: auto !important;
-    flex-direction: column;
-    column-gap: 20px;
-  }
   #Center .normal .nav-link {
     border: 0;
     padding: 10px;
   }
 }
-#avisos .contenido-centrado {
+#Center .boxx {
+  height: 8vh;
+  margin-right: 10px;
   text-align: center;
-  border-bottom: 2px solid #bb8800;
+  align-items: center;
+}
+#Center .color {
+  color: #bb8800;
+}
+#Center .row .contenido-centrado-negro {
+  text-align: center;
+  color: #000000;
   margin: 35px 0px;
   border-top: 2px solid #bb8800;
   padding: 10px 0px;
+  border-bottom: 2px solid #bb8800;
+}
+#Center .row {
+  margin: 1rem;
+  padding: 1rem;
+  border-bottom: #b3b1b1 solid 2px;
+}
+#Center .accordion-body a i {
+  color: #000;
+}
+#Center .accordion-body a {
+  color: #bb8800;
+}
+#Center div .line-accor {
+  border-bottom: 2px solid #bb8800;
+}
+#Center .accordion-header .collapsed {
+  background-color: #ffffff;
+  color: #000000;
+}
+#Center .accordion-header button {
+  background-color: #bb8800;
+  color: #ffffff;
+}
+#Center .div-flex .active {
+  box-shadow: 2px 2px 2px 2px #b3b1b1;
+  border-color: #b3b1b1;
+}
+#Center .accordion-button:focus {
+  box-shadow: 2px 2px 2px 2px #b3b1b1;
+  border-color: #b3b1b1;
 }

cursos-de-computo/assets/css/cursos-de-computo.less

@@ -61,13 +61,12 @@
 }
 
 #Center ul li a {
-  color: #bb8800;
+  color: #1e3c70;
 }
 
 #Center .div-flex .active {
-  color: #1e3c70;
-  border-bottom: 2px solid #bb8800;
-}
+  color: #bb8800;
+} 
 
 #Center .nav-tabs .active {
   color: #1e3c70;
@@ -85,40 +84,95 @@
   font-size: medium;
 }
 
-#Center .tab-pane p {
+#Center p {
   color: #000;
 }
 
 @media (max-width: 992px) {
   #Center .div-flex {
     display: block;
-  }
+  } 
+
+  #Center .div-flex .active {
+    border-bottom: 2px solid #bb8800; 
+  } 
 }
 
 @media (min-width: 993px) {
   #Center .div-flex {
     display: flex;
+  } 
+  .div-flex .line {
+    border-bottom: 2px solid #bb8800; 
+  } 
+  #Center .div-flex .boxx nav .nav-item{
+    margin-top: 10px; 
+  } 
+  #Center .boxx .nav {
+    width: 170px;
   }
 }
 
 @media (max-width: 992px) {
-  #Center .normal {
-    height: 47px;
-    overflow-x: auto !important;
-    flex-direction: column;
-    column-gap: 20px;
-  }
-
   #Center .normal .nav-link {
     border: 0;
     padding: 10px;
   }
+} 
+
+#Center .boxx {
+  height: 8vh;
+  margin-right: 10px; 
+  text-align: center;
+  align-items: center;
+} 
+
+#Center .color {
+  color: #bb8800;
 }
 
-#avisos .contenido-centrado {
+#Center .row .contenido-centrado-negro {
   text-align: center;
-  border-bottom: 2px solid #bb8800;
+  color: #000000;
   margin: 35px 0px;
   border-top: 2px solid #bb8800;
   padding: 10px 0px;
+  border-bottom: 2px solid #bb8800;
 }
+
+#Center .row {
+  margin: 1rem;
+  padding: 1rem;
+  border-bottom: #b3b1b1 solid 2px;
+} 
+
+#Center .accordion-body a i {
+  color: #000;
+} 
+#Center .accordion-body a {
+  color:#bb8800;
+}
+
+#Center div .line-accor {
+  border-bottom: 2px solid #bb8800; 
+} 
+
+#Center .accordion-header .collapsed {
+  background-color: #ffffff;
+  color:#000000;
+} 
+
+#Center .accordion-header button {
+  background-color: #bb8800;
+  color:#ffffff;
+} 
+
+#Center .div-flex .active {
+  box-shadow: 2px 2px 2px 2px #b3b1b1;
+  border-color: #b3b1b1;
+}
+
+#Center .accordion-button:focus {
+  box-shadow:2px 2px 2px 2px #b3b1b1; 
+  border-color: #b3b1b1;
+}