.navbar-nav .nav-link {
    color: #ffffff !important;
}

.navbar-nav .nav-link.disabled{
    color: #b7d8e8 !important;
}

.navbar-nav .nav-link.active {
    font-weight: bold;
}
.navbar-nav .nav-link:hover {
    color: #a6a6a6 !important;
}

.navbar-brand {
    color: #fff !important;
    font-weight: bold !important;
}

.navbar-brand:hover {
    color: #a6a6a6 !important;
}

.txt-hover:hover {
    color: #a6a6a6 !important;
}

.white-icon {
    filter: invert(1);
  }

.white-icon:hover {
    filter: invert(0.6);
  }


.card-img-container {
    overflow: hidden; /* Hide the overflow to keep the image within the card */
    position: relative;
}

.card-img-top {
    transition: transform 0.3s ease; /* Smooth transition */
}

.card-img-top:hover {
    transform: scale(1.1); /* Zoom effect */
}

.bg-opacity {
    background-color: rgba(0, 0, 0, 0.0);
    padding: 10px;
    border-radius: 5px;
  }
.card-body.bg-opacity .card-title,
.card-body.bg-opacity .card-text {
    color: white; /* Set font color to white */
    text-shadow: 1px 1px 2px rgb(19, 18, 18); /* Add gray border effect */
  }
  .card-body.bg-opacity .card-text {
    margin-bottom: 100px;
  }
/* Agranda al doble la altura de la targeta de proyectos */
  .double-height {
    height: 200% !important;
  }
  .double-height-container {
    height: 200% !important;
  }

  /* Estilos específicos de index.html (falta migrar y organizar hacia aquí varios que estan fuera de esta sección*/ 
  /* Estilos para el carousel aliados de index.html */
  .carousel-item img {
    height: 100px;
    object-fit: contain; /* Or use 'cover' based on your preference */
    width: 100%; /* Ensure the image spans the full width */
  }
  /* Make the carousel control arrows transparent */
  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    background-image: none; /* Remove the default arrow icon */
    background-color: transparent; /* Set the background to transparent */
    border: none; /* Remove any border */
  }

  /* Make the carousel indicators (dots/lines) transparent */
  .carousel-indicators button {
    background-color: transparent; /* Set the background to transparent */
    border: none; /* Remove any border */
    box-shadow: none !important; /* Remove any shadow */
  }
  /* Optional: Change the active indicator style */
  .carousel-indicators .active {
    background-color: transparent !important; /* Keep the active indicator transparent */
    box-shadow: none !important; /* Remove shadow from the active indicator */
  }


  /* Maneja los carousel de news.html*/
  #card-rss {
    transition: transform 0.3s, box-shadow 0.3s;
    cursor: pointer;
    opacity: 0;
    animation: fadeIn 0.5s forwards;
  }
  #card-rss:hover {
    transform: translateY(-10px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  }
  @keyframes fadeIn {
    to {
      opacity: 1;
    }
  }
  .carousel-container {
    margin-bottom: 30px; /* Adjust the value to increase/decrease spacing */
  }

  /* Estilos específicos de integrantes.html */
  .staff-card {
    display: flex;
    flex-direction: row;
    margin-bottom: 5px;
    line-height: 1.2; /* Reduce the line height */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transition for zoom and shadow */
  }
  .staff-card:hover {
    transform: scale(1.05); /* Slightly enlarge the card on hover */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Add a shadow effect */
  }

  .staff-card p {
    margin-bottom: 5px;
    line-height: 1.2; /* Reduce the line height */
  }
  .staff-photo {
    max-width: 100px;
    margin-right: 20px;
  }
  .staff-info {
    flex: 1;
    margin-bottom: 5px;
  }
  .custom-card-2 {
    background: radial-gradient(circle,  #0d6efd 0%, #4f8ff0 70%);
    color: rgb(255, 255, 250); /* Set font color to white */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transition for zoom and shadow */
  } 
  .custom-card-2:hover {
    transform: scale(1.05); /* Slightly enlarge the card on hover */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Add a shadow effect */
}
  .custom-card-2 a {
    color: white; /* Set hyperlink color to white */
    text-decoration: underline; /* Optional: Add underline for better visibility */
  } 
  .custom-card-2 a:hover {
    color: #d1e8ff; /* Optional: Change color on hover */
}

  .publication-card {
    margin-bottom: 20px;
}


 /* Estilos específicos de publicaciones.html */
.card-body p {
  margin-bottom: 5px; /* Reduce the bottom margin */
  line-height: 1.2; /* Reduce the line height */
}

/* Estilos específicos de proyectos.html max-width: 150px; */

.proj-photo {
  width: 250px;
  height: 150px;
  margin-right: 20px;
  object-fit: cover;
}


.proj-info {
  flex: 1;
}