/*
 * Mídia kit (/anuncie/, page-anuncie.php).
 *
 * Segue a home: linha de 960px com 15px de gutter, título de seção com filete (.blizi-secao-cabecalho) e cartões de
 * superfície com filete de 1px, raio padrão e sombra fina. Os três formatos que só o Blizi tem e o pacote de destaque
 * levam a cor da marca. No fim, a folha de impressão: "Salvar em PDF" usa a impressão do navegador.
 */

.blizi-midia-kit__acoes { display: flex; flex-wrap: wrap; gap: 10px; }
.blizi-midia-kit__acoes .blizi-botao--vazado { color: var(--blizi-texto); }

.blizi-midia-kit { padding: 30px 15px 40px; display: grid; gap: 40px; }
.blizi-midia-kit__secao { min-width: 0; }

/* Abertura e parceiro fundador: o "slide" de frase grande. */
.blizi-midia-kit__olho {
	margin: 0 0 8px; font-size: var(--blizi-letra-12); font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
	color: var(--blizi-primaria);
}
.blizi-midia-kit__chamada {
	margin: 0 0 14px; max-width: 760px;
	font-size: clamp(1.75rem, 4vw, 2.5rem); font-weight: 800; line-height: 1.1; letter-spacing: -.03em; text-wrap: balance;
}
.blizi-midia-kit__texto { max-width: 680px; font-size: var(--blizi-letra-18); line-height: 1.6; color: var(--blizi-texto-apoio); }
.blizi-midia-kit__texto p { margin: 0 0 10px; }
p.blizi-midia-kit__texto { margin: 0; }

/* Cartão: o da home. */
.blizi-midia-kit__cartao {
	position: relative; display: flex; flex-direction: column; gap: 6px; padding: 16px;
	background: var(--blizi-superficie); border: 1px solid var(--blizi-borda); border-radius: var(--blizi-arredondamento);
	box-shadow: 0 1px 2px color-mix(in srgb, var(--blizi-moldura) 10%, transparent);
}
.blizi-midia-kit__cartao h3 { display: flex; align-items: center; gap: 8px; margin: 0; font-size: var(--blizi-letra-16); font-weight: 800; letter-spacing: -.02em; }
.blizi-midia-kit__cartao h3 i { color: var(--blizi-primaria); font-size: var(--blizi-letra-15); }
.blizi-midia-kit__cartao p { margin: 0; font-size: var(--blizi-letra-15); line-height: 1.5; color: var(--blizi-texto-apoio); }
.blizi-midia-kit__cartao--exclusivo { border-color: var(--blizi-primaria-borda); background: color-mix(in srgb, var(--blizi-primaria) 6%, var(--blizi-superficie)); }
.blizi-midia-kit__selo {
	align-self: flex-start; padding: 4px 8px; border-radius: calc(var(--blizi-arredondamento) - 2px);
	font-size: var(--blizi-letra-11); font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
	background: var(--blizi-primaria); color: var(--blizi-sobre-primaria);
}

/* Audiência. */
.blizi-midia-kit__numeros { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.blizi-midia-kit__numero { font-size: var(--blizi-letra-32); font-weight: 800; line-height: 1; letter-spacing: -.03em; color: var(--blizi-primaria); }
.blizi-midia-kit__numeros span { font-size: var(--blizi-letra-14); color: var(--blizi-texto-apoio); }
.blizi-midia-kit__perfil { list-style: none; margin: 16px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 24px; font-size: var(--blizi-letra-16); font-weight: 600; }
.blizi-midia-kit__perfil li::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background: var(--blizi-primaria); }
.blizi-midia-kit__fonte, .blizi-midia-kit__nota { margin: 12px 0 0; font-size: var(--blizi-letra-13); color: var(--blizi-texto-apoio); }

/* Arena: tabela de XP e os três cartões ao lado. */
.blizi-midia-kit__duas { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 20px; align-items: start; }
.blizi-midia-kit__tabela {
	width: 100%; border-collapse: collapse; font-size: var(--blizi-letra-15);
	background: var(--blizi-superficie); border: 1px solid var(--blizi-borda); border-radius: var(--blizi-arredondamento); overflow: hidden;
}
.blizi-midia-kit__tabela th, .blizi-midia-kit__tabela td { padding: 10px 14px; text-align: left; border-bottom: 1px solid var(--blizi-borda); }
.blizi-midia-kit__tabela th { font-size: var(--blizi-letra-11); font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--blizi-texto-apoio); }
.blizi-midia-kit__tabela td:last-child, .blizi-midia-kit__tabela th:last-child { text-align: right; white-space: nowrap; }
.blizi-midia-kit__tabela td:last-child { font-weight: 800; color: var(--blizi-primaria); }
.blizi-midia-kit__tabela tr:last-child td { border-bottom: 0; }
.blizi-midia-kit__lista-cartoes { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }

/* Cobertura. */
.blizi-midia-kit__cobertura { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.blizi-midia-kit__universo {
	display: flex; align-items: center; gap: 10px; padding: 12px;
	background: var(--blizi-superficie); border: 1px solid var(--blizi-borda); border-radius: var(--blizi-arredondamento);
	border-left: 4px solid var(--blizi-plataforma, var(--blizi-primaria));
}
.blizi-midia-kit__universo strong { font-size: var(--blizi-letra-15); font-weight: 800; }
.blizi-midia-kit__universo-icone { flex: 0 0 auto; font-size: var(--blizi-letra-18); color: var(--blizi-plataforma, var(--blizi-primaria)); }

/* Formatos, passos e medição. */
.blizi-midia-kit__grade { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.blizi-midia-kit__grade--duas { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.blizi-midia-kit__passos { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; counter-reset: blizi-passo; }
.blizi-midia-kit__passos li { counter-increment: blizi-passo; }
.blizi-midia-kit__passos li::before {
	content: counter(blizi-passo); font-size: var(--blizi-letra-32); font-weight: 800; line-height: 1; color: var(--blizi-primaria);
}
.blizi-midia-kit__passos li:last-child { background: var(--blizi-primaria); border-color: var(--blizi-primaria); }
.blizi-midia-kit__passos li:last-child::before,
.blizi-midia-kit__passos li:last-child h3,
.blizi-midia-kit__passos li:last-child p { color: var(--blizi-sobre-primaria); }

/* Pacotes. */
.blizi-midia-kit__pacotes { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
.blizi-midia-kit__pacote { gap: 10px; padding: 20px; }
.blizi-midia-kit__pacote h3 { font-size: var(--blizi-letra-20); }
.blizi-midia-kit__pacote--destaque { border: 2px solid var(--blizi-primaria); }
p.blizi-midia-kit__prazo { font-size: var(--blizi-letra-13); font-weight: 600; text-transform: uppercase; letter-spacing: .06em; }
.blizi-midia-kit__itens { list-style: none; margin: 0; padding: 0; display: grid; align-content: start; gap: 6px; flex: 1; font-size: var(--blizi-letra-15); }
.blizi-midia-kit__itens i { color: var(--blizi-primaria); font-size: var(--blizi-letra-12); margin-right: 4px; }
p.blizi-midia-kit__preco { margin-top: 6px; font-size: var(--blizi-letra-24); font-weight: 800; letter-spacing: -.02em; color: var(--blizi-texto); }

/* Parceiro fundador: faixa escura na mistura da moldura com a marca, como o topo da página. */
.blizi-midia-kit__fundador {
	padding: 28px; border-radius: var(--blizi-arredondamento);
	background: color-mix(in srgb, var(--blizi-moldura) 72%, var(--blizi-primaria));
	color: var(--blizi-sobre-moldura);
}
.blizi-midia-kit__fundador .blizi-midia-kit__olho { color: var(--blizi-sobre-moldura); opacity: .8; }
.blizi-midia-kit__vantagens { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; font-size: var(--blizi-letra-15); line-height: 1.5; }
.blizi-midia-kit__vantagens li { padding-top: 10px; border-top: 3px solid var(--blizi-primaria); }
.blizi-midia-kit__vantagens strong { display: block; font-size: var(--blizi-letra-16); }

/* Contato. */
.blizi-midia-kit__comercial { gap: 10px; }
.blizi-midia-kit__comercial h3 { font-size: var(--blizi-letra-20); }
.blizi-midia-kit__canais { list-style: none; margin: 4px 0 0; padding: 0; display: grid; gap: 8px; font-size: var(--blizi-letra-15); }
.blizi-midia-kit__canais i { width: 18px; color: var(--blizi-primaria); }

@media (max-width: 899px) {
	.blizi-midia-kit__numeros, .blizi-midia-kit__cobertura, .blizi-midia-kit__passos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.blizi-midia-kit__grade, .blizi-midia-kit__pacotes, .blizi-midia-kit__vantagens, .blizi-midia-kit__duas { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 575px) {
	.blizi-midia-kit { padding-top: 20px; gap: 32px; }
	.blizi-midia-kit__grade--duas { grid-template-columns: minmax(0, 1fr); }
	.blizi-midia-kit__fundador { padding: 20px; }
}

/*
 * Impressão ("Salvar em PDF"): só o mídia kit, com as cores da tela. Saem cabeçalho, rodapé, barra inferior, anúncio,
 * aviso de cookies, os botões do topo e o formulário (no PDF fica o cartão do comercial com os contatos).
 */
@media print {
	@page { margin: 12mm; }
	html, body { background: var(--blizi-fundo) !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
	body { padding: 0 !important; }
	.blizi-cabecalho, .blizi-rodape, .blizi-barra-inferior, .blizi-anuncio-rodape, .blizi-cookies,
	#wpadminbar, .blizi-midia-kit__acoes, .blizi-midia-kit__formulario { display: none !important; }
	.blizi-faixa-jogos { height: 80px; }
	.blizi-midia-kit { padding-top: 20px; gap: 28px; }
	.blizi-midia-kit__duas { grid-template-columns: minmax(0, 1fr); }
	.blizi-midia-kit__secao, .blizi-midia-kit__cartao, .blizi-midia-kit__fundador, .blizi-midia-kit__tabela tr { break-inside: avoid; }
	.blizi-secao-cabecalho { break-after: avoid; }
	.blizi-midia-kit__cartao, .blizi-midia-kit__tabela, .blizi-midia-kit__universo { box-shadow: none; }
}