/*
Theme Name: O Computador Curioso
Theme URI: www.ocomputadorcurioso.com.br
Author: Thiago Zanolo Mainente
Author URI: https://www.tzanolo.it
Description: Tema oficial da página do canal O Computador Curioso.
Version: 1.0.7
License: Proprietária - Todos os direitos reservados 2026. 
Text Domain: occwpteam
Domain Path: /languages
Tags: informatica, temas, matrix, tecnologia.
*/

:root {
	--cor-fundo: #000000;
	--cor-primaria: #f5f5f5;
	--cor-secundaria: #1a1a1a;
	--cor-destaque-inicio: #00c6ff;
	--cor-destaque-fim: #0072ff;
	--cor-destaque: linear-gradient(90deg, var(--cor-destaque-inicio) 0%, var(--cor-destaque-fim) 100%);
	--link-normal: var(--cor-destaque);
	--link-visitado-inicio: #c084fc;
	--link-visitado-fim: #ec4899;
	--link-visitado: linear-gradient(90deg, var(--link-visitado-inicio) 0%, var(--link-visitado-fim) 100%);
	--link-ativo-inicio: #facc15;
	--link-ativo-fim: #f97316;
	--link-ativo: linear-gradient(90deg, var(--link-ativo-inicio) 0%, var(--link-ativo-fim) 100%);
	--link-hover-inicio: #ff0000;
	--link-hover-fim: #800020;
	--link-hover: radial-gradient(circle, var(--link-hover-inicio) 0%, var(--link-hover-fim) 100%);
	--link-foco-inicio: #34d399;
	--link-foco-fim: #06b6d4;
	--link-foco: linear-gradient(90deg, var(--link-foco-inicio) 0%, var(--link-foco-fim) 100%);
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	background-color: var(--cor-fundo);
	color: var(--cor-primaria);
	font-family: Arial, sans-serif;
	line-height: 1.6;
}

a {
	color: var(--cor-destaque-inicio);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
	a,
	a:visited,
	a:hover,
	a:focus,
	a:active {
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
	}

	a {
		background-image: var(--link-normal);
	}

	a:visited {
		background-image: var(--link-visitado);
	}

	a:hover,
	a:focus {
		background-image: var(--link-hover);
	}

	a:focus-visible {
		background-image: var(--link-foco);
	}

	a:active {
		background-image: var(--link-ativo);
	}
}

.cabecalho,
.conteudo,
.rodape {
	width: min(100% - 2rem, 72rem);
	margin: 0 auto;
}

.cabecalho,
.rodape {
	padding-block: 1.5rem;
}

.conteudo {
	padding-block: 2rem;
}

.identidade-site {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.custom-logo {
	width: auto;
	max-height: 5rem;
}

.estilo_titulo {
	margin: 0;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.2;
}

.estilo_descricao {
	margin: 0.25rem 0 0;
	color: var(--cor-primaria);
	font-size: 0.95rem;
}

.navegacao ul,
.navegacao-rodape ul {
	display: flex;
	gap: 1rem;
	padding: 0;
	list-style: none;
}