/* Perfil — estilos específicos (prefijo .perfil-). */

/* Intro: texto + retrato */
.perfil-intro__grid {
	display:grid; grid-template-columns:1.15fr .85fr;
	gap:clamp(2rem,5vw,4rem); align-items:center;
}
.perfil-intro__titulo {
	font-family:var(--f-display); font-weight:600;
	font-size:clamp(2.6rem,7vw,5rem); line-height:.98; letter-spacing:-0.02em;
}
.perfil-intro__titulo em { font-style:italic; color:var(--rojo); }
.perfil-intro__dek {
	margin-top:1.5rem; font-size:clamp(1.1rem,2vw,1.4rem);
	line-height:1.4; color:var(--fg-70); max-width:44ch;
}
.perfil-intro__acciones { display:flex; gap:.9rem; flex-wrap:wrap; margin-top:2rem; }

.perfil-intro__retrato { aspect-ratio:9/11; }
.perfil-intro__retrato img { width:100%; height:100%; object-fit:cover; }
.perfil-intro__retrato-vacio {
	width:100%; height:100%; display:grid; place-items:center;
	background:var(--bg-2); color:var(--tenue); min-height:20rem;
}

/* Manifiesto (2 columnas) */
.perfil-manifiesto__grid {
	display:grid; grid-template-columns:1fr 1fr;
	gap:clamp(2rem,5vw,4rem); align-items:start;
}
.perfil-manifiesto__titulo {
	font-family:var(--f-display); font-weight:400;
	font-size:clamp(1.7rem,3.4vw,2.6rem); line-height:1.14;
	letter-spacing:-0.01em; max-width:18ch; margin-top:.75rem;
}
.perfil-manifiesto__titulo em { font-style:italic; color:var(--rojo); }
.perfil-manifiesto__cuerpo > * + * { margin-top:1.1em; }
.perfil-manifiesto__cuerpo p { color:var(--fg-70); }

/* Principios */
.perfil-principios__grid {
	display:grid; grid-template-columns:repeat(4,1fr); gap:1.25rem;
}
.perfil-principio {
	border-top:2px solid var(--fg); padding-top:1.1rem;
}
.perfil-principio__num { color:var(--rojo); font-size:.78rem; letter-spacing:.16em; }
.perfil-principio__tit {
	font-family:var(--f-display); font-weight:600; font-size:1.4rem; margin-top:.5rem;
}
.perfil-principio__txt { color:var(--fg-70); font-size:.98rem; line-height:1.5; margin-top:.5rem; }

@media (max-width:900px){
	.perfil-intro__grid,
	.perfil-manifiesto__grid { grid-template-columns:1fr; }
	.perfil-intro__retrato { max-width:26rem; }
	.perfil-principios__grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:520px){
	.perfil-principios__grid { grid-template-columns:1fr; }
}