.card-boton {
  min-height: 8rem;
  padding: 2px;
  text-align: center;
  font-size: 1.3rem;
  /*border: 1px solid var(--border-light-ultra);*/
  cursor: pointer;
  color: #FFF;
  background-color: transparent;
  font-weight: 100;
  position: relative;
  border-radius: 5px;
}

.card-boton span {
  position: absolute; /* Posiciona el texto sobre la imagen */
  top: 50%; /* Lo coloca en la mitad vertical */
  left: 50%; /* Lo coloca en la mitad horizontal */
  transform: translate(-50%, -50%); /* Centra el texto */
  z-index: 2; /* Asegura que el texto esté sobre la imagen */
  color:#FFF;
}

.card-boton img {
  position: relative; /* Añadido para que el texto se sobreponga */
  width: 100%; /* Añadido para hacer la imagen responsiva */
  height: 100%; /* Añadido para hacer la imagen responsiva */
  object-fit: cover; /* Añadido para evitar distorsión */
  opacity: 0.9; /* Añadido para oscurecer la imagen */
  border-radius: 5px;
  border: 1px solid var(--border-light-ultra);
}

.card-boton:hover img {
  opacity: 0.5; /* Añadido para que la imagen sea más visible al pasar el ratón */
}
.card-boton img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Color oscuro con opacidad del 50% */
  z-index: 1; /* Asegura que la superposición esté delante de la imagen */
}