Primer Commit

css/datatable.css

@@ -0,0 +1,174 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
+
+*{
+  font-family: "Roboto Condensed", sans-serif;  
+}
+
+body{
+  zoom: 80%;
+}
+
+#facturasTable tbody td:eq(0) {
+  text-align: left;
+  vertical-align: middle;
+}
+#facturasTable tbody td {
+  text-align: center;
+  vertical-align: middle;
+}
+.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
+  background: linear-gradient(to bottom, #00c0e6 0%, #00aaff  100%) !important;
+  border: 2px solid #484848;  
+}
+button.dt-button, div.dt-button, a.dt-button, input.dt-button {
+  background: #33ceff;
+}
+
+.dataTables_wrapper .dataTables_length select {
+  background-color: #e1f1ff;
+}
+
+.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
+  margin: 5px;
+}
+
+.dataTables_wrapper {
+  position: relative;
+  clear: both;
+  margin-bottom: 20px !important;
+}
+
+.btn:hover {
+  color: #000;
+  background: #e1f1ff !important;
+}
+::-webkit-scrollbar {
+width: 18px;
+height: 18px;
+}
+::-webkit-scrollbar-button {
+width: 0px;
+height: 0px;
+}
+::-webkit-scrollbar-thumb {
+background: #00aaff;
+border: 0px none #ffffff;
+border-radius: 10px;
+}
+::-webkit-scrollbar-thumb:hover {
+background: #00aaff;
+}
+::-webkit-scrollbar-thumb:active {
+background: #00aaff;
+}
+::-webkit-scrollbar-track {
+background: #363636;
+border: 0px none #ffffff;
+border-radius: 10px;
+}
+::-webkit-scrollbar-track:hover {
+background: #373737;
+}
+::-webkit-scrollbar-track:active {
+background: #373737;
+}
+::-webkit-scrollbar-corner {
+background: transparent;
+}
+
+
+.table-info {
+  --bs-table-color: #000;
+  --bs-table-bg: #aedbff;
+  --bs-table-border-color: #33ceff;
+  --bs-table-striped-bg: #cdf0ff;
+  --bs-table-striped-color: #000;
+  --bs-table-active-bg: #a1ddff;
+  --bs-table-active-color: #000;
+  --bs-table-hover-bg: #f4f4f4;
+  --bs-table-hover-color: #000;
+  color: var(--bs-table-color);
+  border-color: var(--bs-table-border-color);
+}
+
+.btn-primary {
+  --bs-btn-color: #525252;
+  --bs-btn-bg: #33ceff;
+  --bs-btn-border-color: #33ceff;
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: #2798bb;
+  --bs-btn-hover-border-color: #2798bb;
+  --bs-btn-focus-shadow-rgb: 49, 132, 253;
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: #2798bb;
+  --bs-btn-active-border-color: #2798bb;
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #fff;
+  --bs-btn-disabled-bg: #2798bb;
+  --bs-btn-disabled-border-color: #2798bb;
+}
+
+.table>thead {
+    vertical-align: middle;
+}
+
+table.dataTable.no-footer {
+  border: 2px solid #00aaff !important;
+}
+
+table.dataTable thead th, table.dataTable thead td {
+  border-bottom: 0 solid #00aaff !important;
+  background: #aedbff;
+}
+
+.table-bordered>:not(caption)>*>* {
+  border-width: 1px var(--bs-border-width) !important;
+}
+
+.form-control:disabled{
+  width: 100px;
+}
+
+.form-control, input{
+  min-width: 100px;
+}
+
+.form-control, #miSelect{
+  min-width: 70px;
+  max-width: 100%;
+}
+
+.codigo{
+  font-size: 15px !important;
+}
+
+.cantidad{
+  width: 70px;
+}
+
+@media (min-width: 992px) {
+  .container, .container-lg, .container-md, .container-sm {
+      max-width: 95%;
+  }
+}
+
+#uuidInput{
+  width: 100%;
+}
+
+.pdf-button{
+  border: none;
+  background: none;
+  font-size: 1.5rem;
+  color: red;
+}
+.modal-backdrop{
+  width: 100%;
+  height: 100%;
+  opacity: var(--bs-backdrop-opacity);
+}
+.modal-backdrop.show {
+  width: 100%;
+  height: 100%;
+  opacity: var(--bs-backdrop-opacity);
+}

css/styles.css

@@ -0,0 +1,326 @@
+.navbar .nav-link.navcolortex {
+    color: #ffffff; /* Cambia esto al color que desees */
+}
+.nav-link {
+   color: #fcfcfc;
+}
+.container-fluid{
+  background-color: rgb(0, 0, 74)!important; 
+};
+
+.navcolortex {
+   color: aliceblue !important;
+}
+
+.dropdown-menu{
+
+    background-color: rgba(4, 13, 139, 0.438) !important;
+}
+
+.quienes{
+    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+    color: #ffffff;
+    text-shadow: 2px 2px 4px rgb(0, 0, 0); /* Sombra */
+    background-color: rgba(0, 0, 83, 0.876);
+}
+.dropdown-item{
+  color: aliceblue;
+}
+.card-body { 
+    background-color: rgb(0, 0, 82) !important; 
+}
+
+.card-text{
+   color: rgb(255, 255, 255) !important;
+  text-align: center;
+  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+}
+
+
+.card{
+    background-color: rgb(0, 0, 82) !important;
+}
+
+.card-img-top{
+   width: 35%;
+   
+}
+
+.animated-button {
+    position: relative;
+    animation: bounce 0.6s infinite alternate;
+    background-color: #28a745; /* Cambia el color de fondo */
+    color: #ffffff; /* Color del texto */
+    border: none; /* Sin borde */
+    font-size: 1.5rem; /* Cambia el tamaño de la fuente */
+    padding: 15px 30px; /* Espaciado interno */
+    border-radius: 5px; /* Esquinas redondeadas */
+}
+
+.custom-btn {
+    background-color: #880000;
+    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Sombra */
+    transition: background-color 0.3s, transform 0.3s; /* Transición suave */
+    width: 50%;
+}
+
+.custom-btn:hover {
+    background-color: #b00000; /* Color más oscuro al pasar el mouse */
+    transform: scale(3.05); /* Aumenta ligeramente el tamaño al pasar el mouse */
+}
+
+@keyframes bounce {
+    0% {
+        transform: translateY(0);
+    }
+    100% {
+        transform: translateY(-10px); /* Ajusta la distancia del movimiento */
+    }
+}
+
+.btnins{
+
+    background-color: rgb(0, 0, 163);
+    border: #0f0071;
+    animation: alternate;
+    
+}
+.btn-group{
+
+    color: #580505;
+}
+
+.navbar{
+    background-color: rgb(0, 0, 74) !important;
+   
+}
+
+.tituloalianzas{
+    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+    color: #ffffff;
+}
+
+.logo-alianza{
+    width: 70%;
+    margin: 5%;
+    
+}
+
+.col-auto{
+    gap: 10%;
+}
+
+.text-white {
+    color: #ffffff;
+}
+
+.social-icon {
+    width: 50%;
+    max-width: 70px;
+}
+
+.bg-blue {
+    background-color: #03014e; /* Cambia el color según tus necesidades */
+}
+
+.text-white {
+    color: #ffffff;
+}
+
+.social-icon {
+    width: 50%;
+    max-width: 70px;
+}
+ .mb-4{
+
+   font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+  
+ }
+
+.social-icon{
+    width: 100%;
+
+ }
+ 
+.h4{
+    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif ;
+}
+
+.programas {
+    background-color: #f8f9fa; /* Fondo claro */
+}
+
+.programas-content {
+    margin-bottom: 20px; /* Espacio inferior */
+}
+
+.programas-lista {
+    padding: 0;
+}
+
+.programas-lista li {
+    margin-bottom: 10px; /* Espaciado entre elementos de la lista */
+}
+
+.btn-ver-programas {
+    width: 100%; /* Botón ocupa todo el ancho */
+    text-align: center; /* Centrar texto */
+    padding: 5px; /* Espaciado alrededor del texto */
+    transition: background-color 0.3s; /* Efecto al pasar el ratón */
+}
+
+.sub-programas {
+    display: none; /* Ocultar sub-listas inicialmente */
+    padding-left: 15px; /* Sangría para sub-listas */
+}
+
+.sub-programas a {
+    text-decoration: none; /* Quitar subrayado de enlaces */
+}
+
+.programas-lista li:hover .sub-programas {
+    display: block; 
+    
+}
+
+.img-fluid {
+    max-width: 100%; /* Responsivo */
+    height: auto; /* Mantener la proporción */
+}
+
+.sub-programas {
+    background-color: #6b0303;
+    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+    color: black;
+}
+
+.btn-ver-programas {
+    background-color: #6b0303;
+    border: #6b0303;
+}
+
+.programa {
+    font-family: 'Times New Roman', Times, serif;
+    color: rgb(255, 255, 255);
+}
+
+.oferta {
+    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+    color: #090059;
+    text-shadow: 2px 2px 4px rgb(0, 0, 0); /* Sombra */
+}
+
+.academica {
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    color: #fcfcfc;
+    text-shadow: 2px 2px 4px rgb(0, 0, 0); /* Sombra */
+}
+
+.o {
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    color: #761600;
+    text-shadow: 2px 2px 4px rgb(0, 0, 0); /* Sombra */
+}
+
+.imagen-programas {
+    width: 100%;
+}
+
+.btn-whatsapp {
+    position: fixed;
+    bottom: 20px;
+    right: 20px;
+    background-color: #25D366; /* Color de fondo de WhatsApp */
+    border-radius: 50%; /* Esquinas redondeadas */
+    box-shadow: 0 2px 10px rgba(255, 255, 255, 0.918); /* Sombra para el efecto de elevación */
+    z-index: 1000; /* Para que esté por encima de otros elementos */
+    transition: transform 0.3s; /* Transición suave */
+}
+
+.btn-whatsapp img {
+    width: 80px; /* Tamaño del logo */
+    height: auto; /* Mantener proporciones */
+}
+
+.btn-whatsapp:hover {
+    transform: scale(1.1); /* Efecto de aumento al pasar el ratón */
+}
+
+/* Estilo Conócenos*/
+body {
+    color: #ffffff; /* Color del texto general */
+}
+
+.section {
+    padding: 40px; /* Espaciado interno para cada sección */
+}
+
+/* diferencia */
+.section-title {
+    margin-bottom: 50px;
+    font-size: 10rem;
+    color: #000000; /* Cambia el color si es necesario */
+}
+
+
+.text-justify{
+   margin-left: 10%;
+   margin-right: 10%;
+   margin: 10%;
+   text-align: justify;
+    
+}
+
+.section-2 {
+    background-color: #00062c; /* Cambia la ruta a la imagen deseada */
+    background-size: cover;
+    background-position: center;
+}
+
+.section-3 {
+    background-image: url('fondo3.jpg'); /* Cambia la ruta a la imagen deseada */
+    background-size: cover;
+    background-position: center;
+}
+
+.logo {
+    width: 100%;
+    max-width: 300px; /* Ajusta el tamaño del logo */
+    margin: 20px auto;
+;
+}
+
+.section-title {
+    margin: 40px 0 20px;
+    text-align: center;
+    font-size: 2rem;
+    color: #ffffff;
+    font-family: 'Times New Roman', Times, serif; /* Cambia el color si es necesario */
+}
+
+.recognitions {
+    text-align: center;
+    margin: 40px 0;
+}
+
+.recognitions img {
+    max-width: 150px; /* Ajusta el tamaño de los logotipos */
+    margin: 10px;
+}
+
+
+/* Licenciaturas */
+.animated-button {
+    position: relative; /* Necesario para el efecto de movimiento */
+    overflow: hidden; /* Esconde cualquier parte del botón que sobresalga */
+    transition: transform 0.3s ease, background-color 0.3s ease; /* Suaviza las transiciones */
+}
+
+.animated-button:hover {
+    transform: translateY(-5px); /* Sube el botón ligeramente */
+}
+.btn-primary {
+    background-color: #a50202; 
+
+}
+