.single section.post-header {
    background-color: var(--color-dark-gray);
    padding-bottom: 0;
    margin-bottom: -400px;

    .post-category {
        color: var(--color-light-blue);
        text-align: center;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 2.04px;
        text-transform: uppercase;
        max-width: 850px;
        margin: 0 auto;        
    }

    h1.post-title {
        color: var(--color-white, #FFF);
        text-align: center;
        font-size: 40px;
        font-weight: 700;
        line-height: normal;
        max-width: 850px;
    }

    .post-meta {
        color: var(--branco, #FFF);
        text-align: center;
        font-family: "Open Sans";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 146.879%; /* 22.032px */
        padding-bottom: 20px;
        max-width: 850px;
        margin: 0 auto;
    }

    figure.post-featured-image {
        max-height: 530px;
        overflow: hidden;
        width: 100%;
    }

    .wrapper {
        max-width: 955px !important;
        padding: 0;
    }
}

.single section.section.post-content {
    background: #fff;
    padding-top: 440px;
    margin-top: 0;

    .wrapper {
        max-width: 955px !important;
        padding: 0;
    }

    article.content {
        max-width: 850px;
        margin: 0 auto;
        color: var(--color-dark-gray);

        p {
            color: var(--color-dark-gray);
            font-size: 17px;
            font-style: normal;
            font-weight: 400;
            line-height: 31px;
        }

        strong,
        b {
            font-weight: 800;
        }

        a {
          color: var(--color-light-blue);
        }

        ol,
        ul {
            list-style: disc;
            list-style-position: outside;
            padding-left: 21px;
            margin-bottom: min(0.9375rem + 0.3125 * ((100vw - 20rem) / 70), 1.25rem);
        }

        ul li {
            padding-bottom: 10px;
        }

        h2,
        h3,
        h4,
        h5,
        h6 {
            font-weight: 800;
            margin: 1em 0;
        }
    }

    .resumo {
        padding: 30px;
        border: 1px solid #ccc;

        p {
            margin-bottom: 4px;
        }
    }

    .wp-block-group.box {
    border: 1px solid #cccccc;
    padding: 10px 10px 0;
    margin-bottom: 20px;
    
      ul li {
        font-size: 16px;
      } 
    }
}

section.post-author-box {

  .author-box {
      max-width: 700px;
      margin: 0 auto;
      background-color: var(--color-dark-gray);
      color: #fff;
      display: flex;
      justify-content: flex-start;
      flex-direction: row;
      align-items: center;
      padding: 10px 0;
      gap: 20px;
  }

  .author-label {
      font-size: 25px;
      font-weight: 800;
      color: var(--color-bright-blue);
      padding-bottom: 10px;
  }

  p.author-bio {
      font-size: 15px;
  }

}



/* Suaviza o scroll nativo */
html {
  scroll-behavior: smooth;
}

/* Compensa o header fixo em qualquer alvo com id (h1–h6, sections, etc.) */
:where(h1,h2,h3,h4,h5,h6,section,div,article)[id] {
  scroll-margin-top: calc(var(--header-height, 80px) + var(--adminbar, 0px));
}

/* Se tiver barra do WP admin */
body.admin-bar {
  --adminbar: 32px;   /* 32px desktop, 46px em mobile pequeno; ajuste se precisar */
}

/* Defina a altura real do seu header fixo */
:root {
  --header-height: 80px; /* ajuste à sua realidade */
}


/* RESPONSIVO — SINGLE */
@media (max-width: 1024px) {
  .single section.post-header {
    margin-bottom: -280px;
  }

  .single section.post-header h1.post-title {
    font-size: 34px;
  }

  .single section.post-header .post-meta {
    font-size: 14px;
  }

  .single section.post-header figure.post-featured-image {
    max-height: 420px;
  }

  .single section.section.post-content {
    padding-top: 320px;
  }

  section.post-author-box .author-box {
    max-width: 855px;
    gap: 16px;
  }
}

@media (max-width: 560px) {
  .single section.post-header {
    margin-bottom: -180px;
  }

  .single section.post-header .post-category {
    font-size: 12px;
    letter-spacing: 1.4px;
  }

  .single section.post-header h1.post-title {
    font-size: 28px;
    line-height: 1.2;
  }

  .single section.post-header .post-meta {
    font-size: 13px;
    padding-bottom: 16px;
  }

  .single section.post-header figure.post-featured-image {
    max-height: 260px;
  }

  .single section.section.post-content {
    padding-top: 220px;
  }

  /* Autor empilhado */
  section.post-author-box .author-box {
    max-width: 100%;
    flex-direction: column;
    align-items: flex-start;
    padding: 12px;
    gap: 12px;
  }

  section.post-author-box .author-label {
    font-size: 20px;
  }

  section.post-author-box p.author-bio {
    font-size: 14px;
  }

  article.content {
    padding: 0 20px;  
  }
}

/* (Opcional, mas ajuda o corte da imagem de destaque) */
.single section.post-header figure.post-featured-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}