/* Hotel Brasil: azul petróleo com amarelo, estética vintage anos 90 (VHS, TV de tubo).
   Fontes: Righteous (OFL) nos títulos e VT323 (OFL) nos rótulos, como texto de videocassete. */
@font-face {
	font-family: 'Righteous';
	font-display: swap;
	src: url('/temas/fontes/righteous-latin-400-normal.woff2') format('woff2');
}
@font-face {
	font-family: 'VT323';
	font-display: swap;
	src: url('/temas/fontes/vt323-latin-400-normal.woff2') format('woff2');
}

body.tema-hotel-brasil {
	--preto: #0b3a42;
	--preto-rgb: 11 58 66;
	--preto-2: #0f4650;
	--branco: #f5ecd6;
	--branco-rgb: 245 236 214;
	--papel: #f2c230; /* seções amarelas */
	--azul: #f2c230;
	--azul-rgb: 242 194 48;
	--azul-base: #0b3a42;
	--brilho-rgb: 242 194 48;
	--texto-2: #dcd4bd;
	--cinza: #a9c4c0;
	--cinza-papel: #3c4a38;
	--linha: rgb(245 236 214 / 0.2);
	--linha-papel: rgb(11 58 66 / 0.28);
	--f-nome: 'Righteous', 'Arial Black', sans-serif;
	--f-mono: 'VT323', 'Courier New', monospace;
}

.tema-hotel-brasil :is(.titulao, .grande-texto, .player-botao strong, .td-titulo, .contatos strong, .troca-artista strong, .link-grande) {
	font-weight: 400;
	letter-spacing: 0;
	line-height: 0.95;
}
.tema-hotel-brasil .nome-artista {
	text-shadow: 3px 0 0 rgb(255 70 70 / 0.35), -3px 0 0 rgb(40 220 255 / 0.35); /* aberração cromática de VHS */
}
.tema-hotel-brasil .mono {
	font-size: 19px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 1.2;
}
.tema-hotel-brasil .papel .mono {
	color: var(--azul-base);
}

/* tela de videocassete: linhas de varredura, marca de PLAY e cores lavadas */
.tema-hotel-brasil .cab-artista::after {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: repeating-linear-gradient(0deg, rgb(0 0 0 / 0.18) 0 1px, transparent 1px 3px);
	z-index: 1;
}
.tema-hotel-brasil .cab-conteudo {
	z-index: 3;
}
.tema-hotel-brasil .cab-artista::before {
	content: '▶ PLAY';
	position: absolute;
	z-index: 4;
	top: clamp(90px, 12vw, 130px);
	right: var(--gut);
	font-family: 'VT323', monospace;
	font-size: clamp(26px, 3vw, 40px);
	color: var(--branco);
	text-shadow: 0 0 8px rgb(245 236 214 / 0.6);
	animation: vhs-pisca 1.4s steps(2) infinite;
}
@media (max-width: 820px) {
	.tema-hotel-brasil .cab-artista::before {
		top: auto;
		bottom: clamp(36px, 6vw, 80px);
		font-size: 22px;
	}
}
@keyframes vhs-pisca {
	50% {
		opacity: 0.25;
	}
}
.tema-hotel-brasil .vid-vazio {
	background: radial-gradient(55% 70% at 72% 35%, rgb(242 194 48 / 0.32), transparent 65%), linear-gradient(180deg, #0f4650, #0b3a42 70%);
}
.tema-hotel-brasil .vid-vazio .luz {
	background: radial-gradient(40% 40% at 60% 50%, rgb(242 194 48 / 0.16), transparent 70%);
}
.tema-hotel-brasil .vid .grao {
	opacity: 0.24;
}
.tema-hotel-brasil .vid video,
.tema-hotel-brasil .cab-foto {
	filter: sepia(0.35) saturate(1.25) contrast(1.05);
}

.tema-hotel-brasil .player-botao {
	background: #062a30;
	border: 2px solid var(--azul);
	border-radius: 14px;
}
.tema-hotel-brasil .player iframe {
	border-radius: 14px;
}
.tema-hotel-brasil .tabela-escura .td-ouvir {
	color: var(--azul);
}