.mcci-ubicacion, .ubicacion {
	padding: clamp(5rem, 10vw, 9rem) 0;
	background: var(--c-bg-1);
	color: var(--c-text);
}
.mcci-ubicacion--theme-dark { background: var(--c-dark); color: var(--c-inverse); }
.mcci-ubicacion--theme-cream { background: var(--c-bg-2); }

.ubicacion-inner {
	max-width: var(--max-w);
	margin: 0 auto;
	padding: 0 clamp(1.5rem, 4vw, 3rem);
	display: grid;
	grid-template-columns: 1fr 1.2fr;
	gap: clamp(3rem, 6vw, 6rem);
	align-items: center;
}
.ubicacion-text { display: flex; flex-direction: column; gap: 1rem; }
.mcci-ubicacion--theme-dark .section-title { color: var(--c-inverse); }
.mcci-ubicacion--theme-dark .section-intro { color: rgba(245,243,238,0.65); }

.ubicacion-map {
	aspect-ratio: 4/3;
	overflow: hidden;
	background: #1a1d22;
	transition: filter 0.6s var(--ease);
}
.mcci-ubicacion--desaturate .ubicacion-map {
	filter: saturate(0.1) contrast(0.95);
}
.mcci-ubicacion--desaturate .ubicacion-map:hover {
	filter: saturate(1) contrast(1);
}
.ubicacion-map iframe { display: block; width: 100%; height: 100%; }

.ubicacion-list {
	list-style: none;
	margin-top: 1.5rem;
	border-top: 1px solid var(--c-border);
}
.ubicacion-list li {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 1rem;
	padding: 0.85rem 0;
	border-bottom: 1px solid var(--c-border);
	font-family: var(--f-body);
	font-size: 0.9rem;
	font-weight: 300;
	color: var(--c-text);
}
.ubicacion-list .loc-name { font-weight: 400; }
.ubicacion-list .loc-time {
	font-family: var(--f-mono);
	font-size: 0.62rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--c-accent);
	white-space: nowrap;
	flex-shrink: 0;
}

@media (max-width: 1024px) {
	.ubicacion-inner { grid-template-columns: 1fr; }
}