/* SmartCloudSpend Related Posts: usa las variables de color de Astra con valores de respaldo. */
.scs-rp {
	clear: both;
	margin: 3em 0 1em;
	font-family: inherit;
}
.scs-rp__heading {
	margin: 0 0 1.1em;
	font-size: .85rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--ast-global-color-3, #6b7280);
}
.scs-rp__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 24px;
}
.scs-rp__card {
	display: flex;
	flex-direction: column;
	background: var(--ast-global-color-5, #fff);
	border: 1px solid rgba(0, 0, 0, .06);
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 4px 14px rgba(0, 0, 0, .07);
	transition: transform .2s ease, box-shadow .2s ease;
}
.scs-rp__card:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 24px rgba(0, 0, 0, .12);
}
.scs-rp__media {
	display: block;
	line-height: 0;
}
.scs-rp__media img,
.scs-rp__placeholder {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	margin: 0;
	background: var(--ast-global-color-4, #f1f5f9);
}
.scs-rp__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 18px 20px 20px;
}
.scs-rp__title {
	margin: 0 0 .6em;
	font-size: 1.1rem;
	line-height: 1.3;
}
.scs-rp__title a {
	color: var(--ast-global-color-2, #111827);
	text-decoration: none;
}
.scs-rp__title a:hover {
	color: var(--ast-global-color-0, #2563eb);
}
.scs-rp__excerpt {
	margin: 0 0 1em;
	font-size: .92rem;
	line-height: 1.55;
	color: var(--ast-global-color-3, #4b5563);
}
.scs-rp__more {
	margin-top: auto;
	align-self: flex-start;
	font-size: .9rem;
	color: var(--ast-global-color-0, #2563eb);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.scs-rp__more:hover {
	text-decoration-thickness: 2px;
}