From b0dcfab91b2d6249d6d7cce61736a79660060c3b Mon Sep 17 00:00:00 2001
From: Duncan <317131866@pcpuma.acatlan.unam.mx>
Date: Thu, 10 Oct 2024 13:45:52 -0600
Subject: [PATCH] =?UTF-8?q?Estilos=20y=20acorde=C3=B3n?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../assets/css/cursos-de-computo.css          | 46 ++++++++++++---
 .../assets/css/cursos-de-computo.less         | 59 +++++++++++++++----
 cursos-de-computo/index.html                  | 37 +++++++++---
 3 files changed, 116 insertions(+), 26 deletions(-)

diff --git a/cursos-de-computo/assets/css/cursos-de-computo.css b/cursos-de-computo/assets/css/cursos-de-computo.css
index a1153e1..59c2648 100644
--- a/cursos-de-computo/assets/css/cursos-de-computo.css
+++ b/cursos-de-computo/assets/css/cursos-de-computo.css
@@ -56,7 +56,6 @@
 }
 #Center .div-flex .active {
   color: #1e3c70;
-  border-bottom: 2px solid #bb8800;
 }
 #Center .nav-tabs .active {
   color: #1e3c70;
@@ -78,24 +77,33 @@
   #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;
+  }
 }
 @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;
 }
@@ -112,3 +120,27 @@
   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 .accordion-header button::focus {
+  outline: solid 2px #000000 !important;
+}  */
+#Center .accordion-button:focus {
+  box-shadow: 2px 2px 2px 2px #b3b1b1;
+  border-color: #b3b1b1;
+}
diff --git a/cursos-de-computo/assets/css/cursos-de-computo.less b/cursos-de-computo/assets/css/cursos-de-computo.less
index 71b73ff..6891c13 100644
--- a/cursos-de-computo/assets/css/cursos-de-computo.less
+++ b/cursos-de-computo/assets/css/cursos-de-computo.less
@@ -66,7 +66,6 @@
 
 #Center .div-flex .active {
   color: #1e3c70;
-  border-bottom: 2px solid #bb8800;
 } 
 
 #Center .nav-tabs .active {
@@ -92,28 +91,38 @@
 @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;
   }
 }
 
 @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;
@@ -133,3 +142,33 @@
   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 .accordion-header button::focus {
+  outline: solid 2px #000000 !important;
+}  */
+
+#Center .accordion-button:focus {
+  box-shadow:2px 2px 2px 2px #b3b1b1; 
+  border-color: #b3b1b1;
+}
\ No newline at end of file
diff --git a/cursos-de-computo/index.html b/cursos-de-computo/index.html
index 0f2f630..2b3a313 100644
--- a/cursos-de-computo/index.html
+++ b/cursos-de-computo/index.html
@@ -180,7 +180,7 @@
         id="Center"
         class="d-flex align-items-center justify-content-center flex-column pt-0"
       >
-        <div class="conatiner-fluid">
+        <div class="container-xxl">
           <div class="row">
             <h3 class="color">
               <i class="bx bx-book"></i>
@@ -189,15 +189,15 @@
             <!-- Incio del Tab -->
             <div class="div-flex">
               <!-- Nav de cursos -->
-              <div class="col-12 col-md-4">
-                <ul class="nav d-lg-block">
+              <div class="col-12 col-md-4 boxx">
+                <ul class="nav d-lg-block flex-nowrap">
                   <li class="nav-item">
                     <a
                       id="regulares-tab"
                       data-toggle="tab"
                       role="tablist"
                       href="#regulares"
-                      class="nav-link active"
+                      class="nav-link active line shadow rounded"
                       aria-controls="regulares"
                       aria-selected="true"
                     >
@@ -210,7 +210,7 @@
                       data-toggle="tab"
                       role="tablist"
                       href="#sabatinos"
-                      class="nav-link"
+                      class="nav-link shadow rounded"
                       aria-controls="sabatinos"
                       aria-selected="false"
                       >Cursos Sabatinos</a
@@ -379,7 +379,7 @@
                   role="tablist"
                   aria-labelledby="sabatinos-tab"
                 >
-                  <div>
+                  <div class="pt-2">
                     <p
                       class="mb-0 justify-content-center"
                       style="color: #fff; background-color: #1e3c70"
@@ -567,7 +567,24 @@
                   id="panelsStayOpen-collapseOne"
                   class="accordion-collapse collapse show"
                 >
-                  <div class="accordion-body">Temarios</div>
+                  <div class="accordion-body line-accor">
+                    <a
+                        href="files/temarios-cursos-computo/Base-de-datos-SQL-Avanzado-20-hrs.pdf"
+                        target="_blank"
+                        >
+                        <i class="bx bx-file"></i>
+                        Excel
+                      </a> 
+                  </div> 
+                  <div class="accordion-body">
+                    <a
+                        href="files/temarios-cursos-computo/Base-de-datos-SQL-Avanzado-20-hrs.pdf"
+                        target="_blank"
+                        >
+                        <i class="bx bx-file"></i>
+                        Excel-2
+                      </a>
+                  </div>
                 </div>
               </div>
               <div class="accordion-item">
@@ -592,8 +609,10 @@
                       <a
                         href="files/temarios-cursos-computo/Base-de-datos-SQL-Avanzado-20-hrs.pdf"
                         target="_blank"
-                        >Base de datos</a
-                      >
+                        >
+                        <i class="bx bx-file"></i>
+                        Base de datos
+                        </a>
                     </p>
                   </div>
                 </div>