/*
 * Presentación de Don Walter Book (acreditación de prensa): foto, nombre, cargo y
 * tres íconos (LinkedIn, verificado y credencial de prensa). La usan index.html y auto.html.
 *
 * Los tamaños son fluidos (clamp / vw): crecen y se achican de forma continua con el ancho
 * de la pantalla, sin saltos por breakpoint, así el bloque se ve igual en computadora y celular.
 */
.dwb-profile {
	grid-area: 1 / 1;
	position: relative;
	z-index: 14;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(14px, 4vw, 26px);
	width: 100%;
	max-width: 1224px;
	margin: 0 auto;
	padding: clamp(24px, 5vw, 32px) clamp(16px, 4vw, 24px) clamp(36px, 6vw, 48px);
	box-sizing: border-box;
}

/* Línea separadora fina y corta, centrada, del mismo tono que las líneas del organigrama (portada) */
#acreditacion .dwb-profile::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: clamp(48px, 14vw, 64px);
	height: 1px;
	transform: translateX(-50%);
	background: #cfcfcf;
}

.dwb-profile__photo {
	flex: 0 0 auto;
	width: clamp(84px, 24vw, 104px);
	height: clamp(84px, 24vw, 104px);
	border-radius: 50%;
	overflow: hidden;
}

.dwb-profile__photo img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	transform: scale(1.35);
	transform-origin: 55.4% 11.4%;
}

.dwb-profile__text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	min-width: 0;
}

.dwb-profile__name {
	margin: 0;
	font-family: var(--font-primary);
	font-weight: 700;
	font-size: min(25px, 5.8vw);
	line-height: 1.15;
	letter-spacing: normal;
	text-transform: none;
	color: rgb(255, 255, 255);
	white-space: nowrap;
}

.dwb-profile__role {
	margin: 0;
	font-family: var(--font-secondary);
	font-weight: 400;
	font-size: min(15.5px, 3.9vw);
	line-height: 1.4;
	color: rgb(255, 255, 255);
}

.dwb-profile__role-title,
.dwb-profile__role-org {
	display: block;
}

.dwb-profile__role-org {
	white-space: nowrap;
}

.dwb-profile__icons {
	display: flex;
	align-items: center;
	gap: clamp(8px, 2.4vw, 10px);
	margin-top: 4px;
	color: rgb(255, 255, 255);
}

.dwb-profile__linkedin,
.dwb-profile__icon {
	display: inline-flex;
	align-items: center;
	color: rgb(255, 255, 255);
	line-height: 0;
}

.dwb-profile__icons svg {
	display: block;
	width: clamp(19px, 5.2vw, 21px);
	height: clamp(19px, 5.2vw, 21px);
}

.dwb-profile__linkedin:hover,
.dwb-profile__linkedin:focus-visible {
	opacity: 0.75;
}

/* Auto: separación entre la nota final y la acreditación (solo margen inferior de la nota) */
#z2hKV0 {
	margin-bottom: 24px;
}

@media screen and (max-width: 920px) {
	#z2hKV0 {
		margin-bottom: 20px;
	}
}