/**
 * institucional.css — compartilhado pelas 4 páginas de conteúdo estático
 * (page-termos.php, page-privacidade.php, page-cookies.php, page-sobre.php)
 * + banner de consentimento de cookies (footer.php). Sem mockup de
 * referência — layout novo, tokens de main.css.
 */

.feirao-institucional {
	max-width: 760px;
	margin: 40px auto;
	padding: 0 20px 60px;
}
.feirao-institucional > h1 {
	font-family: 'Oswald', sans-serif;
	font-size: 28px;
	margin-bottom: 6px;
}
.feirao-institucional .subtitulo {
	color: var(--grafite-claro);
	font-size: 13.5px;
	margin-bottom: 30px;
}
.feirao-institucional h2 {
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	margin-top: 32px;
	margin-bottom: 10px;
}
.feirao-institucional p,
.feirao-institucional li {
	font-size: 14.5px;
	color: var(--grafite);
	line-height: 1.7;
}
.feirao-institucional ul,
.feirao-institucional ol {
	padding-left: 22px;
	margin-bottom: 14px;
}
.feirao-institucional table {
	width: 100%;
	border-collapse: collapse;
	margin: 16px 0;
	font-size: 13.5px;
}
.feirao-institucional th,
.feirao-institucional td {
	text-align: left;
	padding: 8px 10px;
	border: 1px solid var(--linha);
}
.feirao-institucional th {
	background: var(--fundo);
	font-weight: 600;
}
.feirao-institucional a {
	color: var(--vermelho);
}
.feirao-institucional .clausula-destaque {
	background: var(--fundo);
	border: 1px solid var(--linha);
	border-radius: 6px;
	padding: 16px 18px;
	margin: 14px 0;
	font-size: 13.5px;
	white-space: pre-line;
}

/* Banner de consentimento de cookies — footer.php + js/cookies.js.
   Bug real achado pelo Duvanir em staging (2026-09-04): "Aceitar" não
   fechava o banner. js/cookies.js seta corretamente o atributo `hidden`,
   mas `display:flex` aqui embaixo é CSS de AUTOR — sempre vence o
   `[hidden]{display:none}` nativo do navegador na cascata, mesmo com
   especificidade empatada (regra de origem da cascata, não de
   especificidade). Corrigido: display:flex só quando NÃO tem o atributo
   `hidden` (seletor mais específico que a regra sem essa condição). */
.feirao-cookie-banner {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	background: var(--preto);
	color: #fff;
	padding: 16px 20px;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 14px;
	font-size: 13px;
}
.feirao-cookie-banner:not([hidden]) {
	display: flex;
}
.feirao-cookie-banner p {
	margin: 0;
	max-width: 560px;
}
.feirao-cookie-banner a {
	color: #fff;
	text-decoration: underline;
}
.feirao-cookie-banner .cookie-acoes {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}
.feirao-cookie-banner button {
	border: none;
	border-radius: 4px;
	padding: 9px 16px;
	font-size: 12.5px;
	font-weight: 600;
	cursor: pointer;
	white-space: nowrap;
}
.feirao-cookie-banner .btn-cookie-aceitar {
	background: var(--vermelho);
	color: #fff;
}
.feirao-cookie-banner .btn-cookie-essenciais {
	background: transparent;
	border: 1px solid #fff;
	color: #fff;
}