/**
 * Cartera de inversión: portada, franja de fotos, «Descubre nuestras
 * propiedades» con el candado de la cartera privada, «50+ clientes» y la foto
 * final. Tarjetas y carrusel vienen de base.css.
 *
 * Entradas: cada bloque lleva data-kzn-visible="medio"; dentro, .kzn-ca entra
 * según --kzn-ca (por defecto sube) tras --retraso, y los títulos línea a línea.
 */

/* ---------- Entradas ---------- */

.kzn-plantilla-cartera .kzn-linea { display: block; overflow: hidden; padding-bottom: .08em; margin-bottom: -.08em; }
.kzn-plantilla-cartera .kzn-linea__texto { display: block; }
@media (prefers-reduced-motion: no-preference) {
	.kzn-js [data-kzn-visible]:not(.es-visible) :is(.kzn-ca, .kzn-linea__texto) { opacity: 0; }
	.es-visible .kzn-ca { animation: var(--kzn-ca, kzn-ca-sube) 1s var(--kzn-curva) var(--retraso, 0ms) backwards; }
	.es-visible .kzn-linea__texto { animation: kzn-ca-linea 1s var(--kzn-curva) var(--retraso, 0ms) backwards; }
	.kzn-cport__anillo { animation: kzn-ca-gira 22s linear infinite; }
	.kzn-ccierre__foto img { transform: scale(1.08); transition: transform 2.2s var(--kzn-curva) .1s; }
	.es-visible .kzn-ccierre__foto img { transform: none; }
}
@keyframes kzn-ca-sube { from { opacity: 0; transform: translateY(26px); } }
@keyframes kzn-ca-linea { from { opacity: 0; transform: translateY(105%); } }
@keyframes kzn-ca-revela { from { clip-path: inset(0 0 0 100%); } to { clip-path: inset(0); } }
@keyframes kzn-ca-revela-arriba { from { clip-path: inset(100% 0 0 0); } to { clip-path: inset(0); } }
@keyframes kzn-ca-crece { from { opacity: 0; transform: scale(.6) rotate(-25deg); } }
@keyframes kzn-ca-gira { to { transform: rotate(360deg); } }

/* ---------- Portada ---------- */

.kzn-cport { padding-top: var(--kzn-cabecera-alto); overflow: hidden; }
.kzn-cport__dentro {
	position: relative;
	display: grid;
	grid-template-columns: 31fr 27.3fr 41.7fr;
	grid-template-rows: auto auto auto;
	max-width: 1440px;
	margin: 0 auto;
	padding-right: 10px;
}
.kzn-cport__titulo { position: relative; z-index: 2; grid-column: 2 / 4; grid-row: 1; max-width: 640px; padding-top: clamp(60px, 10vw, 140px); font-size: clamp(36px, 3.9vw, 56px); font-weight: 500; line-height: 1.15; letter-spacing: -.01em; }
.kzn-cport__foto { position: relative; grid-column: 3; grid-row: 1 / 3; align-self: stretch; margin: -55px 0 0; overflow: visible; }
.kzn-cport__piramide { width: 100%; height: 100%; min-height: 560px; max-height: 820px; object-fit: cover; }
.es-visible .kzn-cport__foto { animation-duration: 1.4s; }
.kzn-cport__sello { position: absolute; top: 58%; left: 5%; display: grid; place-items: center; width: clamp(110px, 10.5vw, 151px); aspect-ratio: 1; border-radius: 50%; background: #d7cfbf; color: #1d1d1d; }
.kzn-cport__anillo { position: absolute; inset: 0; width: 100%; height: 100%; }
.kzn-cport__anillo text { fill: currentColor; font-family: var(--kzn-fuente); font-size: 11px; letter-spacing: .1em; }
.kzn-cport__isotipo { position: relative; width: 34%; }
.kzn-cport__fotos { position: relative; grid-column: 1; grid-row: 2; min-height: 340px; margin-top: 70px; }
.kzn-cport__polaroid { position: absolute; overflow: hidden; }
.kzn-cport__polaroid img { width: 100%; height: 124%; margin-top: -12%; object-fit: cover; } /* más alta: el paralaje no deja huecos */
.kzn-cport__polaroid--1 { top: 0; left: 21%; width: 57%; aspect-ratio: 253 / 190; }
.kzn-cport__polaroid--2 { top: 34%; left: 28%; width: 64%; aspect-ratio: 285 / 214; box-shadow: -10px 10px 30px rgba(0, 0, 0, .12); }
.kzn-cport__texto { grid-column: 2; grid-row: 2; display: flex; flex-direction: column; align-items: flex-start; gap: 22px; max-width: 190px; margin-top: 130px; font-size: 13px; line-height: 1.55; }
.kzn-cport__lema { margin-bottom: 30px; font-size: 13.5px; font-style: italic; font-weight: 700; line-height: 1.45; }
.kzn-cport__bajar { display: grid; place-items: center; width: 30px; height: 30px; margin-top: 18px; border: 1.5px solid var(--kzn-negro); border-radius: 6px; color: var(--kzn-negro); transition: background .25s, color .25s; }
.kzn-cport__bajar:hover, .kzn-cport__bajar:focus-visible { background: var(--kzn-negro); color: var(--kzn-blanco); }
.kzn-cport__bajar svg { width: 12px; height: 14px; fill: currentColor; }
.kzn-cport__etiqueta { grid-row: 3; margin: 40px 0 0; font-size: 13px; text-transform: uppercase; }
.kzn-cport__etiqueta--1 { grid-column: 1; padding-left: 72px; }
.kzn-cport__etiqueta--2 { grid-column: 2; }

/* ---------- Franja de fotos en acordeón ---------- */

.kzn-cfranja { padding: 30px 20px 0; }
.kzn-cfranja__lista { display: flex; height: clamp(90px, 9vw, 130px); max-width: 1152px; margin: 0 auto; padding: 0; list-style: none; }
.kzn-cfranja__foto { flex: 1 1 0; min-width: 0; overflow: hidden; outline: none; transition: flex-grow .6s var(--kzn-curva); }
.kzn-cfranja__foto img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--kzn-curva); }
.kzn-cfranja__foto:hover, .kzn-cfranja__foto:focus-visible { flex-grow: 2.6; }
.kzn-cfranja__foto:hover img, .kzn-cfranja__foto:focus-visible img { transform: scale(1.04); }
.kzn-cfranja__foto:focus-visible { box-shadow: inset 0 0 0 3px var(--kzn-negro); }

/* ---------- 50+ clientes ---------- */

.kzn-cclientes { padding: 100px 0; }
.kzn-cclientes__dentro { display: grid; grid-template-columns: minmax(0, 30fr) minmax(0, 66fr); gap: 4%; }
.kzn-cclientes__lado { display: flex; flex-direction: column; justify-content: space-between; gap: 50px; padding: 50px 0 20px 10px; }
.kzn-cclientes__titulo { display: flex; flex-direction: column; gap: clamp(60px, 18vh, 230px); font-weight: 400; }
.kzn-cclientes__cifra { font-size: clamp(64px, 8vw, 118px); line-height: 1; letter-spacing: -.02em; }
.kzn-cclientes__texto { font-size: clamp(30px, 3.1vw, 44px); line-height: 1.75; }
.kzn-cclientes__firma { display: flex; flex-direction: column; gap: 30px; padding-left: 20px; }
.kzn-cclientes__isotipo { width: 78px; }
.kzn-cclientes__firma p { max-width: 175px; font-size: 13px; line-height: 1.6; letter-spacing: .08em; }
.kzn-cclientes__collage {
	display: grid;
	grid-template: "frase retrato" 1fr "hojas retrato" auto / minmax(0, 1.15fr) minmax(0, 1fr);
	gap: 32px;
	align-self: center;
	padding: 16px;
	border: 1px solid #efeee9;
	background: #fbfbf8;
}
.kzn-cclientes__frase { grid-area: frase; align-self: end; font-size: clamp(18px, 2vw, 28px); line-height: 1.4; text-align: right; }
.kzn-cclientes__hojas { grid-area: hojas; margin: 0; aspect-ratio: 684 / 440; overflow: hidden; }
.kzn-cclientes__retrato { grid-area: retrato; margin: 0; aspect-ratio: 748 / 1188; overflow: hidden; }
.kzn-cclientes__hojas img, .kzn-cclientes__retrato img { width: 100%; height: 100%; object-fit: cover; }

/* ---------- Contacto y foto final ---------- */

.kzn-plantilla-cartera .kzn-contacto { padding-top: 40px; }
.kzn-ccierre { padding: 50px 20px 80px; }
.kzn-ccierre__foto { max-width: 994px; margin: 0 auto; aspect-ratio: 1400 / 794; overflow: hidden; border-radius: 26px; }
.kzn-ccierre__foto img { width: 100%; height: 100%; object-fit: cover; }

@media (max-width: 1024px) {
	.kzn-cport__texto { margin-top: 90px; }
	.kzn-cport__etiqueta--1 { padding-left: 30px; }
}
@media (max-width: 900px) {
	.kzn-cport__dentro { grid-template-columns: 1fr; padding: 0 20px; }
	.kzn-cport__titulo { grid-column: 1; grid-row: auto; padding-top: 40px; }
	.kzn-cport__foto { grid-column: 1; grid-row: auto; margin: 30px 0 0; }
	.kzn-cport__piramide { min-height: 0; max-height: none; aspect-ratio: 864 / 1080; }
	.kzn-cport__texto { grid-column: 1; grid-row: auto; max-width: 320px; margin-top: 40px; }
	.kzn-cport__lema { margin-bottom: 0; }
	.kzn-cport__fotos { grid-column: 1; grid-row: auto; min-height: 0; aspect-ratio: 1.15; margin-top: 30px; }
	.kzn-cport__polaroid--1 { left: 0; width: 70%; }
	.kzn-cport__polaroid--2 { left: auto; right: 0; width: 72%; }
	.kzn-cport__etiqueta { display: none; }
	.kzn-cclientes { padding: 70px 0; }
	.kzn-cclientes__dentro { grid-template-columns: 1fr; gap: 40px; }
	.kzn-cclientes__lado { padding: 0 10px; }
	.kzn-cclientes__titulo { gap: 20px; }
	.kzn-cclientes__texto { line-height: 1.3; }
	.kzn-cclientes__collage { grid-template: "frase frase" auto "hojas retrato" auto / minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
	.kzn-cclientes__frase { text-align: left; }
	.kzn-cclientes__hojas { align-self: end; }
}
@media (max-width: 600px) {
	.kzn-cfranja__lista { height: 80px; }
	.kzn-ccierre__foto { border-radius: 16px; }
}

/* ---------- Descubre nuestras propiedades ---------- */

.kzn-propiedades { padding: 90px 0; scroll-margin-top: 60px; text-align: center; }
.kzn-propiedades__titulo { display: flex; flex-direction: column; align-items: center; gap: 6px; font-weight: 500; line-height: 1.1; }
.kzn-propiedades__descubre { color: #9b9b9b; font-size: clamp(40px, 5vw, 66px); font-weight: 300; letter-spacing: .02em; }
.kzn-propiedades__titulo > span:last-child { font-size: clamp(28px, 3vw, 40px); }
.kzn-propiedades__intro { max-width: 480px; margin: 22px auto 0; color: #444; font-size: 15px; line-height: 1.5; }

.kzn-propiedades__pestanas { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 44px; }
.kzn-propiedades__pestana {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 14px 34px;
	border: 0;
	border-radius: 4px;
	background: #eff0f2;
	color: #333;
	font: 500 14px/1 var(--kzn-fuente);
	cursor: pointer;
	scroll-margin-top: 140px;
	transition: background .25s ease, color .25s ease;
}
.kzn-propiedades__pestana:hover { background: #e2e3e6; }
.kzn-propiedades__pestana[aria-selected="true"] { background: #b5b5b5; color: #fff; }
.kzn-propiedades__pestana:focus-visible { outline: 2px solid var(--kzn-negro); outline-offset: 3px; }
.kzn-propiedades__pestana svg { width: 14px; height: 14px; fill: currentColor; }
.kzn-propiedades__panel { margin-top: 10px; text-align: left; }
.kzn-propiedades__vacio { max-width: 520px; margin: 50px auto 10px; color: #555; font-size: 16px; line-height: 1.5; text-align: center; }
.kzn-propiedades__vacio a { color: inherit; font-weight: 500; text-underline-offset: 3px; }
/* Con pocas tarjetas, centradas (sin cortar las primeras si sobran). */
.kzn-propiedades .kzn-carrusel__pista > :first-child { margin-left: auto; }
.kzn-propiedades .kzn-carrusel__pista > :last-child { margin-right: auto; }

/* ---------- Candado de la cartera privada ---------- */

/* Candado y tarjetas comparten el mismo lugar: al abrir, el candado se desvanece
   y las tarjetas aparecen justo donde estaba. */
.kzn-privada { display: grid; justify-items: center; align-items: start; margin-top: 30px; }
.kzn-privada > .kzn-candado, .kzn-privada > .kzn-privada__lista { grid-area: 1 / 1; }
.kzn-candado {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	padding: 26px 40px 22px;
	border: 0;
	border-radius: 24px;
	background: none;
	color: var(--kzn-negro);
	font: inherit;
	cursor: pointer;
	transition: transform .6s var(--kzn-curva), opacity .6s ease;
}
.kzn-candado:focus-visible { outline: 2px solid var(--kzn-negro); outline-offset: 4px; }
html:not(.kzn-js) .kzn-candado { display: none; }
.kzn-candado[hidden] { display: none; } /* ya abierto: fuera también para lectores de pantalla */
.kzn-candado__dibujo { width: 92px; height: 115px; overflow: visible; transform-origin: 50% 90%; }
.kzn-candado__arco { fill: none; stroke: currentColor; stroke-width: 11; stroke-linecap: round; transform-origin: 86px 70px; transition: transform .75s cubic-bezier(.34, 1.56, .64, 1) .25s; }
.kzn-candado__cuerpo { fill: currentColor; }
.kzn-candado__ojo { fill: #fff; transition: fill .4s ease .5s; }
.kzn-candado__texto { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.kzn-candado__titulo { font-size: 20px; font-weight: 500; }
.kzn-candado__pista { color: #777; font-size: 14px; letter-spacing: .04em; transition: opacity .3s ease; }

/* Al abrir: tiembla un instante, el arco sube y gira, y el ojo se ilumina. */
.esta-abriendo .kzn-candado { cursor: default; }
.esta-abriendo .kzn-candado__arco { transform: translateY(-16px) rotate(-40deg); }
.esta-abriendo .kzn-candado__ojo { fill: #e9d9a6; }
.esta-abriendo .kzn-candado__pista { opacity: 0; }
.esta-abierta .kzn-candado { opacity: 0; transform: scale(.8); pointer-events: none; }
.esta-abierta .kzn-privada .kzn-carrusel { margin-top: 0; }
.esta-abierta .kzn-privada__lista { width: 100%; animation: kzn-privada-entra .9s var(--kzn-curva) .15s both; }
.esta-abierta .kzn-tarjeta { animation: kzn-privada-entra .8s var(--kzn-curva) .15s both; }
.esta-abierta .kzn-tarjeta:nth-child(2) { animation-delay: .27s; }
.esta-abierta .kzn-tarjeta:nth-child(3) { animation-delay: .39s; }

@keyframes kzn-privada-entra { from { opacity: 0; transform: translateY(30px); } }

@media (prefers-reduced-motion: no-preference) {
	/* Mientras espera, el candado «llama» con un pequeño balanceo. */
	.con-candado:not(.esta-abriendo) .kzn-candado__dibujo { animation: kzn-candado-llama 3.6s ease-in-out 1.2s infinite; }
	.esta-abriendo .kzn-candado__dibujo { animation: kzn-candado-tiembla .35s ease-in-out; }
	.kzn-candado:hover .kzn-candado__arco { transform: translateY(-4px); }
	.esta-abriendo .kzn-candado:hover .kzn-candado__arco { transform: translateY(-16px) rotate(-40deg); }
}
@media (prefers-reduced-motion: reduce) {
	.kzn-candado__arco, .kzn-candado, .kzn-candado__ojo { transition: none; }
	.esta-abierta .kzn-privada__lista, .esta-abierta .kzn-tarjeta { animation: none; }
}
@keyframes kzn-candado-llama {
	0%, 76%, 100% { transform: none; }
	82% { transform: rotate(-7deg); }
	88% { transform: rotate(6deg); }
	94% { transform: rotate(-3deg); }
}
@keyframes kzn-candado-tiembla {
	25% { transform: translateX(-4px) rotate(-3deg); }
	50% { transform: translateX(4px) rotate(3deg); }
	75% { transform: translateX(-2px); }
}

@media (max-width: 767px) {
	.kzn-propiedades { padding-bottom: 60px; }
	.kzn-propiedades__pestana { padding: 12px 18px; font-size: 13px; }
}