/* Bloques de Merci. Colores y letras salen de las variables del tema (theme.json). */

.merci-datos p { margin: 0; }
.merci-datos__lugar { font-size: var(--wp--preset--font-size--small); }
.merci-datos__precio { font-size: var(--wp--preset--font-size--large); font-weight: 600; }
.merci-datos--ficha .merci-datos__precio { font-size: var(--wp--preset--font-size--x-large); }
.merci-datos__resumen { font-size: var(--wp--preset--font-size--small); }

.merci-estado {
	display: inline-block;
	margin-bottom: 0.25rem;
	padding: 0.1rem 0.6rem;
	border: 1px solid currentColor;
	border-radius: 4px;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
}

.merci-datos__lista { margin: 1.5rem 0 0; padding: 0; }
.merci-datos__lista > div {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	padding: 0.6rem 0;
	border-bottom: 1px solid var(--wp--preset--color--linea);
}
.merci-datos__lista dt { margin: 0; }
.merci-datos__lista dd { margin: 0; font-weight: 600; text-align: right; }

.merci-galeria {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.5rem;
}
.merci-galeria__foto { margin: 0; }
.merci-galeria__foto:first-child { grid-column: 1 / -1; }
.merci-galeria__foto img {
	display: block;
	border-radius: 1.25rem;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.merci-mirada {
	box-sizing: border-box;
	padding: 1.5rem;
	border-left: 4px solid var(--wp--preset--color--acento);
	background: color-mix(in srgb, var(--wp--preset--color--linea) 35%, transparent);
}
.merci-mirada > :first-child { margin-top: 0; }
.merci-mirada > :last-child { margin-bottom: 0; }
.merci-mirada__titulo { font-size: var(--wp--preset--font-size--large); }

.merci-filtros {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 1rem;
}
.merci-filtros p { margin: 0; }
.merci-filtros label { display: block; font-size: var(--wp--preset--font-size--small); }
.merci-filtros select {
	min-height: 3rem;
	min-width: 12rem;
	padding: 0.5rem 1.25rem;
	border: 1px solid var(--wp--preset--color--texto);
	border-radius: 999px;
	background-color: rgba(255, 255, 255, 0.28);
	color: var(--wp--preset--color--texto);
	font: inherit;
}
.merci-filtros button { cursor: pointer; font-family: inherit; }