/* FASAK Propiedades — estilos de listados y fichas.
   El Header global de Elementor ya provee el reset general, las fuentes y las
   clases hover con !important; aquí van solo los ajustes responsive de los
   layouts del plugin, la prosa y un fallback de las clases hover (por si el
   plugin se prueba sin el Header global, p.ej. en local). */

/* Base mínima por si no hay reset global (entorno local). */
.fk-cpt *,
.fk-single-proyecto *,
.fk-single-propiedad * { box-sizing: border-box; }
.fk-cpt img,
.fk-single-proyecto img,
.fk-single-propiedad img { display: block; max-width: 100%; }
.fk-cpt a,
.fk-single-proyecto a,
.fk-single-propiedad a { text-decoration: none; }

/* Prosa de descripción larga. */
.fk-prose p {
	font-size: clamp(15px, 1.15vw, 18px);
	line-height: 1.8;
	color: #9C968A;
	margin: 0 0 20px;
}
.fk-prose p:last-child { margin-bottom: 0; }
.fk-prose--prop p { font-size: clamp(16px, 1.25vw, 19px); }

/* Fallback de clases hover (idénticas a las del Header global). */
.fk-h-gold:hover { color: #C2A35A; }
.fk-h-gold2:hover { color: #DBC089; }
.fk-h-btn:hover { background: #DBC089; transform: translateY(-2px); }
.fk-h-outline:hover { border-color: #C2A35A; background: rgba(194, 163, 90, .08); }
.fk-h-arrow:hover { gap: 20px; color: #DBC089; }

/* ───────────────────────── Responsive (≤880px) ───────────────────────── */
@media (max-width: 880px) {
	/* Tarjetas de proyecto / propiedad → una columna, imagen arriba. */
	.fk-proj { grid-template-columns: 1fr !important; }
	.fk-prop { grid-template-columns: 1fr !important; }
	.fk-proj .fk-proj-img,
	.fk-prop .fk-prop-img { order: -1 !important; }
	.fk-proj-meta { grid-template-columns: 1fr !important; gap: 18px !important; }

	/* Ficha técnica del single proyecto. */
	.fk-facts { grid-template-columns: 1fr 1fr !important; }

	/* Bloques texto+imagen del single proyecto. */
	.fk-split { grid-template-columns: 1fr !important; }

	/* Galería 12-col → una columna. */
	.fk-gal-wide,
	.fk-gal-tall { grid-column: span 12 !important; }

	/* Galería 2-col del single propiedad. */
	.fk-gal { grid-template-columns: 1fr !important; }

	/* Barra de precio del single propiedad. */
	.fk-pricebar {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 22px !important;
	}

	/* Fila de "siguiente proyecto". */
	.fk-nextrow {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 28px !important;
	}
}