/*
   Blog: o post, a lista e as categorias. Carregado só nessas páginas
   (inc/blog.php). O card é o mesmo do catálogo; aqui ficam só as diferenças.
*/

/* ------------------------------------------------------------------ Lista */

.alca-posts {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 1.1rem;
	margin: var(--wp--preset--spacing--40) 0 0;
	padding: 0;
	list-style: none;
}

.alca-card--post .alca-card__foto img { aspect-ratio: 16 / 9; }

.alca-card--post .alca-card__foto--vazia {
	aspect-ratio: 16 / 9;
	background: var(--wp--preset--color--base-2);
}

.alca-card__resumo {
	display: block;
	margin-top: .4rem;
	color: var(--wp--preset--color--contrast-2);
	font-size: .9375rem;
	line-height: 1.5;
}

.alca-card__data {
	display: block;
	margin-top: auto;
	padding-top: .8rem;
	color: var(--wp--preset--color--contrast-2);
	font-size: .8125rem;
}

.alca-posts__vazio { color: var(--wp--preset--color--contrast-2); }

.alca-posts__paginas {
	display: flex;
	flex-wrap: wrap;
	gap: .4rem;
	margin-top: var(--wp--preset--spacing--50);
}

.alca-posts__paginas .page-numbers {
	padding: .45rem .8rem;
	background: var(--wp--preset--color--base-2);
	color: inherit;
	text-decoration: none;
}

.alca-posts__paginas a:hover { background: var(--wp--preset--color--alca-fundo); }
.alca-posts__paginas .current { background: var(--wp--preset--color--preto); color: #fff; }

/* ------------------------------------------------------------------ Post */

.alca-post {
	padding-top: var(--wp--preset--spacing--50);
	padding-left: var(--wp--preset--spacing--30);
	padding-right: var(--wp--preset--spacing--30);
}

.alca-post__titulo {
	margin-top: 0;
	font-size: clamp(1.9rem, 1.4rem + 2vw, 2.75rem);
	line-height: 1.15;
}

.alca-post__abertura { margin-top: 1rem; line-height: 1.55; }

.alca-post__meta {
	display: flex;
	flex-wrap: wrap;
	gap: .2rem .4rem;
	margin: 1.25rem 0 0;
	padding: .9rem 0;
	border-top: 1px solid var(--wp--preset--color--linha);
	border-bottom: 1px solid var(--wp--preset--color--linha);
	color: var(--wp--preset--color--contrast-2);
	font-size: .875rem;
}

.alca-post__assinatura { color: var(--wp--preset--color--contrast); font-weight: 600; }

.alca-post__capa { margin-top: var(--wp--preset--spacing--40); }

.alca-post__capa img {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 8;
	object-fit: cover;
	border-radius: 0;
}

.alca-post__indice {
	margin-top: var(--wp--preset--spacing--40);
	padding: 1.1rem 1.3rem;
	background: var(--wp--preset--color--base-2);
	border-radius: 0;
}

.alca-post__rotulo {
	margin: 0 0 .5rem;
	color: var(--wp--preset--color--contrast-2);
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.alca-post__indice ol { margin: 0; padding-left: 1.2rem; }
.alca-post__indice li { margin: .3rem 0; }
.alca-post__indice a { color: inherit; text-decoration: none; }
.alca-post__indice a:hover { color: var(--wp--preset--color--alca); }

/* O texto: medida de leitura, respiro entre seções, tabela que não estoura. */
.alca-post__texto {
	margin-top: var(--wp--preset--spacing--40);
	font-size: 1.0625rem;
	line-height: 1.75;
}

.alca-post__texto h2 {
	margin-top: 2.4em;
	font-size: clamp(1.4rem, 1.2rem + .8vw, 1.75rem);
	line-height: 1.25;
	scroll-margin-top: 110px;
}

.alca-post__texto h3 { margin-top: 1.8em; font-size: 1.2rem; }

.alca-post__texto a {
	color: var(--wp--preset--color--alca-escuro);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.alca-post__texto ul,
.alca-post__texto ol { padding-left: 1.3rem; }

.alca-post__texto li { margin: .35rem 0; }

.alca-post__texto table {
	display: block;
	width: 100%;
	overflow-x: auto;
	border-collapse: collapse;
	font-size: .9375rem;
	line-height: 1.5;
}

.alca-post__texto th,
.alca-post__texto td {
	padding: .6rem .75rem;
	border-bottom: 1px solid var(--wp--preset--color--linha);
	text-align: left;
	vertical-align: top;
}

.alca-post__texto th { background: var(--wp--preset--color--base-2); font-weight: 600; }

.alca-post__texto blockquote {
	margin: 1.5rem 0;
	padding: .2rem 0 .2rem 1.1rem;
	border-left: 3px solid var(--wp--preset--color--alca);
	color: var(--wp--preset--color--contrast-2);
}

/* ------------------------------------------------------------------ FAQ */

.alca-post__faq { margin-top: var(--wp--preset--spacing--60); }

.alca-post__pergunta {
	border-bottom: 1px solid var(--wp--preset--color--linha);
}

.alca-post__pergunta:first-of-type { border-top: 1px solid var(--wp--preset--color--linha); }

.alca-post__pergunta summary {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem 0;
	font-weight: 600;
	cursor: pointer;
	list-style: none;
}

.alca-post__pergunta summary::-webkit-details-marker { display: none; }

.alca-post__pergunta summary::after {
	content: "+";
	color: var(--wp--preset--color--alca);
	font-size: 1.3rem;
	line-height: 1;
	transition: transform .15s ease;
}

.alca-post__pergunta[open] summary::after { transform: rotate(45deg); }

.alca-post__pergunta p {
	margin: 0 0 1.1rem;
	color: var(--wp--preset--color--contrast-2);
	line-height: 1.65;
}

/* ------------------------------------------------------------------ Fim do post */

.alca-post__fim {
	padding-top: var(--wp--preset--spacing--50);
	padding-bottom: var(--wp--preset--spacing--50);
	padding-left: var(--wp--preset--spacing--30);
	padding-right: var(--wp--preset--spacing--30);
}

.alca-post__maquinas h2,
.alca-post__relacionados h2 { font-size: clamp(1.35rem, 1.2rem + .6vw, 1.65rem); }

.alca-post__relacionados { margin-top: var(--wp--preset--spacing--60); }

/* ------------------------------------------------------------------ Ficha de fatos */

.alca-fatos { padding-left: 1.2rem; line-height: 1.7; }