/* Blog Yahava. Tokens, base, cabeçalho, rodapé, botões, texto corrido (.texto), migalhas, sumário "Nesta página",
   perguntas frequentes e o fechamento "Agende sua avaliação" vêm de site/site.css (gerado do site).
   Aqui fica só o que é do blog, com os mesmos tokens. Sem ícones, sem sombra, cantos retos (raio 0; botões 2 px).
   Romã (--cor-acento) só como estado ativo. */

/* Barra do WordPress (aparece só para quem está logado): o cabeçalho fixo desce junto */
.admin-bar .cabecalho { top: 32px; }
@media (max-width: 782px) { .admin-bar .cabecalho { top: 46px; } }

/* ---------- Início do blog e páginas de assunto ---------- */
.blog-cabeca { padding-block: var(--esp-5) var(--esp-8); }
.blog-cabeca h1 { margin-top: var(--esp-7); max-width: 14em; }
.blog-cabeca__intro { margin-top: var(--esp-6); }
.blog-cabeca__intro p + p { margin-top: 1em; }

/* Assuntos: links em palavras; o atual ganha o sublinhado Romã, como o item ativo do menu do site */
.assuntos { margin-top: var(--esp-7); border-top: 1px solid var(--cor-linha); padding-top: var(--esp-3); }
.assuntos ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0 var(--esp-6); }
.assuntos a {
  display: inline-flex; align-items: center; min-height: var(--alvo-toque);
  color: var(--cor-texto); font-weight: 600; font-size: 1.0625rem;
  text-decoration: underline 1px transparent; text-underline-offset: 0.4em;
}
.assuntos a:hover { color: var(--cor-marca); text-decoration-color: currentColor; }
.assuntos a[aria-current='page'] { color: var(--cor-texto); text-decoration-color: var(--cor-acento); text-decoration-thickness: 2px; }

.blog-lista { padding-bottom: var(--respiro-secao); }

/* O texto mais novo, com a foto (um destaque; os outros vão na lista-índice) */
.destaque { align-items: center; row-gap: var(--esp-6); padding-top: var(--esp-6); }
.destaque__foto { grid-column: 1 / span 5; display: block; aspect-ratio: 4 / 5; overflow: hidden; }
.destaque__texto { grid-column: 7 / span 6; display: grid; gap: var(--esp-4); justify-items: start; }
.destaque__dados, .indice-blog__dados, .post__dados {
  display: flex; flex-wrap: wrap; align-items: center; gap: 0 var(--esp-3);
  font-size: 1rem; line-height: 1.5; color: var(--cor-texto-suave);
}
.destaque__dados a, .indice-blog__dados a, .post__dados a {
  display: inline-flex; align-items: center; min-height: var(--alvo-toque);
  color: var(--cor-texto-suave); font-weight: 600; text-decoration-color: transparent;
}
.destaque__dados a:hover, .indice-blog__dados a:hover, .post__dados a:hover { color: var(--cor-marca); text-decoration-color: currentColor; }
.destaque__dados time, .indice-blog__dados time, .post__dados time,
.destaque__dados span, .indice-blog__dados span, .post__dados span { display: inline-flex; align-items: center; }
/* No celular, o assunto fica numa linha e a data na outra, sem "·" sobrando no fim da linha */
@media (max-width: 640px) {
  .post__dados > a, .destaque__dados > a { flex-basis: 100%; }
  .post__dados > a + span[aria-hidden], .destaque__dados > a + span[aria-hidden] { display: none; }
}
.destaque__titulo { font-size: var(--texto-h2); max-width: 18em; }
.destaque__titulo a, .indice-blog__titulo a { color: inherit; text-decoration: none; transition: color 0.3s; }
.destaque__titulo a:hover, .indice-blog__titulo a:hover { color: var(--cor-marca); text-decoration: underline 1px; }
.destaque__resumo { max-width: 46ch; }
@media (max-width: 900px) {
  .destaque__foto, .destaque__texto { grid-column: 1 / -1; }
  .destaque__foto { aspect-ratio: 4 / 3; margin-inline: calc(var(--margem) * -1); }
}

/* Lista-índice: data e assunto à esquerda, título e resumo à direita */
.indice-blog { list-style: none; margin: var(--esp-8) 0 0; padding: 0; border-top: 1px solid var(--cor-linha); }
.indice-blog__item {
  display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--calha); row-gap: var(--esp-1);
  padding-block: var(--esp-5) var(--esp-6); border-bottom: 1px solid var(--cor-linha);
}
.indice-blog__dados { grid-column: 1 / span 3; align-content: flex-start; }
.indice-blog__texto { grid-column: 4 / span 8; display: grid; gap: var(--esp-2); padding-top: var(--esp-2); }
.indice-blog__titulo { font-size: var(--texto-h3); font-weight: 400; line-height: 1.25; max-width: 30em; }
.indice-blog__resumo { color: var(--cor-texto-suave); max-width: 60ch; }
@media (min-width: 901px) {
  /* coluna estreita: assunto em cima, data embaixo */
  .indice-blog__item:not(.indice-blog__item--curto) .indice-blog__dados { flex-direction: column; align-items: flex-start; }
  .indice-blog__item:not(.indice-blog__item--curto) .indice-blog__dados > span[aria-hidden] { display: none; }
}
@media (max-width: 900px) {
  .indice-blog__dados, .indice-blog__texto { grid-column: 1 / -1; }
  .indice-blog__texto { padding-top: 0; }
}
/* Versão curta (Leia também, no fim do post) */
.indice-blog--curta { margin-top: var(--esp-5); }
.indice-blog__item--curto .indice-blog__dados { grid-column: 1 / -1; }
.indice-blog__item--curto .indice-blog__texto { grid-column: 1 / -1; padding-top: 0; }

/* Paginação em palavras; a página atual com o sublinhado Romã */
.paginas ul { list-style: none; margin: var(--esp-7) 0 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 0 var(--esp-5); }
.paginas a, .paginas span {
  display: inline-flex; align-items: center; justify-content: center; min-width: var(--alvo-toque); min-height: var(--alvo-toque);
  color: var(--cor-texto); font-weight: 600; text-underline-offset: 0.4em;
}
.paginas a { text-decoration: underline 1px transparent; }
.paginas a:hover { color: var(--cor-marca); text-decoration-color: currentColor; }
.paginas .current { text-decoration: underline 2px var(--cor-acento); }
.paginas .dots { color: var(--cor-texto-suave); }

/* Lista vazia */
.vazio { margin-top: var(--esp-7); padding: var(--esp-7); background: var(--travertino); display: grid; gap: var(--esp-4); justify-items: start; }
.vazio h2 { font-size: var(--texto-h3); }
.vazio p { max-width: 46ch; }

/* ---------- Post ---------- */
.post__cabeca { padding-block: var(--esp-5) var(--esp-9); }
.post__cabeca-grade { align-items: start; row-gap: var(--esp-7); }
.post__titulo { grid-column: 1 / span 7; }
.post__cabeca:not(.post__cabeca--com-foto) .post__titulo { grid-column: 1 / span 9; }
.post__titulo h1 { margin-top: var(--esp-7); max-width: 16em; }
/* Migalhas do post: o título longo fica numa linha só, com reticências (o H1 logo abaixo mostra o título inteiro;
   o leitor de tela lê o texto completo) */
.post__titulo .migalhas li:last-child { display: flex; align-items: baseline; flex: 1 1 0; min-width: 0; }
.post__titulo .migalhas li:last-child::before { flex: none; }
.post__titulo .migalhas li:last-child > span[aria-current] { display: block; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.post__dados { margin-top: var(--esp-4); }

/* Resposta rápida: responde a pergunta do título logo no começo */
.rapida { margin-top: var(--esp-6); padding: var(--esp-6); background: var(--travertino); max-width: 40rem; }
.rapida .rotulo { margin-bottom: var(--esp-3); }
.rapida__texto { font-size: calc(var(--texto-corpo) * 1.12); line-height: 1.6; }

/* Foto real da casa à direita, encostada na borda da página (como nas páginas de serviço) */
.post__foto { grid-column: 9 / -1; margin: 0 calc(max(var(--margem), (100vw - var(--conteudo)) / 2) * -1) 0 0; }
.post__foto .foto { aspect-ratio: 3 / 4; overflow: hidden; }
.post__foto figcaption { padding-inline: 0 var(--margem); }

.post__corpo { padding-bottom: var(--respiro-secao); align-items: start; }
.post__lado { grid-column: 1 / span 3; align-self: stretch; }
.post__principal { grid-column: 4 / span 7; }
.post__texto > :first-child { margin-top: 0; }
.post__texto figure img { width: 100%; max-height: 640px; object-fit: cover; }
.post__texto a { overflow-wrap: anywhere; }
.post__texto h2[id], .post__texto h3[id] { scroll-margin-top: calc(var(--cabecalho) + var(--esp-5)); }

/* Tabela no texto: linhas finas, sem caixa */
.post__texto table { width: 100%; border-collapse: collapse; font-size: 1.0625rem; line-height: 1.5; }
.post__texto th, .post__texto td { text-align: left; vertical-align: top; padding: var(--esp-3) var(--esp-4) var(--esp-3) 0; border-bottom: 1px solid var(--cor-linha); }
.post__texto thead th { font-weight: 600; border-bottom-color: var(--cor-texto-suave); }
@media (max-width: 640px) { .post__texto table { display: block; overflow-x: auto; } }

.post__fim { display: grid; gap: var(--esp-9); margin-top: var(--esp-9); }

/* Autoria e fontes */
.autoria { display: grid; gap: var(--esp-4); padding-top: var(--esp-6); border-top: 1px solid var(--cor-linha); font-size: 1.0625rem; max-width: var(--medida); }
.fontes { margin: 0; padding-left: 1.4em; display: grid; gap: var(--esp-2); }
.fontes a { overflow-wrap: anywhere; }
.nota-legal { font-size: 1rem; color: var(--cor-texto-suave); }

.leia__titulo { font-size: var(--texto-h2); }

@media (max-width: 1080px) {
  .post__lado, .post__principal { grid-column: 1 / -1; }
  .post__lado { margin-bottom: var(--esp-6); }
}
@media (max-width: 900px) {
  .post__titulo, .post__cabeca:not(.post__cabeca--com-foto) .post__titulo { grid-column: 1 / -1; }
  .post__foto { grid-column: 1 / -1; margin: 0 calc(var(--margem) * -1); }
  .post__foto .foto { aspect-ratio: 4 / 3; }
  .post__foto figcaption { padding-inline: var(--margem); }
  .rapida { padding: var(--esp-5); }
}

/* O serviço da casa dentro do fechamento "Agende sua avaliação" (fundo Oliveira, texto Linho) */
.servico-post {
  display: grid; gap: var(--esp-1); padding-block: var(--esp-4) var(--esp-5);
  border-block: 1px solid color-mix(in srgb, currentColor 30%, transparent);
}
.servico-post .rotulo { color: var(--cor-texto-suave); }
.servico-post__link {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 var(--esp-3); min-height: var(--alvo-toque);
  color: inherit; text-decoration: none;
}
.servico-post__nome {
  font-family: var(--fonte-titulo); font-size: var(--texto-h3); line-height: 1.2;
  text-decoration: underline 1px; text-underline-offset: 0.22em;
}
.servico-post__link:hover .servico-post__nome { text-decoration-thickness: 2px; }
.servico-post__casa { font-family: var(--fonte-titulo); font-style: italic; font-size: 1.1875rem; color: var(--cor-texto-suave); }
.servico-post__resumo { font-size: 1.0625rem; color: var(--cor-texto-suave); }

/* 404 */
.nf { padding-bottom: var(--respiro-secao); }
.nf__acoes { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-4) var(--esp-6); margin-top: var(--esp-7); }

/* O que o WordPress coloca no conteúdo, no padrão do site */
.texto .wp-block-image img, .texto img { height: auto; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }