/* Portada encuentros — estilos scoped a body.ee-home */

body.ee-home {
	margin: 0;
	min-height: 100vh;
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	background: linear-gradient(165deg, #e8eef5 0%, #dce6f2 45%, #cfd9e8 100%);
}
.ee-home a { color: inherit; }
.ee-home .ee-outer { width: 100%; border-collapse: collapse; }
.ee-home .ee-outer > tbody > tr > td { padding: 0 12px; }
.ee-home .ee-grid-wrap { padding: 8px 0 32px; max-width: 1100px; margin: 0 auto; }
.ee-home table.ee-grid {
	width: 100%;
	border-collapse: separate;
	border-spacing: 16px;
}
.ee-home td.ee-card {
	vertical-align: top;
	width: 33.33%;
	padding: 0;
	border: none;
}
.ee-home .ee-card__link {
	display: block;
	text-decoration: none;
	color: inherit;
	height: 100%;
	border-radius: 14px;
	transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.ee-home .ee-card__link:hover {
	transform: translateY(-3px);
	box-shadow: 0 14px 28px rgba(0, 52, 102, 0.15);
}
.ee-home .ee-card__inner {
	background: #fff;
	border: 1px solid rgba(0, 70, 140, 0.12);
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06);
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 220px;
}
.ee-home .ee-card__img {
	display: block;
	margin: 16px auto 8px;
	width: 100px;
	height: auto;
	border-radius: 8px;
}
.ee-home .ee-card__title {
	margin: 0 14px 12px;
	font-size: 0.82rem;
	font-weight: 600;
	line-height: 1.35;
	color: #0c4a7c;
	text-align: center;
	text-transform: none;
	letter-spacing: 0.01em;
	word-wrap: break-word;
}
.ee-home .ee-card__meta {
	display: block;
	margin-top: 6px;
	font-size: 0.75rem;
	font-weight: 500;
	color: #64748b;
}
.ee-home .ee-badge {
	display: block;
	margin-top: auto;
	padding: 12px 14px;
	text-align: center;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	border-top: 1px solid rgba(0, 70, 140, 0.08);
}
.ee-home .ee-badge--abierta {
	color: #fff;
	background: linear-gradient(180deg, #0b5fa8 0%, #00468c 100%);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
}
.ee-home .ee-badge--abierta:hover {
	background: linear-gradient(180deg, #0c6cbc 0%, #0055a3 100%);
}
.ee-home .ee-badge--cerrada {
	color: #475569;
	background: linear-gradient(180deg, #f1f5f9 0%, #e2e8f0 100%);
}
@media (max-width: 900px) {
	.ee-home table.ee-grid,
	.ee-home table.ee-grid tbody,
	.ee-home table.ee-grid tr,
	.ee-home table.ee-grid td { display: block; width: 100% !important; }
	.ee-home table.ee-grid tr { margin-bottom: 0; }
	.ee-home td.ee-card { margin-bottom: 8px; }
}