@charset "utf-8";
/* CSS Document */

/* Contenedor de la card */
.card-body {
  text-align: left; /* asegura que todo el contenido quede a la izquierda */
}
/* Título con línea animada */
.link-Tit {
  font-size: 24px;
  position: relative;
  display: inline-block; /* ocupa solo el ancho del texto */
  color: #6f5745;
  font-weight: bold;
  text-decoration: none;
  padding-bottom: 8px;
}

/* Línea debajo del texto */
.link-Tit::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px; /* línea inicial pequeña */
  height: 6px;
  background-color: #8cc83f;
  transition: width 0.3s ease;
}

/* Animación al hacer hover */
.link-Tit:hover::after {
  width: 100%; /* ahora cubre solo el ancho del texto */
}