/* Ficha de una propiedad (templates/propiedad.php). */

.kzn-ficha { background: var(--kzn-hueso); }

/* Banda negra bajo la cabecera fija */
.kzn-ficha__cabeza {
	padding: calc(var(--kzn-cabecera-alto) + 36px) 0 120px;
	background: var(--kzn-negro);
	color: var(--kzn-blanco);
}
.kzn-ficha__migas { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 26px; color: rgba(255, 255, 255, .55); font-size: 14px; }
.kzn-ficha__migas a { color: rgba(255, 255, 255, .8); text-decoration: none; }
.kzn-ficha__migas a:hover { color: var(--kzn-blanco); text-decoration: underline; }
.kzn-ficha__zona { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; color: rgba(255, 255, 255, .75); font-size: 15px; letter-spacing: .14em; text-transform: uppercase; }
.kzn-ficha__zona svg { width: 12px; height: 16px; fill: currentColor; }
.kzn-ficha__titulo { max-width: 980px; margin: 0; font-size: clamp(32px, 4.4vw, 58px); font-weight: 500; letter-spacing: -.015em; line-height: 1.06; }
.kzn-ficha__marcas { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 0; }
.kzn-ficha__marcas span { padding: 5px 14px; border: 1px solid rgba(255, 255, 255, .35); border-radius: 999px; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; }
.kzn-ficha--disponible .kzn-ficha__estado { border-color: #8be0a4; color: #8be0a4; }
.kzn-ficha--proximamente .kzn-ficha__estado { border-color: #f5c46b; color: #f5c46b; }

/* Galería: la primera grande y hasta cuatro al lado; el resto se ve en el visor */
.kzn-ficha__galeria { margin-top: -84px; }
.kzn-ficha__fotos { display: grid; grid-template-columns: 2fr 1fr 1fr; grid-auto-rows: 230px; gap: 10px; margin: 0; padding: 0; list-style: none; }
.kzn-ficha__foto { position: relative; overflow: hidden; border-radius: 16px; background: #e8e6df; }
.kzn-ficha__foto:first-child { grid-row: span 2; }
.kzn-ficha__foto--extra { display: none; }
.kzn-ficha__foto a { display: block; height: 100%; }
.kzn-ficha__foto img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--kzn-curva); }
.kzn-ficha__foto a:hover img { transform: scale(1.04); }
.kzn-ficha__mas { position: absolute; inset: 0; display: grid; place-items: center; background: rgba(0, 0, 0, .5); color: #fff; font-size: 22px; font-weight: 500; }
.kzn-ficha__fotos--1 { grid-template-columns: 1fr; grid-auto-rows: 520px; }
.kzn-ficha__fotos--1 .kzn-ficha__foto:first-child { grid-row: auto; }
.kzn-ficha__fotos--2 { grid-template-columns: 2fr 1fr; grid-auto-rows: 460px; }
.kzn-ficha__fotos--2 .kzn-ficha__foto:first-child { grid-row: auto; }
.kzn-ficha__fotos--3 { grid-template-columns: 2fr 1fr; }
.kzn-ficha__fotos--4 .kzn-ficha__foto:nth-child(4) { grid-column: span 2; }

/* Texto y caja de precio */
.kzn-ficha__cuerpo { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 56px; align-items: start; padding-top: 56px; padding-bottom: 64px; }
.kzn-ficha__descripcion { color: #2c2c2a; font-size: 18px; line-height: 1.65; }
.kzn-ficha__descripcion p { margin: 0 0 1.1em; }
.kzn-ficha__subtitulo { margin: 34px 0 14px; font-size: 14px; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; color: var(--kzn-gris); }
.kzn-ficha__rasgos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 26px; margin: 0; padding: 0; list-style: none; }
.kzn-ficha__rasgos li { position: relative; padding: 0 0 10px 26px; border-bottom: 1px solid #e6e3da; font-size: 16px; }
.kzn-ficha__rasgos li::before { content: ""; position: absolute; top: 6px; left: 0; width: 13px; height: 7px; border: solid var(--kzn-negro); border-width: 0 0 2px 2px; transform: rotate(-45deg); }
.kzn-ficha__lado { position: sticky; top: 100px; }
.kzn-ficha__caja { display: flex; flex-direction: column; gap: 12px; padding: 28px; border-radius: 20px; background: var(--kzn-blanco); box-shadow: 0 24px 60px -32px rgba(0, 0, 0, .35); }
.kzn-ficha__precio-etiqueta { margin: 0; color: var(--kzn-gris); font-size: 13px; letter-spacing: .16em; text-transform: uppercase; }
.kzn-ficha__precio { margin: 0 0 6px; font-size: 30px; font-weight: 500; letter-spacing: -.01em; line-height: 1.15; }
.kzn-ficha--vendida .kzn-ficha__precio { color: var(--kzn-gris); text-decoration: line-through; text-decoration-thickness: 1px; }
.kzn-ficha__nota { margin: 0 0 6px; color: #4a4a47; font-size: 15px; }
.kzn-ficha__boton {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 52px;
	padding: 0 20px;
	border: 1px solid var(--kzn-negro);
	border-radius: 14px;
	color: var(--kzn-negro);
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	transition: background .2s, color .2s;
}
.kzn-ficha__boton svg { width: 18px; height: 18px; fill: currentColor; }
.kzn-ficha__boton:hover { background: #f1efe9; }
.kzn-ficha__boton--principal { background: var(--kzn-negro); color: var(--kzn-blanco); }
.kzn-ficha__boton--principal:hover { background: #2b2b2b; }
.kzn-ficha__enlace { align-self: center; margin-top: 4px; color: var(--kzn-gris); font-size: 14px; }

/* Anterior / siguiente */
.kzn-ficha__vecinas { display: flex; justify-content: space-between; gap: 16px; padding-bottom: 70px; }
.kzn-ficha__vecina { display: flex; align-items: center; gap: 14px; max-width: 46%; color: var(--kzn-negro); text-decoration: none; }
.kzn-ficha__vecina svg { flex: none; width: 10px; height: 16px; fill: currentColor; }
.kzn-ficha__vecina span { display: flex; flex-direction: column; font-size: 17px; font-weight: 500; line-height: 1.25; }
.kzn-ficha__vecina small { color: var(--kzn-gris); font-size: 12px; font-weight: 400; letter-spacing: .14em; text-transform: uppercase; }
.kzn-ficha__vecina--sig { margin-left: auto; text-align: right; }
.kzn-ficha__vecina:hover span { text-decoration: underline; }

/* Visor (el mismo de los desarrollos) */
.dz-visor { max-width: min(92vw, 1400px); padding: 0; border: 0; border-radius: 16px; background: #000; }
.dz-visor::backdrop { background: rgba(0, 0, 0, .85); }
.dz-visor__img { display: block; max-height: 86vh; width: auto; margin: auto; }
.dz-visor__cerrar { position: absolute; top: 10px; right: 10px; z-index: 2; display: grid; place-items: center; width: 42px; height: 42px; border: 0; border-radius: 50%; background: rgba(0, 0, 0, .6); color: #fff; cursor: pointer; }
.dz-visor__cerrar svg { width: 22px; height: 22px; fill: currentColor; }
.dz-visor__figura { margin: 0; }
.dz-visor__flecha { position: absolute; top: 50%; z-index: 2; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: rgba(0, 0, 0, .45); color: #fff; cursor: pointer; transform: translateY(-50%); }
.dz-visor__flecha:hover, .dz-visor__flecha:focus-visible { background: rgba(255, 255, 255, .22); }
.dz-visor__flecha svg { width: 16px; height: 16px; fill: currentColor; }
.dz-visor__flecha--anterior { left: clamp(.5rem, 2vw, 1.5rem); }
.dz-visor__flecha--siguiente { right: clamp(.5rem, 2vw, 1.5rem); }
.dz-visor__contador { padding: .5rem 0; color: rgba(255, 255, 255, .75); font-size: .82rem; letter-spacing: .05em; text-align: center; font-variant-numeric: tabular-nums; }
.dz-visor__contador:empty { display: none; }

@media (max-width: 1024px) {
	.kzn-ficha__cuerpo { grid-template-columns: minmax(0, 1fr); gap: 32px; }
	.kzn-ficha__lado { position: static; }
}
@media (max-width: 767px) {
	.kzn-ficha__cabeza { padding: calc(var(--kzn-cabecera-alto) + 10px) 0 90px; }
	.kzn-ficha__galeria { margin-top: -64px; }
	.kzn-ficha__galeria .kzn-contenedor { padding-right: 0; }
	/* En el teléfono las fotos se deslizan de lado */
	.kzn-ficha__fotos, .kzn-ficha__fotos--1, .kzn-ficha__fotos--2, .kzn-ficha__fotos--3 { display: flex; gap: 8px; overflow-x: auto; padding-right: 20px; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }
	.kzn-ficha__foto, .kzn-ficha__foto--extra { display: block; flex: 0 0 84%; height: 300px; scroll-snap-align: start; }
	.kzn-ficha__mas { display: none; }
	.kzn-ficha__descripcion { font-size: 16px; }
	.kzn-ficha__rasgos { grid-template-columns: minmax(0, 1fr); }
	.kzn-ficha__vecinas { flex-direction: column; }
	.kzn-ficha__vecina { max-width: none; }
}