.tarjeta-general {
  height: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  overflow: hidden;
  transition: scale 0.3s, box-shadow 0.3s;
  position: relative;
  background: var(--color-gris-claro);
}

.tarjeta-general:hover {
  scale: 1.025;
  box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.5);
}

.tarjeta-general .etiqueta-tarjeta-general {
  position: absolute;
  top: 10px;
  left: 10px;
  background: var(--color-azul-claro);
  color: var(--porto-primary-color);
  padding: 5px 10px;
  border-radius: 50px;
}

.tarjeta-general .imagen-fondo-tarjeta-general {
  width: 100%;
  height: 250px;
  object-fit: cover;
  object-position: center;
}

.tarjeta-general .contenido-tarjeta-general {
  padding: 10px 20px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.tarjeta-general .titulo-tarjeta-general {
  margin: 10px 0;
  font-size: 1.5em;
  font-weight: 600;
}

.tarjeta-general .informacion-recurso {
  flex: 1;
}

.tarjeta-general .fecha-recurso {
  margin: 0 auto;
  width: fit-content;
}