/* ============================================================
   Ekklesia — Footer global design system 2026 (todas las páginas)
   ============================================================ */

.ekk-footer {
	background: var(--ekk-navy, #0A192F);
	color: #FFFFFF;
	margin-top: 6rem;
	padding: 4rem 0 2.5rem;
}
.ekk-footer a {
	color: #94A3B8;
	text-decoration: none;
	transition: color 0.2s ease;
}
.ekk-footer a:hover { color: #FFFFFF; }
.ekk-footer-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2.5rem;
	margin-bottom: 2.5rem;
}
@media (min-width: 768px) { .ekk-footer-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .ekk-footer-grid { grid-template-columns: 1.4fr 1fr 1fr 1fr; } }

.ekk-footer-brand { display: flex; flex-direction: column; gap: 1rem; }
.ekk-footer-brand .ekk-footer-logo { display: flex; align-items: center; gap: 0.5rem; }
.ekk-footer-brand img { height: 40px; width: auto; object-fit: contain; background: #FFFFFF; padding: 4px 10px; border-radius: 8px; }
.ekk-footer-brand .ekk-footer-name {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -0.005em;
	color: #fff;
}
.ekk-footer-brand p {
	font-size: 14px;
	line-height: 22px;
	color: #94A3B8;
	max-width: 34ch;
}
.ekk-footer-seal {
	display: flex; align-items: center; gap: 0.5rem;
	color: #F59E0B; font-size: 11px; font-weight: 700;
	letter-spacing: 0.08em; text-transform: uppercase;
}
.ekk-footer-seal svg { width: 20px; height: 20px; }

.ekk-footer h3 {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 15px; font-weight: 600;
	text-transform: uppercase; letter-spacing: 0.05em;
	color: #fff; margin: 0 0 1rem;
}
.ekk-footer ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.625rem; font-size: 14px; }

.ekk-footer-bar {
	display: flex; flex-direction: column;
	align-items: center; justify-content: space-between;
	gap: 1rem;
	background: rgba(19, 37, 68, 0.5);
	border-radius: 24px;
	padding: 1rem 1.5rem;
	font-size: 14px; color: #94A3B8;
}
@media (min-width: 768px) { .ekk-footer-bar { flex-direction: row; } }
.ekk-footer-social { display: flex; align-items: center; gap: 1.25rem; }
.ekk-footer-social a { display: flex; color: #94A3B8; }
.ekk-footer-social a:hover { color: #fff; }
.ekk-footer-social svg { width: 20px; height: 20px; }