/* ==========================================================================
   Averno Jornadas - Estilos del shortcode [render_jornadas]
   ========================================================================== */

#jornadas-overview {
	width: 100%;
}

#jornadas-overview h2 {
	font-size: 50px;
	text-align: center;
	padding-top: 15px;
	letter-spacing: 5px;
	text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Grid de eventos
   -------------------------------------------------------------------------- */

#jornadas-overview .events {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 20px 0 50px;
}

#jornadas-overview .events h2 {
	width: 100%;
}

/* --------------------------------------------------------------------------
   Tarjeta de evento
   -------------------------------------------------------------------------- */

#jornadas-overview .event-card {
	display: inline-block;
	background: white;
	width: 280px;
	margin: 20px;
	cursor: default;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	transition: transform 100ms ease-in-out, box-shadow 100ms ease-in-out;
	border-radius: 6px;
	color: rgba(0, 0, 0, 0.9);
}

#jornadas-overview .event-card:hover {
	transform: scale(1.02);
	box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.5);
}

/* Imagen */
#jornadas-overview .event-card__image-link {
	display: block;
	color: #0c0c0c;
	text-decoration: none;
}

#jornadas-overview .event-card__image {
	width: 100%;
	height: 250px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	border-radius: 6px 6px 0 0;
}

#jornadas-overview .event-card__image--empty {
	background-color: #e0e0e0;
}

/* Descripción */
#jornadas-overview .event-card__description {
	padding: 5px 15px 15px;
}

#jornadas-overview .event-card__description a {
	color: #0c0c0c;
	text-decoration: none;
}

#jornadas-overview .event-card__description h3 {
	padding-bottom: 5px;
	font-size: 20px;
	text-transform: uppercase;
	min-height: 65px;
}

/* Ubicación / fecha */
#jornadas-overview .event-card__location {
	font-size: 15px;
}

#jornadas-overview .event-card__location .dashicons {
	margin-top: 2px;
}

#jornadas-overview .event-card__time {
	float: right;
}

/* Plazas */
#jornadas-overview .event-card__plazas {
	display: flex;
	justify-content: space-around;
	margin-top: 10px;
}

#jornadas-overview .plazas .dashicons {
	color: darkred;
}

#jornadas-overview .plazas .dashicons.libre {
	color: forestgreen;
}

/* --------------------------------------------------------------------------
   Overrides específicos de página
   -------------------------------------------------------------------------- */

.page-mithril-fest-2025 .event-card:first-of-type .event-card__plazas {
	display: block !important;
}