/* Latest Post Card widget - estilos base de estructura.
   Los colores, tipografías, espaciados y bordes los define Elementor
   mediante los controles de Estilo (se inyectan como CSS por widget). */

.lpc-card {
	display: flex;
	align-items: stretch;
	width: 100%;
	box-sizing: border-box;
}

.lpc-card.lpc-image-left {
	flex-direction: row-reverse;
}

.lpc-card.lpc-image-right {
	flex-direction: row;
}

.lpc-card.lpc-no-image {
	flex-direction: column;
}

.lpc-text-col {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.lpc-image-col {
	flex: 0 0 auto;
	min-width: 0;
}

.lpc-image-col img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.lpc-date {
	line-height: 1.4;
}

.lpc-title {
	margin: 0;
	line-height: 1.25;
}

.lpc-title a {
	text-decoration: none;
	transition: color 0.2s ease;
}

.lpc-excerpt {
	line-height: 1.5;
}

.lpc-author {
	line-height: 1.4;
}

.lpc-button-wrap {
	display: flex;
}

.lpc-button {
	display: inline-block;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.lpc-empty {
	padding: 20px;
	text-align: center;
	opacity: 0.7;
}

/* Apilado responsivo por defecto en pantallas pequeñas */
@media (max-width: 767px) {
	.lpc-card,
	.lpc-card.lpc-image-left,
	.lpc-card.lpc-image-right {
		flex-direction: column;
	}

	.lpc-image-col {
		width: 100% !important;
		order: -1;
	}
}