/* Ficha de figura dentro de una entrada: la paleta del catálogo (database/assets/database.css), más oscura que la
   tarjeta de la entrada (#343a40 en el tema del blog), para que se distinga de ella. */
.figure-card {
	display: flex;
	margin: 1.5rem auto;
	max-width: 640px;
	background: #212529;
	border: 1px solid #454d55;
	border-radius: .5rem;
	overflow: hidden;
	color: #f1f1f1;
	transition: transform .15s ease, box-shadow .15s ease;
}
.figure-card:hover {
	color: #f1f1f1;
	text-decoration: none;
	transform: translateY(-2px);
	box-shadow: 0 6px 18px rgba(0, 0, 0, .45);
}
.figure-card-photo {
	flex: 0 0 180px;
	min-height: 240px;
	background: #2b3035;
}
.figure-card-photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
}
.figure-card-body {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	padding: 1rem 1.15rem;
}
.figure-card-title { font-size: 1.05rem; line-height: 1.3; }
.figure-card-characters { font-size: .9rem; color: #ff8500; margin-top: .3rem; }
.figure-card-specs { margin: .7rem 0; font-size: .85rem; }
.figure-card-spec { display: block; line-height: 1.6; }
.figure-card-spec span { display: inline-block; min-width: 6.5rem; color: #adb5bd; }
.figure-card-more { margin-top: auto; font-size: .85rem; color: #cb4dff; }
.figure-card:hover .figure-card-more { color: #dd8bff; }

@media (max-width: 480px) {
	.figure-card-photo { flex-basis: 110px; min-height: 150px; }
	.figure-card-body { padding: .75rem .85rem; }
	.figure-card-spec span { min-width: 0; margin-right: .4rem; }
}