.post h1,h2,h3 {
    font-size: 30px;
    line-height: 1.5;
    font-family: "Work Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    color: #000;
}
.post img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin: 20px 0;
    display: block;
}
.post p {
    font-size: 22px;
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 1.5;
    font-family: "PT Serif", serif;
    font-weight: 400;
    font-style: normal;
    color: #000;
}
.title-post {
    font-family: "Work Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 42px;
    color: #000;
    line-height: 1.2;
}
.description-post {
    font-family: "PT Serif", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 10px;
    color: #555;
}
.data-post {
    font-family: "PT Serif", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    color: #555;
}
.post .highlight {
    background: #f6f8fa; /*#f6f8fa*/
    border: 1px solid #d0d7de;
    border-radius: 6px;
    padding: 16px;
    margin: 20px 0;
    overflow-x: auto;
}
.post .highlight code {
    font-family: "JetBrains Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    color: #24292f;  /*#24292f*/            
    background: none;            
    line-height: 1.7;
    white-space: pre;
    display: block;
}  
.post p code {
    background-color: rgba(175, 184, 193, 0.2);
    padding: 0.2em 0.4em;
    border-radius: 6px;
    font-size: 85%;
}

.post a {
  color: #0366d6;
  text-decoration: underline;
}
.image-post {
    width: 100%;
    height: 300px;
    object-fit: cover;
    display: block;
    border-radius: 10px;
    margin-bottom: 40px;
}
/* Palavras-chave */
.post .highlight .k { color: #d73a49; font-weight: bold; }
/* Nomes de funções */
.post .highlight .nf { color: #6f42c1; }
/* Strings */
.post .highlight .s { color: #032f62; }
/* Números */
.post .highlight .mi { color: #005cc5; }
/* Comentários */
.post .highlight .c,
.post .highlight .c1 { color: #6a737d; font-style: italic; }
/* Operadores e símbolos */
.post .highlight .o { color: #d73a49; }
/* Constantes */
.post .highlight .no { color: #005cc5; }

/*responsividade*/
/* ===== Base Tipografia ===== */
.title-post {
    font-family: "Work Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
  }
  
  .description-post,
  .data-post {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }

.post p {
    font-family: "PT Serif", serif;
    font-weight: 400;
    font-style: normal;
}
  
  .image-post {
    width: 100%;
    object-fit: cover;
    display: block;
    border-radius: 10px;
  }
.header-post {
    width: 100%;
    height: auto;
    margin: 15px 0 15px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
  
  /* ===== Media Queries Responsivas ===== */
  
  /* Até 998px */
  @media (max-width: 998px) {
    .container2 { max-width: 700px; margin: 20px auto; }
  }
  @media (max-width: 734px) {
    .container2 { max-width: 650px; margin: 20px auto; }
  }  
  /* Até 662px */
  @media (max-width: 662px) {
    .container2 { max-width: 600px; margin: 20px auto; }
  }
  
  /* Até 637px */
  @media (max-width: 637px) {
    .container2 { max-width: 500px; margin: 20px auto; }
  }
  
  /* Até 539px */
  @media (max-width: 539px) {
    .container2 { max-width: 450px; margin: 20px auto; }
  }
  
  /* Até 493px */
  @media (max-width: 493px) {
    .title-post {
      font-size: 35px;
    }
    .description-post {
      font-size: 18px;
      margin-top: 15px 0 15px 0;
      margin-bottom: 15px;
    }
    .data-post { font-size: 15px; }
    .post p { font-size: 18px; line-height: 1.5; margin: 15px 0; }
    .post h1,h2,h3 { font-size: 25px; line-height: 1.5; }
    .image-post { height: 250px; }
  }
  
  /* Até 436px */
  @media (max-width: 436px) {
    .container2 { max-width: 380px; margin: 20px auto; }
  }
  
  /* Até 393px */
  @media (max-width: 393px) {
    .container2 { max-width: 360px; margin: 20px auto; }
    .image-post { height: 230px; }
  }
  
  /* Até 371px */
  @media (max-width: 371px) {
    .container2 { max-width: 310px; margin: 20px auto; }
    .post p { font-size: 17px; line-height: 1.7; }
  }