/* GGF Post Slider Styles - Abril 2026 */
.ggf-slider-container {
	width: 100%;
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	gap: 15px;
	padding: 10px 0;
	scrollbar-width: none;
	scroll-behavior: smooth;
}

.ggf-slider-container::-webkit-scrollbar {
	display: none;
}

.ggf-program-card {
	flex: 0 0 85%; 
	scroll-snap-align: start;
	background-color: #DDDDDD;
	border-radius: 8px;
	overflow: hidden;
	transition: all 0.3s ease;
	border: 1px solid #ccc;
}

.ggf-program-link {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: #000000;
	padding: 5px; /* Padding reducido */
}

.ggf-thumb {
	flex: 0 0 100px; /* Imagen más grande */
	height: 100px;
	padding-left: 5px; /* Padding izquierdo mínimo */
}

.ggf-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 4px;
	display: block;
}

.ggf-content {
	flex-grow: 1;
	padding: 0 12px;
}

.ggf-title {
	margin: 0;
	font-size: 17px; /* Título un poco más grande para acompañar la imagen */
	font-weight: bold;
	font-family: sans-serif;
	line-height: 1.2;
}

/* Efecto Hover */
.ggf-program-card:hover {
	background-color: #e11d48;
	border-color: #e11d48;
}

.ggf-program-card:hover .ggf-title {
	color: #FFFFFF;
}