/* ============================================================
   Monumentos Virtuais — Página individual (estética Corpo Monumento)
   ============================================================ */

:root {
	--mv-bg: #0a0a0a;
	--mv-surface: #141210;
	--mv-surface-2: #1c1815;
	--mv-accent: #C8702A;
	--mv-accent-2: #C8A82A;
	--mv-text: #f2ede6;
	--mv-text-dim: #a89e92;
	--mv-border: #2a251f;
}

.mv3-single {
	max-width: 1080px;
	margin: 0 auto;
	padding: 0 20px 80px;
	color: var(--mv-text);
	font-family: inherit;
}

/* ---- Vídeo / imagem de topo ---- */
.mv3-single__video {
	position: relative;
	margin: 0 -20px 40px;
	background: var(--mv-surface);
	aspect-ratio: 16 / 9;
	overflow: hidden;
}
.mv3-single__video img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.mv3-single__play {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
	display: block;
}
.mv3-single__play::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(10, 10, 10, .75), rgba(10, 10, 10, .15));
	transition: background .2s ease;
}
.mv3-single__play:hover::after {
	background: linear-gradient(to top, rgba(10, 10, 10, .6), rgba(10, 10, 10, .05));
}

.mv3-single__play-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 74px;
	height: 74px;
	border: 2px solid var(--mv-text);
	border-radius: 50%;
	z-index: 1;
	transition: border-color .2s ease, transform .2s ease;
}
.mv3-single__play-icon::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 54%;
	transform: translate(-50%, -50%);
	border-style: solid;
	border-width: 11px 0 11px 18px;
	border-color: transparent transparent transparent var(--mv-text);
}
.mv3-single__play:hover .mv3-single__play-icon {
	border-color: var(--mv-accent);
	transform: translate(-50%, -50%) scale(1.06);
}
.mv3-single__play:hover .mv3-single__play-icon::before {
	border-left-color: var(--mv-accent);
}

.mv3-single__play-label {
	position: absolute;
	bottom: 24px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: .12em;
	color: var(--mv-text-dim);
}

.mv3-single__video iframe {
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}

/* ---- Cabeçalho ---- */
.mv3-single__head {
	border-bottom: 1px solid var(--mv-border);
	padding-bottom: 28px;
	margin-bottom: 40px;
}

.mv3-single__artist {
	display: inline-block;
	color: var(--mv-accent-2);
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .1em;
	text-decoration: none;
	margin-bottom: 10px;
}
.mv3-single__artist:hover { color: var(--mv-accent); text-decoration: underline; }

.mv3-single__title {
	font-size: clamp(30px, 5vw, 52px);
	line-height: 1.08;
	margin: 0 0 12px;
	font-weight: 700;
}

.mv3-single__meta {
	margin: 0;
	color: var(--mv-text-dim);
	font-size: 14px;
	letter-spacing: .02em;
}

/* ---- Corpo em duas colunas ---- */
.mv3-single__body {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 56px;
	align-items: start;
}

.mv3-single__desc {
	font-size: 17px;
	line-height: 1.75;
	color: var(--mv-text);
}
.mv3-single__desc p { margin: 0 0 1.1em; }
.mv3-single__desc a { color: var(--mv-accent); }

/* ---- Ficha técnica ---- */
.mv3-single__ficha { margin-top: 44px; }
.mv3-single__ficha h2,
.mv3-single__qr h2,
.mv3-single__local h2 {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .14em;
	color: var(--mv-accent-2);
	margin: 0 0 16px;
	font-weight: 600;
}

.mv3-single__ficha dl {
	display: grid;
	grid-template-columns: minmax(120px, 200px) 1fr;
	gap: 10px 24px;
	margin: 0;
	font-size: 15px;
}
.mv3-single__ficha dt {
	color: var(--mv-text-dim);
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .05em;
	padding-top: 2px;
}
.mv3-single__ficha dd { margin: 0; line-height: 1.5; }

/* ---- Coluna lateral ---- */
.mv3-single__aside {
	display: flex;
	flex-direction: column;
	gap: 36px;
	position: sticky;
	top: 24px;
}

.mv3-single__qr,
.mv3-single__local {
	background: var(--mv-surface);
	border: 1px solid var(--mv-border);
	padding: 22px;
}

.mv3-single__qr img {
	width: 100%;
	max-width: 200px;
	height: auto;
	display: block;
	border-radius: 4px;
}
.mv3-single__find {
	margin: 14px 0 0;
	font-size: 13px;
	line-height: 1.5;
	color: var(--mv-text-dim);
}

#mv3-single-map {
	height: 220px;
	background: var(--mv-surface-2);
	border-radius: 4px;
}

.mv3-single__maplink {
	display: inline-block;
	margin-top: 14px;
	color: var(--mv-accent);
	text-decoration: none;
	font-size: 13px;
	letter-spacing: .03em;
}
.mv3-single__maplink:hover { text-decoration: underline; }

/* ---- Rodapé do artigo ---- */
.mv3-single__foot {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 64px;
	padding-top: 28px;
	border-top: 1px solid var(--mv-border);
}

.mv3-single__back {
	color: var(--mv-accent);
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .1em;
}
.mv3-single__back:hover { text-decoration: underline; }

.mv3-single__license {
	color: var(--mv-text-dim);
	font-size: 12px;
	letter-spacing: .04em;
}

/* ---- Mobile ---- */
@media (max-width: 860px) {
	.mv3-single__body {
		grid-template-columns: 1fr;
		gap: 40px;
	}
	.mv3-single__aside { position: static; }
	.mv3-single__ficha dl { grid-template-columns: 1fr; gap: 4px 0; }
	.mv3-single__ficha dd { margin-bottom: 14px; }
	.mv3-single__play-icon { width: 58px; height: 58px; }
}

/* ============================================================
   Página individual do artista (/artista/{slug})
   ============================================================ */

.mv3-artist {
	max-width: 1080px;
	margin: 0 auto;
	padding: 48px 20px 80px;
	color: var(--mv-text);
	font-family: inherit;
}

/* ---- Cabeçalho: foto + identificação ---- */
.mv3-artist__head {
	display: flex;
	align-items: center;
	gap: 44px;
	padding-bottom: 32px;
	margin-bottom: 40px;
	border-bottom: 1px solid var(--mv-border);
}

/*
 * Foto retangular à direita, como no site de referência.
 * Era um círculo de 180px, mas os retratos do acervo são compostos
 * (corpo inteiro, cena, objeto) e o corte circular jogava fora a foto.
 * A ordem inverte a posição sem mexer no HTML.
 */
.mv3-artist__photo {
	order: 2;
	flex: 0 0 auto;
	width: 320px;
	max-width: 42%;
	aspect-ratio: 4 / 3;
	border-radius: 4px;
	overflow: hidden;
	background: var(--mv-surface-2);
	border: 1px solid var(--mv-border);
}
.mv3-artist__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	display: block;
}

.mv3-artist__ident {
	order: 1;
	flex: 1 1 auto;
	min-width: 0;
}

.mv3-artist__label {
	display: block;
	color: var(--mv-accent-2);
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .14em;
	margin-bottom: 8px;
}

.mv3-artist__name {
	font-size: clamp(28px, 4.5vw, 46px);
	line-height: 1.1;
	margin: 0 0 10px;
	font-weight: 700;
}

.mv3-artist__city {
	margin: 0 0 10px;
	color: var(--mv-text-dim);
	font-size: 14px;
	letter-spacing: .02em;
}

.mv3-artist__ig {
	color: var(--mv-accent);
	text-decoration: none;
	font-size: 14px;
	letter-spacing: .02em;
}
.mv3-artist__ig:hover { text-decoration: underline; }

/* ---- Bio ---- */
.mv3-artist__bio {
	max-width: 720px;
	font-size: 17px;
	line-height: 1.75;
}
.mv3-artist__bio p { margin: 0 0 1.1em; }
.mv3-artist__bio a { color: var(--mv-accent); }
.mv3-artist__bio em { color: var(--mv-text-dim); }

/* ---- Grade de monumentos do artista ---- */
.mv3-artist__works { margin-top: 56px; }

.mv3-artist__works h2 {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .14em;
	color: var(--mv-accent-2);
	margin: 0 0 20px;
	font-weight: 600;
}

.mv3-artist__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 20px;
}

.mv3-artist__work {
	display: block;
	text-decoration: none;
	color: inherit;
	background: var(--mv-surface);
	border: 1px solid var(--mv-border);
	overflow: hidden;
	transition: transform .15s ease, border-color .15s ease;
}
.mv3-artist__work:hover {
	transform: translateY(-2px);
	border-color: var(--mv-accent);
}

.mv3-artist__work-thumb {
	aspect-ratio: 16 / 9;
	background: var(--mv-surface-2);
	overflow: hidden;
}
.mv3-artist__work-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.mv3-artist__work-thumb:empty { display: none; }

.mv3-artist__work-body { padding: 16px; }
.mv3-artist__work-body h3 {
	font-size: 16px;
	line-height: 1.3;
	margin: 0 0 6px;
	font-weight: 600;
}
.mv3-artist__work-year {
	color: var(--mv-text-dim);
	font-size: 12px;
	letter-spacing: .04em;
}

/* ---- Rodapé ---- */
.mv3-artist__foot {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 64px;
	padding-top: 28px;
	border-top: 1px solid var(--mv-border);
}

.mv3-artist__back {
	color: var(--mv-accent);
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .1em;
}
.mv3-artist__back:hover { text-decoration: underline; }

.mv3-artist__license {
	color: var(--mv-text-dim);
	font-size: 12px;
	letter-spacing: .04em;
}

/* ---- Mobile ---- */
@media (max-width: 720px) {
	.mv3-artist__head {
		flex-direction: column;
		align-items: stretch;
		gap: 24px;
	}
	/* No celular a foto volta para cima, antes do nome */
	.mv3-artist__photo {
		order: 1;
		width: 100%;
		max-width: none;
	}
	.mv3-artist__ident { order: 2; }
}

/* Crédito de fotografia (CC BY-SA) */
.mv3-artist__credit{font-size:.8rem;color:var(--mv-text-dim);margin:.5rem 0 0;line-height:1.5}
.mv3-artist__credit-label{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;margin-right:.4rem;opacity:.75}
.mv3-artist__credit a{color:var(--mv-text-dim);text-decoration:underline;text-underline-offset:2px}
.mv3-artist__credit a:hover{color:var(--mv-accent)}


/* === MV3 PONTO DE ACESSO (item 11, movido do template em 09/08) ===
   Vinha embutido em templates/single-mv3_access_point.php.
   Enfileirado por is_singular('mv3_access_point') — SO O CSS, sem o JS. */
	.mv3-ap{--ap-gap:2rem;max-width:1100px;margin:0 auto;padding:2.5rem 1.25rem 4rem;color:var(--mv-text,#f2ede6)}
	.mv3-ap__eyebrow{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mv-accent,#C8702A);margin:0 0 .5rem}
	.mv3-ap__title{font-size:clamp(1.9rem,4vw,2.9rem);line-height:1.1;margin:0 0 .75rem;font-weight:600}
	.mv3-ap__status{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--mv-text-dim,#a89e92);border:1px solid var(--mv-border,#2a251f);border-radius:999px;padding:.3rem .8rem}
	.mv3-ap__status::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--mv-accent-2,#C8A82A)}
	.mv3-ap__video{position:relative;margin:2rem 0;aspect-ratio:16/9;background:var(--mv-surface,#141210);border:1px solid var(--mv-border,#2a251f);border-radius:6px;overflow:hidden}
	.mv3-ap__video img{width:100%;height:100%;object-fit:cover;display:block}
	.mv3-ap__video iframe{width:100%;height:100%;border:0;display:block}
	.mv3-ap__play{position:absolute;inset:0;display:grid;place-items:center;background:rgba(10,10,10,.35);border:0;cursor:pointer;color:#fff}
	.mv3-ap__play:focus-visible{outline:2px solid var(--mv-accent-2,#C8A82A);outline-offset:-4px}
	.mv3-ap__play span{display:grid;place-items:center;width:4.5rem;height:4.5rem;border-radius:50%;background:var(--mv-accent,#C8702A);font-size:1.4rem;padding-left:.25rem}
	.mv3-ap__cols{display:grid;grid-template-columns:1fr;gap:var(--ap-gap)}
	@media(min-width:820px){.mv3-ap__cols{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}
	.mv3-ap__body p{line-height:1.7;margin:0 0 1rem}
	.mv3-ap__block{border-top:1px solid var(--mv-border,#2a251f);padding-top:1.25rem;margin-top:1.75rem}
	.mv3-ap__h{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mv-text-dim,#a89e92);margin:0 0 .9rem}
	.mv3-ap__note{background:var(--mv-surface-2,#1c1815);border-left:2px solid var(--mv-accent,#C8702A);padding:1rem 1.1rem;border-radius:0 4px 4px 0;line-height:1.6;margin:0}
	.mv3-ap__ficha{margin:0;display:grid;gap:.6rem}
	.mv3-ap__ficha dt{font-size:.8rem;color:var(--mv-text-dim,#a89e92)}
	.mv3-ap__ficha dd{margin:.1rem 0 0;line-height:1.5}
	.mv3-ap__qr{background:#fff;border-radius:6px;padding:.9rem;display:block;width:min(220px,100%)}
	.mv3-ap__qr img{width:100%;height:auto;display:block}
	.mv3-ap__mon{display:flex;gap:1rem;align-items:center;text-decoration:none;color:inherit;background:var(--mv-surface,#141210);border:1px solid var(--mv-border,#2a251f);border-radius:6px;padding:.9rem;transition:border-color .2s}
	.mv3-ap__mon:hover{border-color:var(--mv-accent,#C8702A)}
	.mv3-ap__mon img{width:76px;height:95px;object-fit:cover;object-position:center 22%;border-radius:4px;flex:0 0 auto}
	.mv3-ap__mon strong{display:block;line-height:1.3}
	.mv3-ap__mon span{font-size:.8rem;color:var(--mv-text-dim,#a89e92)}
	.mv3-ap__visits{font-size:2rem;line-height:1;color:var(--mv-accent-2,#C8A82A)}
	.mv3-ap__maplink{display:inline-block;margin-top:.9rem;color:var(--mv-accent,#C8702A);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px}
	.mv3-ap__foot{border-top:1px solid var(--mv-border,#2a251f);margin-top:3rem;padding-top:1.25rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;font-size:.85rem}
	.mv3-ap__back{color:var(--mv-accent,#C8702A);text-decoration:none}
	.mv3-ap__license{color:var(--mv-text-dim,#a89e92)}
	@media(prefers-reduced-motion:reduce){.mv3-ap *{transition:none!important}}
	
/* === FIM MV3 PONTO DE ACESSO === */


/* === MV3 CONTADOR DE SCANS DO ARTISTA (item 4, patch 10/08) === */
.mv3-artist__scans {
	display: inline-flex;
	align-items: baseline;
	gap: .4rem;
	margin-left: .9rem;
	font-size: .8rem;
	font-weight: 400;
	letter-spacing: .04em;
	color: var(--mv-text-dim, #a89e92);
	vertical-align: middle;
}
.mv3-artist__scans strong {
	font-size: 1rem;
	font-weight: 600;
	color: var(--mv-accent-2, #C8A82A);
}
/* === FIM MV3 CONTADOR DE SCANS DO ARTISTA === */