:root {
    --bs-primary: #781656; /* Color principal personalizado */
  }
  
  .navbar-custom .navbar-nav .nav-link {
    color: black; /* Color por defecto para enlaces no activos */
    font-size: 1.2rem;
    font-weight: bold;
  }
  
  .navbar-custom .navbar-nav .nav-link.active,
  .navbar-custom .navbar-nav .nav-link:hover,
  .navbar-custom .navbar-nav .nav-link:focus {
    color: var(--bs-primary); /* Color para el enlace activo o en hover/focus */
  }

  .card-custom {
    border-color: transparent; /* Sin borde visible */
    background-color: #fff; /* Fondo blanco */
    width: 90%; /* Aprovecha todo el espacio del contenedor .col */
    margin: 10%;
}

.card-custom .card-img-top {
    width: 100%; /* Ajusta la imagen al 100% del contenedor de la imagen */
    height: 100%; /* Altura fija para todas las imágenes */
    object-fit: cover; /* Asegura que la imagen cubra el espacio sin deformarse */
}

.card-custom .card-title {
    padding-bottom: 5%;
    border-bottom: 3px solid #781656; /* Línea del color principal debajo del título */
}

.btn-custom {
    border-radius: 10px; /* Bordes ligeramente redondeados */
    width: 60%; /* El botón ocupa el 60% del ancho de la tarjeta */
    height: 100%;
    background-color: var(--bs-primary)
}

.card-img-top {
    transition: transform 1s ease-in-out; /* Suaviza la transición */
}
.card-img-top:hover {
    transform: scale(1.08); /* Amplía la imagen */
}