/* Single */

/* Espaçamento superior da primeira seção (acima do título da página) */
.single-blog > section:first-of-type {
  padding-top: 16px;
}

/* H2 como título da página (ex.: NOTÍCIA, Releases, Clipping) – centralizado */
.single-blog > section:first-of-type h2,
.single-release > section:first-of-type h2,
.single-clipping > section:first-of-type h2 {
  margin-top: 0;
  margin-bottom: 16px;
  text-align: center;
}

/* Release: menos espaço entre o título "Nota" e a imagem abaixo */
.single-release main > section:first-of-type h2 {
  margin-bottom: 8px;
}
.single-release main > section:first-of-type .row {
  margin-bottom: 0.5rem !important;
}
.single-release .s-conteudo {
  padding-top: 0;
}

/* Tags de Assunto: uma única linha, vírgula + espaço entre várias tags */
.tags-assunto {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0;
}

.tags-assunto .tag-item {
  white-space: nowrap;
}

.tags-assunto .tag-sep {
  white-space: pre;
}

/* Single: Header */
.s-conteudo header {
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.s-conteudo header .single-meta {
  margin-bottom: 0;
  margin-top: 0.75rem;
}

/* Release: data e tags sobre a imagem (overlay) */
.single-release .s-conteudo header .single-meta {
  margin-top: 5px;
}

/* Release no mobile: título e tags mais para baixo (não grudados no topo) */
@media (max-width: 767px) {
  .single-release .s-conteudo header {
    padding-top: 1.25rem;
  }
  .single-release .s-conteudo header .single-meta {
    margin-top: 0.75rem;
  }
  .single-release .s-conteudo header h1 {
    margin-top: 0.5rem;
  }
}

.s-conteudo header h1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.s-conteudo header .d-flex.social {
  margin-top: 0.25rem;
  margin-bottom: 0;
}

/* Espaçamento entre ícones de redes sociais e início do texto */
.s-conteudo article {
  margin-top: 1.25rem;
}

/* Ícone X (Twitter) branco nos botões sociais */
.single .social .icon-x,
.single .social .icon-x i,
.social .icon-x,
.social .icon-x i {
  color: var(--white) !important;
}

.s-conteudo header ul {
  padding-left: 0;
}

.s-conteudo header img {
  display: block;
  width: 100%;
  max-width: 100%;
  max-height: 1000px;
  height: auto;
  object-fit: cover;
}

.s-conteudo header small {
  color: var(--primary);
}

/* Single: Conteúdo */
.s-conteudo a {
  color: var(--primary);
  font-weight: bold;
}

/* Listas ordenadas (OL) - com números */
.s-conteudo ol {
  list-style-type: decimal;
  padding-left: 40px;
  margin-bottom: 36px;
}

.s-conteudo ol li {
  font-size: 20px;
  line-height: 180%;
  margin-bottom: 12px;
}

.s-conteudo ol li::marker {
  font-weight: bold;
}

/* Listas não ordenadas (UL) - com marcadores */
.s-conteudo ul {
  list-style-type: disc;
  padding-left: 40px;
  margin-bottom: 36px;
}

.s-conteudo ul li {
  font-size: 20px;
  line-height: 180%;
  margin-bottom: 12px;
}

.s-conteudo ul li::marker {
  font-weight: bold;
}

.s-conteudo p {
  font-size: 20px;
  line-height: 180%;
  margin-bottom: 36px;
  display: block;
  /* clear: left permite que o texto flua à esquerda da imagem alinhada à direita */
  clear: left;
}

/* Imagens alinhadas à esquerda e à direita: largura 500px, altura 300px (espelhado) */
.s-conteudo .alignleft,
.s-conteudo figure.alignleft,
.s-conteudo .wp-block-image.alignleft {
  float: left;
  width: 500px;
  margin: 5px 20px 20px 0 !important;
}
.s-conteudo .alignright,
.s-conteudo figure.alignright,
.s-conteudo .wp-block-image.alignright {
  float: right;
  width: 500px;
  margin: 5px 0 20px 20px !important;
  /* Igual ao alignleft: sem borda/padding extra (evita destoar do layout) */
  padding: 0;
  border: none;
  background: none;
}
.s-conteudo .alignleft img,
.s-conteudo .alignright img,
.s-conteudo figure.alignleft img,
.s-conteudo figure.alignright img,
.s-conteudo .wp-block-image.alignleft img,
.s-conteudo .wp-block-image.alignright img {
  display: block;
  width: 500px;
  height: 300px;
  object-fit: cover;
  object-position: center;
  vertical-align: middle;
}
/* Figcaption (legenda) com mesmo estilo à esquerda e à direita */
.s-conteudo figure.alignleft figcaption,
.s-conteudo figure.alignright figcaption,
.s-conteudo .wp-block-image.alignleft figcaption,
.s-conteudo .wp-block-image.alignright figcaption {
  margin-top: 8px;
  font-size: 0.9em;
  color: #666;
}
@media (max-width: 767px) {
  .s-conteudo .alignleft,
  .s-conteudo figure.alignleft,
  .s-conteudo .wp-block-image.alignleft,
  .s-conteudo .alignright,
  .s-conteudo figure.alignright,
  .s-conteudo .wp-block-image.alignright {
    float: none !important;
    clear: both;
    display: block;
    width: 100%;
    max-width: 100%;
    margin-top: 1rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 20px !important;
  }
  .s-conteudo .alignleft img,
  .s-conteudo .alignright img,
  .s-conteudo figure.alignleft img,
  .s-conteudo figure.alignright img,
  .s-conteudo .wp-block-image.alignleft img,
  .s-conteudo .wp-block-image.alignright img {
    width: 100%;
    height: auto;
    max-width: 100%;
  }
  /* Evita palavra quebrada entre parágrafo e imagem: parágrafo não termina com fragmento mínimo */
  .s-conteudo article p {
    overflow-wrap: break-word;
    word-wrap: break-word;
  }
  /* Imagens centradas ou sem alinhamento: bloco completo para não cortar palavras ao lado */
  .s-conteudo article figure:not(.alignleft):not(.alignright),
  .s-conteudo article .wp-block-image:not(.alignleft):not(.alignright) {
    display: block;
    clear: both;
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
  }
}

.s-conteudo :where(h1, h2, h3, h4, h5) {
  margin-bottom: 18px;
  clear: both; /* nova linha começa abaixo das imagens flutuantes */

  font-family: var(--font-primary);
  font-weight: bold;
  text-align: left;
}

.s-conteudo :where(h1, h2, h3, h4, h5)::after {
  content: none;
}

.s-conteudo h5 {
  font-size: 24px;
  font-weight: bold;

  color: var(--primary);
}

.s-conteudo blockquote {
  padding: 36px;
  clear: both; /* citação sempre abaixo de imagens flutuantes */

  display: flex;
  flex-direction: column;
  gap: 12px;

  position: relative;

  text-align: left;
  font-family: var(--font-secundary);
  font-size: clamp(40px, 4vw, 50px);
  line-height: 120%;
}

.s-conteudo blockquote cite {
  align-self: flex-end;

  font-style: normal;
  font-family: var(--font-secundary);
  font-size: 20px;
  color: var(--primary);
}

.s-conteudo blockquote::before {
  content: url('https://dev-acao-site.s3.amazonaws.com/wp-content/uploads/2026/02/13094813/unnamed-file.png');

  position: absolute;
  top: -50px;
  left: -40px;

  opacity: 1;
  z-index: -1;
}

/* Mobile: Reduzir tamanho das aspas */
@media (max-width: 767px) {
  .s-conteudo blockquote::before {
    transform: scale(0.5);
    transform-origin: left top;
    top: 0px;
    left: 0px;
  }
}

/*
| Formulários dentro do conteúdo (post/notícia)
| O usuário só insere <form> e campos; o layout vem automaticamente.
| Seletores .s-conteudo form e .s-conteudo article form para cobrir blocos do editor.
*/
.s-conteudo form,
.s-conteudo article form {
  max-width: 100%;
  margin: 2rem auto;
  padding: 0;
  text-align: center;
}
.s-conteudo form p,
.s-conteudo article form p {
  clear: none;
  margin-bottom: 1rem;
  text-align: center;
}
.s-conteudo form label,
.s-conteudo article form label {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  color: var(--black, #000);
}
.s-conteudo article form input:not([type="submit"]):not([type="button"]):not([type="hidden"]),
.s-conteudo article form textarea {
  width: 100%;
  max-width: 400px;
  margin: 0 auto 1rem;
  padding: 14px 16px;
  display: block;
  font-size: 16px;
  font-family: inherit;
  color: var(--black, #000);
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  box-sizing: border-box;
}
.s-conteudo article form select {
  width: 100%;
  max-width: 400px;
  margin: 0 auto 1rem;
  display: block;
  font-size: 16px;
  font-family: inherit;
  color: var(--black, #000);
  border: 1px solid #ddd;
  border-radius: 6px;
  box-sizing: border-box;
  /* background só no bloco abaixo para não apagar a seta */
}
.s-conteudo article form input:not([type="submit"]):not([type="button"]):not([type="hidden"]),
.s-conteudo article form select {
  height: 50px;
}
.s-conteudo article form textarea {
  min-height: 120px;
  resize: vertical;
}
.s-conteudo article form input::placeholder,
.s-conteudo article form textarea::placeholder {
  color: #aaa;
  text-align: center;
}
/* Select "Assunto": mesmo visual dos inputs + seta */
.s-conteudo form select,
.s-conteudo article form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 16px !important;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px 12px;
  cursor: pointer;
  text-align: center;
  text-align-last: center;
}
.s-conteudo form select option,
.s-conteudo article form select option {
  text-align: left;
}
.s-conteudo form input[type="submit"],
.s-conteudo form button[type="submit"],
.s-conteudo article form input[type="submit"],
.s-conteudo article form button[type="submit"] {
  margin-top: 0.5rem;
  padding: 14px 32px;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  background: #AFDADA;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}
.s-conteudo form input[type="submit"]:hover,
.s-conteudo form button[type="submit"]:hover,
.s-conteudo article form input[type="submit"]:hover,
.s-conteudo article form button[type="submit"]:hover {
  background: #9bcaca;
}
.s-conteudo form input[type="submit"]:disabled,
.s-conteudo form button[type="submit"]:disabled,
.s-conteudo article form input[type="submit"]:disabled,
.s-conteudo article form button[type="submit"]:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

/* Mensagem de sucesso/erro do formulário no conteúdo */
.form-feedback {
  font-size: 1rem;
  padding: 12px 16px;
  border-radius: 6px;
  text-align: center;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.form-feedback--success {
  background: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}
.form-feedback--error {
  background: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}

/* Single: Leia Também */
.single .s-leia-tambem {
  padding-top: 169px;
  padding-bottom: 172px;
}

.single .s-leia-tambem a {
  text-decoration: none;
}

/* Filter */

.filter-clean {
  width: 70px !important;
}