/*
 * ml-desarrollos.css — v1.0.0
 *
 * Solo lo PROPIO de las páginas de desarrollo. El encabezado, las migas, la
 * barra de tipos y la paginación los pone ml-zonas.css, que ya está encolado
 * antes que esta hoja; el molde de la tarjeta lo pone ml-search-design.css.
 * Si aquí acaba habiendo estilos de tarjeta, se ha roto la fuente única.
 */

/* ---- El bloque de terreno ------------------------------------------ *
 * Se marca en visto: es lo único de la página que no es inventario, y el
 * visitante que llegó buscando "lot for sale" tiene que encontrarlo sin
 * leérselo todo. El oro acompaña, no domina.
 */
.ml-desa-terreno {
	margin: 3.5rem 0 2.5rem;
	padding: 2rem 2.25rem;
	border: 1px solid rgba(190, 155, 74, .38);
	border-left: 3px solid #be9b4a;
	background: rgba(190, 155, 74, .045);
}

.ml-desa-terreno-titulo {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: clamp(1.4rem, 2.4vw, 1.85rem);
	font-weight: 500;
	line-height: 1.2;
	margin: 0 0 .75rem;
	color: #111;
}

.ml-desa-terreno-texto {
	margin: 0 0 1.5rem;
	max-width: 62ch;
	font-size: 1rem;
	line-height: 1.65;
	color: #3a3a3a;
}

.ml-desa-terreno-cta {
	display: inline-block;
	padding: .8rem 1.6rem;
	border: 1px solid #111;
	background: #111;
	color: #fff;
	font-size: .82rem;
	letter-spacing: .09em;
	text-transform: uppercase;
	text-decoration: none;
	transition: background .18s ease, color .18s ease;
}

.ml-desa-terreno-cta:hover,
.ml-desa-terreno-cta:focus {
	background: transparent;
	color: #111;
}

/* ---- El bloque que se añade a /developments/ ------------------------ */
.ml-desa-hub {
	margin: 3rem auto 1rem;
	padding: 0 1.25rem;
	max-width: 1180px;
}

.ml-desa-hub-titulo {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: clamp(1.5rem, 3vw, 2.1rem);
	font-weight: 500;
	margin: 0 0 .4rem;
}

.ml-desa-hub-sub {
	margin: 0 0 1.4rem;
	color: #5a5a5a;
	font-size: .95rem;
}

.ml-desa-hub-lista {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: .75rem 2rem;
}

.ml-desa-hub-lista a {
	font-size: 1.05rem;
	text-decoration: none;
	border-bottom: 1px solid rgba(17, 17, 17, .25);
	color: #111;
}

.ml-desa-hub-lista a:hover { border-bottom-color: #be9b4a; }

.ml-desa-hub-n {
	color: #7a7a7a;
	font-size: .82rem;
	letter-spacing: .04em;
}

@media (max-width: 640px) {
	.ml-desa-terreno { padding: 1.5rem 1.25rem; }
	.ml-desa-terreno-cta { display: block; text-align: center; }
}