/* ==========================================================================
   Sistema visual do site (redesign): fonte, cores, medidas e componentes
   comuns. Nasceu na home ("a frase é o layout") e vale para todas as páginas.
   Carregado depois de layout.css, que guarda a estrutura antiga.
   ========================================================================== */

h1,
h2,
h3 {
	font-weight: 500;
	letter-spacing: -0.035em;
	line-height: 1;
}

h3 {
	letter-spacing: -0.02em;
	line-height: 1.15;
}

/* Cabeçalho: barra simples, sem vidro nem linha */
.aut-cabecalho {
	border-bottom: 0;
	background: var(--aut-fundo);
	backdrop-filter: none; /* taste-skill-ignore: remove o vidro herdado */
	-webkit-backdrop-filter: none; /* taste-skill-ignore */
}

.aut-logo {
	font-weight: 600;
	letter-spacing: -0.03em;
}

.aut-nav__lista a {
	font-size: 1rem;
	font-weight: 500;
}

/* Peças comuns da home */
.aut-i-secao {
	padding-block: clamp(4rem, 7vw, 6rem);
}

.aut-i-titulo {
	margin: 0;
	max-width: 22ch;
	font-size: var(--i-titulo);
	text-wrap: balance;
}

.aut-i-lead {
	max-width: 40ch;
	margin: 1.5rem 0 0;
	font-size: var(--i-lead);
	line-height: 1.35;
}

.aut-i-link {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: var(--aut-texto);
	font-weight: 500;
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 0.25em;
}

.aut-i-link:hover {
	color: var(--aut-link);
}

.aut-botao {
	font-weight: 500;
	font-size: var(--i-corpo);
	min-height: 52px;
	padding-inline: 1.5em;
}

.aut-vitrine__abas {
	border: 0;
	border-radius: 999px;
	background: var(--aut-suave);
}

.aut-vitrine__aba {
	font-size: 1rem;
	font-weight: 500;
	color: var(--aut-texto);
}

.aut-vitrine__tela {
	grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
	align-items: end;
}

.aut-vitrine__figura {
	margin: 0;
	overflow: hidden;
	border-radius: 8px;
	background: #0e1d17;
}

.aut-vitrine__figura img {
	display: block;
	width: 100%;
	height: auto;
}

.aut-vitrine__legenda h3 {
	font-size: var(--i-lead);
}

.aut-vitrine__legenda p {
	color: var(--aut-texto);
	font-size: var(--i-corpo);
}

.aut-vitrine__nota {
	font-size: var(--i-pequeno);
}

.aut-tema {
	border: 0;
	background: var(--aut-suave);
	font-size: 1rem;
	font-weight: 500;
}

.aut-tema:hover {
	background: var(--aut-texto);
	color: var(--aut-fundo);
}

.aut-tema__qtd {
	background: var(--aut-fundo);
	color: var(--aut-texto);
	font-size: var(--i-pequeno);
}

/* --------------------------------------------------------------------------
   Rodapé: o nome cortado pela borda de baixo
   -------------------------------------------------------------------------- */

.aut-rodape {
	overflow: hidden;
	border-top: 0;
	background: var(--aut-suave);
	font-size: 1rem;
	color: var(--aut-texto);
}

.aut-rodape a:not(.aut-logo) {
	color: var(--aut-texto);
}

.aut-rodape__titulo {
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
	color: var(--aut-texto-2);
}

.aut-rodape__base {
	background: none;
	font-size: var(--i-pequeno);
}

.aut-rodape__nome {
	margin: 0;
	/* Mesma margem do conteúdo; o tamanho acompanha a largura útil, não a tela */
	padding-inline: max(var(--aut-gutter), (100% - var(--aut-largura)) / 2);
	font-size: min(12.5vw, 11.25rem);
	font-weight: 600;
	line-height: 0.8;
	letter-spacing: -0.06em;
	white-space: nowrap;
	color: var(--aut-texto);
	transform: translateY(18%);
	user-select: none;
}

/* Resposta ao toque */
.aut-botao,
.aut-vitrine__aba,
.aut-tema {
	transition: transform 160ms var(--i-saida), background-color 200ms ease, color 200ms ease;
}

.aut-botao:active:active,
.aut-vitrine__aba:active,
.aut-tema:active {
	transform: scale(0.97);
}

@media (max-width: 899px) {
	.aut-vitrine__tela {
		grid-template-columns: 1fr;
	}

	.aut-vitrine__abas {
		flex-wrap: wrap;
		width: auto;
		border-radius: 26px;
	}
}

/* Celular: títulos um degrau menores para caber em duas linhas */
@media (max-width: 599px) {
	body {
		--i-titulo: 1.75rem;
	}
}

@media (hover: hover) and (pointer: fine) {
	.aut-botao--primario:hover {
		background: var(--aut-botao-hover);
	}
}

@media (prefers-reduced-motion: reduce) {
	.aut-botao:active,
	.aut-vitrine__aba:active,
	.aut-tema:active {
		transform: none;
	}
}

/* Etiquetas (módulos do painel, integrações): preenchidas, sem contorno */
.aut-chips li {
	border: 0;
	background: var(--aut-suave);
	color: var(--aut-texto);
	font-weight: 500;
}

/* Menu de seções (Soluções): sem linhas; a esteira fica dentro das margens da página */
.aut-subnav {
	border-block: 0;
	background: var(--aut-fundo);
	backdrop-filter: none; /* taste-skill-ignore: remove o vidro herdado */
	-webkit-backdrop-filter: none; /* taste-skill-ignore */
}

.aut-subnav--esteira .aut-container {
	width: min(var(--aut-largura), 100% - 2 * var(--aut-gutter));
	max-width: none;
	margin-inline: auto;
	padding-inline: 0;
}

.aut-subnav a {
	font-weight: 500;
	color: var(--aut-texto);
}

/* Cards de artigo: sem caixa desenhada; o tema vira texto, não etiqueta */
.aut-card {
	border: 0;
	border-radius: 0;
	background: none;
	overflow: visible;
}

.aut-card:hover {
	box-shadow: none;
}

.aut-card__imagem img {
	border-radius: 6px;
}

.aut-card__corpo {
	padding: 0;
}

.aut-card__titulo {
	font-size: var(--i-lead);
	letter-spacing: -0.02em;
	line-height: 1.15;
}

.aut-card:hover .aut-card__titulo a {
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 0.2em;
}

.aut-card__resumo {
	color: var(--aut-texto);
	font-size: var(--i-corpo);
}

.aut-etiqueta {
	padding: 0;
	border-radius: 0;
	background: none;
	color: var(--aut-texto-2);
	font-size: var(--i-pequeno);
	font-weight: 500;
}

.aut-card__meta,
.aut-contagem {
	font-size: var(--i-pequeno);
}

.aut-grade-cards {
	gap: 3rem 2rem;
}

/* Paginação sem contornos */
.pagination .page-numbers {
	border: 0;
	background: var(--aut-suave);
}

.pagination .page-numbers.current {
	color: #fff;
}

/* Botão secundário: preenchido no tom, sem contorno */
.aut-botao--secundario {
	border-color: transparent;
	background: var(--aut-suave);
	color: var(--aut-texto);
}

.aut-botao--secundario:hover {
	border-color: transparent;
	background: var(--aut-texto);
	color: var(--aut-fundo);
}