.dep-shortcode {
	position: relative;
	/* Sobrescreva via shortcode (lines) ou CSS do tema. */
	--dep-lines: 5;
	--dep-fade-color: #f5f5f5;
	--dep-fade-color-0: rgba(245, 245, 245, 0);
	--dep-toggle-color: #6f8f2a;
}

.dep-shortcode details {
	display: block;
}

.dep-shortcode summary {
	list-style: none;
	cursor: pointer;
}

.dep-shortcode summary::-webkit-details-marker {
	display: none;
}

.dep-shortcode .dep-texto {
	position: relative;
}

.dep-shortcode:not(.has-toggle) .dep-texto {
	display: block;
}

.dep-shortcode.has-toggle:not(.is-open) .dep-texto {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: var(--dep-lines, 5);
	line-clamp: var(--dep-lines, 5);
	overflow: hidden;
}

.dep-shortcode.has-toggle:not(.is-open) .dep-texto::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 26px;
	pointer-events: none;
	background: linear-gradient(to bottom, var(--dep-fade-color-0), var(--dep-fade-color));
}

.dep-shortcode .dep-toggle-wrap {
	margin-top: 10px;
	text-align: left;
}

.dep-shortcode .dep-toggle {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
	font: inherit;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--dep-toggle-color);
}

.dep-shortcode .dep-toggle::after {
	content: "→";
	font-size: 14px;
}

.dep-shortcode.is-open .dep-toggle::after {
	content: "↑";
}