.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; }