/* Estilos simples para el componente de Noticias y Eventos */
.event-card-date { min-width: 64px; text-transform: uppercase; }
.event-card-date .month { font-weight: 700; font-size: .9rem; }
.event-card-date .day { font-size: 2.25rem; line-height: 1; }

/* Tarjeta de evento estilo referencia */
.card.shadow-sm { box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,.05) !important; }
.card.border-0 { border-radius: 12px; }

/* Pill outline success */
.pill-outline-success {
	display: inline-block;
	border: 2px solid var(--color-primary-600);
	color: var(--color-primary-600);
	padding: .1rem .55rem;
	border-radius: 999px;
	font-size: .8rem;
	font-weight: 600;
	line-height: 1.2;
}

/* Corrección overflow en texto de eventos */
.events-list .card-body { overflow: hidden; }
.events-list .card-body p,
.events-list .card-body .small,
.events-list .card-body h6 { word-wrap: break-word; overflow-wrap: anywhere; }

/* Limitar descripción a 2 líneas con elipsis */
.events-list .card-body p {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-clamp: 2;
	overflow: hidden;
	margin-bottom: 0;
}