/* Detalhe do talento. */

.pagina-talento {
	padding-block: 2rem;
}

.voltar {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--vermelho-700);
}

.voltar:hover {
	color: var(--vermelho-800);
}

.perfil {
	margin-top: 1.5rem;
	overflow: hidden;
	border: 1px solid var(--cor-borda);
	border-radius: 1.5rem;
	background: var(--branco);
	box-shadow: 0 1px 3px rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}

.perfil__cabeca {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	padding: 2.5rem 2rem;
	background: linear-gradient(to right, var(--vermelho-700), var(--vermelho-800));
	color: var(--branco);
}

.perfil__foto {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 8rem;
	height: 8rem;
	overflow: hidden;
	border: 4px solid rgb(255 255 255 / 0.7);
	border-radius: 50%;
	background: rgb(255 255 255 / 0.2);
}

.perfil__foto img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.perfil__identidade {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.perfil__nome {
	font-size: 1.875rem;
	font-weight: 700;
	line-height: 2.25rem;
}

.perfil__escola {
	font-size: 1rem;
	color: var(--vermelho-100);
}

.perfil__contatos {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	font-size: 0.875rem;
	color: var(--vermelho-50);
}

.perfil__contatos a,
.perfil__contatos span {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}

.perfil__contatos a:hover {
	color: var(--branco);
}

.perfil__corpo {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	padding: 2rem;
}

.perfil__secao {
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--ardosia-900);
}

.perfil__secao--icone {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.perfil__secao + * {
	margin-top: 1rem;
}

.prosa {
	max-width: none;
	font-size: 0.875rem;
	line-height: 1.75rem;
	color: var(--ardosia-700);
}

.prosa > * + * {
	margin-top: 1rem;
}

.prosa ul,
.prosa ol {
	padding-left: 1.5rem;
}

.prosa ul {
	list-style: disc;
}

.prosa ol {
	list-style: decimal;
}

.video {
	overflow: hidden;
	border: 1px solid var(--cor-borda);
	border-radius: 1rem;
}

.video iframe {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	border: 0;
}

.galeria {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0;
	padding: 0;
	list-style: none;
}

.galeria img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 0.75rem;
}

.galeria p {
	margin-top: 0.5rem;
	font-size: 0.875rem;
	color: var(--ardosia-600);
}

.links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

.link-pilula {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.5rem 1rem;
	border: 1px solid var(--cor-borda);
	border-radius: 999px;
	font-size: 0.875rem;
	font-weight: 500;
	transition: border-color 0.15s, color 0.15s;
}

.link-pilula:hover {
	border-color: var(--vermelho-200);
	color: var(--vermelho-700);
}

.escola {
	padding: 1.5rem;
	border-radius: 1rem;
	background: var(--pedra-50);
}

.escola__linhas {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	font-size: 0.875rem;
	color: var(--ardosia-700);
}

.escola__linhas p,
.escola__linhas a {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	overflow-wrap: anywhere;
}

.escola__linhas a:hover {
	color: var(--vermelho-700);
}

@media (min-width: 48rem) {
	.perfil__cabeca {
		flex-direction: row;
		align-items: center;
	}

	.perfil__nome {
		font-size: 2.25rem;
		line-height: 2.5rem;
	}

	.galeria {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* Lightbox da galeria */

.galeria a {
	display: block;
	cursor: zoom-in;
}

.lightbox {
	width: 100vw;
	max-width: 100vw;
	height: 100vh;
	max-height: 100vh;
	margin: 0;
	padding: 0;
	border: 0;
	background: rgb(0 0 0 / 0.9);
	color: var(--branco);
}

.lightbox[open] {
	display: flex;
	align-items: center;
	justify-content: center;
}

.lightbox::backdrop {
	background: rgb(0 0 0 / 0.9);
}

.lightbox__figura {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.75rem;
	max-width: calc(100vw - 8rem);
	margin: 0;
}

.lightbox__imagem {
	max-width: 100%;
	max-height: calc(100vh - 8rem);
	object-fit: contain;
	border-radius: 0.5rem;
}

.lightbox__legenda {
	min-height: 1.25rem;
	font-size: 0.875rem;
	text-align: center;
}

.lightbox__contador {
	position: absolute;
	bottom: 1rem;
	left: 50%;
	transform: translateX(-50%);
	font-size: 0.8125rem;
	color: var(--ardosia-300);
}

.lightbox__fechar,
.lightbox__nav {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	border: 0;
	border-radius: 50%;
	background: rgb(255 255 255 / 0.15);
	color: var(--branco);
	font-size: 1.75rem;
	line-height: 1;
	cursor: pointer;
}

.lightbox__fechar:hover,
.lightbox__nav:hover {
	background: rgb(255 255 255 / 0.3);
}

.lightbox__fechar {
	top: 1rem;
	right: 1rem;
}

.lightbox__nav {
	top: 50%;
	transform: translateY(-50%);
}

.lightbox__nav--anterior {
	left: 1rem;
}

.lightbox__nav--proxima {
	right: 1rem;
}

.lightbox__nav[hidden] {
	display: none;
}

@media (max-width: 40rem) {
	.lightbox__figura {
		max-width: calc(100vw - 1.5rem);
	}

	.lightbox__nav {
		top: auto;
		bottom: 1rem;
		transform: none;
	}
}