/**
 * Single propiedad — paridad legacy + iconos Lucide.
 */

/* El <article> es sólo wrapper semántico + gancho JS (data-prop-id): sus dos
   columnas (large-8 contenido / large-4 form) actúan como hijas directas del
   row raíz. */
.mdpd-single-propiedad .mdpd-ficha-propiedad {
	display: contents;
}

.mdpd-single-propiedad .mdpd-ficha-propiedad__title {
	font-size: 1.35rem;
	line-height: 1.25;
	color: #605f5f;
}

.mdpd-ficha-propiedad__breadcrumbs {
	margin-bottom: 0.75rem;
	font-size: 0.9rem;
}

.mdpd-ficha-propiedad__breadcrumbs .breadCrumb + .breadCrumb::before {
	content: " › ";
	color: #888;
}

.mdpd-ficha-propiedad__breadcrumbs a {
	color: #666;
	text-decoration: none;
}

.mdpd-ficha-propiedad__estado .estado {
	display: inline-block;
	padding: 0.2rem 0.55rem;
	border-radius: 0.25rem;
	background: #f0f0f0;
	font-weight: 600;
}

/* Ya no es una línea de texto sino las dos `.mdpd-dato` de dirección y zona, que
   traen su color y su interlínea: acá solo queda el aire hasta lo que sigue. */
.mdpd-ficha-propiedad__subtitle {
	margin: 0 0 1rem;
}

.mdpd-ficha-propiedad__caracteristicas {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem 0.85rem;
	margin: 1rem 0 1.25rem;
}

.mdpd-ficha-propiedad__caracteristicas .caracteristica {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.35rem 0.65rem;
	background: #f7f9fa;
	border: 1px solid #e8eef1;
	border-radius: 999rem;
	font-size: 0.92rem;
	font-weight: 600;
	color: #333;
}

.mdpd-ficha-propiedad__caracteristicas .mdpd-icon {
	font-size: 1.25em;
	color: var(--mdpd-icono-color, #329ac1);
	flex-shrink: 0;
}

.mdpd-ficha-propiedad__titulo-desc {
	font-size: 1rem;
	font-weight: 600;
	color: #605f5f;
	margin: 0 0 0.75rem;
	line-height: 1.45;
}

.mdpd-ficha-propiedad__desc,
.mdpd-ficha-propiedad__mapa h2,
.mdpd-ficha-propiedad__video h2,
.mdpd-ficha-propiedad__generales h2 {
	font-size: 1.05rem;
	color: #605f5f;
	margin: 1.25rem 0 0.5rem;
}

.mdpd-ficha-propiedad__desc {
	color: #333;
	line-height: 1.55;
}

.mdpd-ficha-propiedad__mapa-dir {
	color: #605f5f;
	margin-bottom: 0.75rem;
}

.mdpd-ficha-propiedad__video-embed {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	border-radius: 0.5rem;
}

.mdpd-ficha-propiedad__video-embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* Las características generales usan `.mdpd-chips`, la misma plancha gris con
   chips blancas que las comodidades de un alojamiento: son la misma clase de dato
   —una lista de cosas que la ficha tiene— y no había razón para que se vieran
   distinto. El estilo vive en style.css, que es donde lo comparten los dos. */

/* Datos del anunciante: sin título, dentro de la misma caja del formulario.
   Izquierda en desktop; centrado entero en móvil, ver @media más abajo. */
.mdpd-ficha-propiedad__agente {
	margin: 1.25rem 0;
	text-align: left;
}

/* Adentro de la caja el aire lo da su padding: la row no suma margen abajo. */
.mdpd-ficha-propiedad__inmo-row {
	margin-bottom: 0;
}

.mdpd-ficha-propiedad__inmo-name {
	font-size: 1.1rem;
	margin: 0 0 0.35rem;
}

/* Los chips ya traen su propio margen: la fila solo abre aire arriba y abajo. */
.mdpd-ficha-propiedad__inmo-chips {
	margin: 0.5rem 0 0.35rem;
}

.mdpd-ficha-propiedad__inmo-all-wrap {
	margin: 0;
	font-size: 0.95rem;
}

/* Firma abajo del botón de WhatsApp: acá el logo es sello, no enlace. */
.mdpd-ficha-propiedad__inmo-mini {
	font-size: 0.95rem;
	margin: 1rem 0 0;
}

/* Precio y badge de operación: en la fila del título, no arriba del formulario
   —en móvil el formulario queda lejos del título, y estos datos son de los
   primeros que se buscan al abrir la ficha. Desktop a la derecha de la
   columna grande; en tablet y mobile, columna propia a la izquierda (ver
   @media más abajo y el layout en inc/partials/ficha-propiedad.php). */
.mdpd-ficha-propiedad__header-precio {
	text-align: right;
}

.mdpd-ficha-propiedad__header-precio .operacion {
	display: inline-block;
	padding: 0.15rem 0.45rem;
	border-radius: 0.25rem;
	font-weight: 600;
	margin-bottom: 0.35rem;
	color: #fff;
}

.mdpd-ficha-propiedad__header-precio .operacion.venta {
	background: #32c190;
}

.mdpd-ficha-propiedad__header-precio .operacion.alquiler {
	background: #329ac1;
}

.mdpd-ficha-propiedad__header-precio .precio {
	display: block;
	font-size: 1.35rem;
	font-weight: 700;
}

.mdpd-ficha-propiedad__header-precio .precio--consulta {
	font-size: 1.1rem;
}

.mdpd-ficha-propiedad__header-precio .expensas {
	display: block;
	margin-top: 0.25rem;
	font-size: 0.92rem;
	color: #666;
}

.mdpd-ficha-propiedad__actions .boton {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 50%;
	width: 2.625rem;
	height: 2.625rem;
	padding: 0;
	cursor: pointer;
}

.mdpd-ficha-propiedad__actions .boton .mdpd-icon {
	font-size: 1.15em;
}

.mdpd-ficha-propiedad__actions .boton.is-favorite {
	color: #c0392b;
	border-color: #c0392b;
}

/* La caja del formulario arranca debajo del precio y de las acciones. */
.mdpd-ficha-propiedad__consulta {
	margin-top: 0.75rem;
}

.mdpd-ficha-propiedad__whatsapp {
	margin: 0.75rem 0 0;
}

/* WhatsApp con el verde de la marca: el ícono también va en blanco, que acá el
   fondo ya dice de qué canal se trata. */
.mdpd-ficha-propiedad__whatsapp .mdpd-boton-wsp,
.mdpd-ficha-propiedad__whatsapp .mdpd-boton-wsp:hover,
.mdpd-ficha-propiedad__whatsapp .mdpd-boton-wsp:focus {
	align-items: center;
	background-color: #25d366;
	border-color: #25d366;
	color: #fff;
	display: flex;
	gap: 0.35rem;
	justify-content: center;
	margin: 0;
	width: 100%;
}

.mdpd-ficha-propiedad__whatsapp .mdpd-boton-wsp:hover {
	background-color: #1eb857;
	border-color: #1eb857;
}

/* La columna del formulario acompaña el scroll con el sticky de Flatsome
   (`.is-sticky-column`), que ya descuenta el header pegado. Apilada no tiene
   sentido: el formulario es lo último de la página. */
@media (max-width: 849px) {
	.mdpd-single-propiedad .stickyForm .is-sticky-column {
		position: static;
	}

	.mdpd-single-propiedad .stickyForm {
		margin-top: 1.5rem;
	}

	.mdpd-ficha-propiedad__inmo-all-wrap {
		text-align: center;
	}

	/* Toda la tarjeta de «Datos del anunciante» centrada en móvil, texto y
	   columnas — en desktop queda a la izquierda (arriba en este archivo). */
	.mdpd-ficha-propiedad__agente {
		text-align: center;
	}

	.mdpd-ficha-propiedad__agente .row {
		align-items: center;
		justify-content: center;
	}

	/* `.mdpd-dato` (dirección, ciudad) es flex con solo `align-items`: sin
	   `justify-content` el `text-align:center` del contenedor no lo mueve —los
	   items de un flex container no responden a `text-align`. */
	.mdpd-ficha-propiedad__agente .mdpd-dato {
		justify-content: center;
	}

	/* Título y precio, apilados y a la izquierda los dos —en desktop el precio
	   va a la derecha, ver la regla base más arriba. */
	.mdpd-ficha-propiedad__header-precio {
		text-align: left;
	}
}