/* JAOVAMP: azul real sobre quase preto, projeto emo, tipografia serifada.
   Fonte: Cormorant Garamond (OFL). */
@font-face {
	font-family: 'Cormorant Garamond';
	font-weight: 600;
	font-display: swap;
	src: url('/temas/fontes/cormorant-garamond-latin-600-normal.woff2') format('woff2');
}
@font-face {
	font-family: 'Cormorant Garamond';
	font-weight: 700;
	font-display: swap;
	src: url('/temas/fontes/cormorant-garamond-latin-700-normal.woff2') format('woff2');
}
@font-face {
	font-family: 'Cormorant Garamond';
	font-style: italic;
	font-weight: 600;
	font-display: swap;
	src: url('/temas/fontes/cormorant-garamond-latin-600-italic.woff2') format('woff2');
}
@font-face {
	font-family: 'Cormorant Garamond';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url('/temas/fontes/cormorant-garamond-latin-700-italic.woff2') format('woff2');
}

body.tema-jaovamp {
	--preto: #04060f;
	--preto-rgb: 4 6 15;
	--preto-2: #0a1030;
	--branco: #eef1ff;
	--branco-rgb: 238 241 255;
	--papel: #1f3fd1; /* seções em azul real */
	--azul: #7d93ff;
	--azul-rgb: 125 147 255;
	--azul-base: #dfe5ff;
	--brilho-rgb: 43 75 219;
	--texto-2: #c9d1f2;
	--cinza: #8d97c4;
	--cinza-papel: #d4dbff;
	--linha: rgb(238 241 255 / 0.16);
	--f-nome: 'Cormorant Garamond', Georgia, serif;
	--f-mono: 'Cormorant Garamond', Georgia, serif;
	--f-slogan: 'Cormorant Garamond', Georgia, serif;
}
/* nas seções azuis o texto é branco */
.tema-jaovamp .papel {
	--preto: #ffffff;
	--preto-rgb: 255 255 255;
	--linha-papel: rgb(255 255 255 / 0.28);
}

/* títulos serifados: o nome em caixa alta, o resto em itálico */
.tema-jaovamp :is(.titulao, .grande-texto, .player-botao strong, .td-titulo, .contatos strong, .troca-artista strong, .link-grande) {
	font-weight: 700;
	letter-spacing: -0.01em;
	line-height: 0.95;
}
.tema-jaovamp .nome-artista {
	font-weight: 600;
	letter-spacing: 0.02em;
}
.tema-jaovamp :is(.grande-texto, .player-botao strong, .td-titulo, .contatos strong, .troca-artista strong, .link-grande) {
	font-style: italic;
	text-transform: none;
}
.tema-jaovamp .mono {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.22em;
}
.tema-jaovamp .bio-grande {
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-style: italic;
	font-size: clamp(22px, 2.4vw, 32px);
	line-height: 1.4;
}

/* luz azul fria e imagem em duotom azul */
.tema-jaovamp .vid-vazio {
	background: radial-gradient(55% 75% at 70% 30%, rgb(43 75 219 / 0.55), transparent 65%), radial-gradient(40% 60% at 15% 90%, rgb(125 147 255 / 0.12), transparent 60%), #04060f;
}
.tema-jaovamp .vid-vazio .luz {
	background: radial-gradient(40% 40% at 60% 50%, rgb(125 147 255 / 0.2), transparent 70%);
}
.tema-jaovamp .vid video,
.tema-jaovamp .cab-foto {
	filter: grayscale(1) sepia(1) hue-rotate(190deg) saturate(3.2) brightness(0.8);
}
.tema-jaovamp .cab-artista::after {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: radial-gradient(120% 90% at 50% 40%, transparent 55%, rgb(0 0 0 / 0.7));
}
.tema-jaovamp .cab-conteudo {
	z-index: 3;
}

.tema-jaovamp .player-botao {
	background: linear-gradient(135deg, #1f3fd1, #0a1030);
	border: 1px solid rgb(238 241 255 / 0.3);
}
.tema-jaovamp .troca-artista a:hover {
	background: #0a1030;
}

/* monograma JVMP: pequeno, no alto à direita, como assinatura do projeto */
.tema-jaovamp .cab-emblema {
	bottom: auto;
	top: clamp(100px, 14vh, 150px);
	width: min(20vw, 280px);
	opacity: 0.9;
}
@media (max-width: 820px) {
	.tema-jaovamp .cab-emblema {
		top: 100px;
		width: min(34vw, 160px);
	}
}
@media (min-width: 821px) {
	.tema-jaovamp .cab-artista:has(.cab-emblema) .nome-artista {
		max-width: none;
	}
}