/*
 * Organigrama de la portada (index.html), hecho en HTML y CSS.
 * Reproduce el organigrama de la imagen original, con columnas más juntas y letra más grande: todo se posiciona en porcentajes
 * de ese lienzo y la letra se mide en cqw (porcentaje del ancho del organigrama),
 * así el bloque completo se achica o agranda proporcionalmente, sin reordenarse.
 */
.org-chart {
	--org-k: 1; /* org-chart.js lo ajusta si la tipografía monoespaciada no es Consolas */
	position: relative;
	container-type: inline-size;
	width: 100%;
	aspect-ratio: 551 / 432;
	overflow: hidden;
	background: #202020;
	color: #fff;
	font-family: Consolas, "Roboto Mono", "Noto Sans Mono", "DejaVu Sans Mono", Menlo, "Courier New", monospace;
	-webkit-font-smoothing: antialiased;
}

.org-chart__line {
	position: absolute;
	display: block;
	background: #cfcfcf;
}

/* Las unidades cqw se miden contra el organigrama, por eso van en los renglones (hijos) */
.org-chart__text {
	position: absolute;
	white-space: pre;
	font-size: calc(3.2668cqw * var(--org-k)); /* 18 px sobre 551 px */
	line-height: 4.3557cqw; /* 24 px sobre 551 px */
}

.org-chart__text--w {
	color: #e8e8e8;
	font-weight: 400;
}

.org-chart__text--p {
	color: #f27aab;
	font-weight: 400;
}

/* Dentro del bloque de la portada el contenedor no limita el alto del organigrama */
.image-wrapper.image-wrapper--layout:has(> .org-chart) {
	max-height: none;
	height: auto;
}