hmngy_pasarela_Frontend/css/styles.css

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

}