/* S3R - Modelo de postagem (página do post). Criado em 07/11/2026. */
@font-face { font-family: "S3R Space Grotesk"; src: url("space-grotesk.woff2") format("woff2"); font-weight: 300 700; font-display: swap; }
@font-face { font-family: "S3R Work Sans"; src: url("work-sans.woff2") format("woff2"); font-weight: 300 700; font-display: swap; }

.single-post {
  --s3r-preto: #0d0202;
  --s3r-texto: #33302a;
  --s3r-cinza: #6b675e;
  --s3r-amarelo: #d5c200;
  --s3r-amarelo-claro: #fbf6d0;
  --s3r-borda: #ebe7d6;
}
.single-post #content.site-main { max-width: 100%; padding: 0 20px; }
.single-post .page-content { max-width: 760px; margin: 0 auto; padding: 0 0 72px; }

/* Cabeçalho */
.s3r-post-topo { padding: 56px 0 28px; margin-bottom: 36px; border-bottom: 1px solid var(--s3r-borda); }
.s3r-post-cat {
  display: inline-block; margin-bottom: 18px; padding: 6px 14px; border-radius: 999px;
  background: var(--s3r-amarelo-claro); color: var(--s3r-preto) !important; text-decoration: none !important;
  font: 600 13px/1 "S3R Space Grotesk", sans-serif; letter-spacing: .08em; text-transform: uppercase;
}
.s3r-post-cat:hover { background: var(--s3r-amarelo); }
.s3r-post-titulo {
  margin: 0 0 18px; color: var(--s3r-preto);
  font: 700 clamp(30px, 4.4vw, 46px)/1.12 "S3R Space Grotesk", sans-serif; letter-spacing: -.02em;
  overflow-wrap: anywhere;
}
.s3r-post-corpo { overflow-wrap: break-word; }
.s3r-post-meta { display: flex; flex-wrap: wrap; gap: 8px; color: var(--s3r-cinza); font: 400 15px/1.4 "S3R Work Sans", sans-serif; }
.s3r-post-capa { margin: 0 0 40px; }
.s3r-post-capa img { width: 100%; height: auto; border-radius: 16px; display: block; }

/* Corpo do texto */
.s3r-post-corpo { color: var(--s3r-texto); font: 400 18px/1.75 "S3R Work Sans", sans-serif; }
.s3r-post-corpo p { margin: 0 0 1.25em; }
.s3r-post-corpo strong { color: var(--s3r-preto); font-weight: 600; }
.s3r-post-corpo a { color: var(--s3r-preto); text-decoration: underline; text-decoration-color: var(--s3r-amarelo); text-decoration-thickness: 2px; text-underline-offset: 3px; word-break: break-word; }
.s3r-post-corpo a:hover { background: var(--s3r-amarelo-claro); }
.s3r-post-corpo h2,
.s3r-post-corpo h3,
.s3r-post-corpo .s3r-subtitulo { color: var(--s3r-preto); font-family: "S3R Space Grotesk", sans-serif; letter-spacing: -.01em; }
.s3r-post-corpo h2 { margin: 2em 0 .7em; padding-left: 16px; border-left: 4px solid var(--s3r-amarelo); font-size: 28px; font-weight: 700; line-height: 1.25; }
.s3r-post-corpo h3,
.s3r-post-corpo .s3r-subtitulo { margin: 1.8em 0 .6em; font-size: 22px; font-weight: 700; line-height: 1.3; }
.s3r-post-corpo .s3r-subtitulo { display: block; }
.s3r-post-corpo p > .s3r-subtitulo:first-child { margin-top: 1.6em; }
.s3r-post-corpo ul, .s3r-post-corpo ol { margin: 0 0 1.4em; padding-left: 1.4em; }
.s3r-post-corpo li { margin: 0 0 .55em; padding-left: .2em; }
.s3r-post-corpo ul li::marker { color: var(--s3r-amarelo); font-size: 1.2em; }
.s3r-post-corpo ol li::marker { color: var(--s3r-preto); font-weight: 700; }
.s3r-post-corpo img { max-width: 100%; height: auto; border-radius: 12px; }
.s3r-post-corpo figure { margin: 2em 0; }
.s3r-post-corpo figure.aligncenter, .s3r-post-corpo .aligncenter { margin-left: auto; margin-right: auto; text-align: center; }
.s3r-post-corpo figcaption { color: var(--s3r-cinza); font-size: 14px; text-align: center; margin-top: 8px; }
.s3r-post-corpo blockquote { margin: 2em 0; padding: 18px 24px; border-left: 4px solid var(--s3r-amarelo); background: #faf9f4; border-radius: 0 12px 12px 0; font-style: normal; }
.s3r-post-corpo table { width: 100%; border-collapse: collapse; margin: 0 0 1.6em; font-size: 16px; }
.s3r-post-corpo th, .s3r-post-corpo td { padding: 10px 12px; border-bottom: 1px solid var(--s3r-borda); text-align: left; }
.s3r-post-corpo th { background: var(--s3r-amarelo-claro); color: var(--s3r-preto); }
.s3r-post-corpo hr { border: 0; border-top: 1px solid var(--s3r-borda); margin: 2.4em 0; }

/* Estilos do editor */
.s3r-post-corpo .is-style-s3r-resumo { font-size: 21px; line-height: 1.6; color: var(--s3r-preto); }
.s3r-post-corpo .is-style-s3r-aviso {
  margin: 1.8em 0; padding: 18px 22px 18px 22px; border-radius: 12px;
  background: var(--s3r-amarelo-claro); border: 1px solid #efe39a; border-left: 5px solid var(--s3r-amarelo); color: var(--s3r-preto);
}

/* Quadro de contato no fim */
.s3r-post-cta {
  display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 56px;
  padding: 28px 32px; border-radius: 18px; background: var(--s3r-preto); color: #fff;
}
.s3r-post-cta p { margin: 0; }
.s3r-post-cta-titulo { font: 700 22px/1.3 "S3R Space Grotesk", sans-serif; color: #fff; }
.s3r-post-cta-texto { margin-top: 6px !important; font: 400 16px/1.5 "S3R Work Sans", sans-serif; color: #d9d6cc; }
.s3r-post-cta-botao {
  flex-shrink: 0; padding: 14px 22px; border-radius: 999px; background: var(--s3r-amarelo); color: var(--s3r-preto) !important;
  text-decoration: none !important; font: 700 15px/1 "S3R Space Grotesk", sans-serif; letter-spacing: .03em; text-transform: uppercase;
}
.s3r-post-cta-botao:hover { background: #fff; }

@media (max-width: 640px) {
  .s3r-post-topo { padding-top: 32px; margin-bottom: 28px; }
  .s3r-post-corpo { font-size: 17px; }
  .s3r-post-corpo h2 { font-size: 24px; }
  .s3r-post-corpo h3, .s3r-post-corpo .s3r-subtitulo { font-size: 20px; }
  .s3r-post-cta { flex-direction: column; align-items: flex-start; padding: 24px; }
}