.labpub-leia-tambem {
    margin-top: 3em;
    padding-top: 1em;
    border-top: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
    padding-bottom: 1em;
    min-height: 200px; /* Ajuste conforme o layout */
}

.leia-title {
    font-size: 1.2rem;
    margin-bottom: 1em;
    color: #1e1e1e;
    font-weight: 600; 
    text-decoration: none; /* Remove sublinhado */
}

.leia-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.leia-item {
    display: flex;
    flex-direction: column;
}

.leia-thumb img {
    width: 100%;
    height: auto;
    border-radius: 5px;
    border: 1px solid #eee;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.leia-item .leia-title {
    font-size: 1rem;
    margin-top: 0.5em;
    color: #333;
    font-weight: 600;
    text-decoration: none;
}

@media (max-width: 767px) {
    .labpub-leia-tambem {
      padding: 1.5em 0;
      border-top: 1px solid #c7c7c7;
      border-bottom: 1px solid #c7c7c7;
      margin: 2em 0;
      
    }
  
    .leia-title {
      font-size: 1.2rem;
      font-weight: 700;
      color: #1f1f1f;
      margin-bottom: 1em;
    }
  
    .leia-list {
      display: flex;
      flex-direction: column;
      gap: 1.2em;
    }
  
    .leia-item {
      display: flex;
      align-items: flex-start;
      gap: 1em;
      border: none;
      background: none;
      padding: 0;
      box-shadow: none;
    }
  
    .leia-thumb {
      flex: 0 0 110px;
    }
  
    .leia-thumb img {
        width: 110px;
        height: 85px;
        object-fit: cover; /* Faz o corte suave e deixa a imagem cheia */
        border-radius: 5px;
        border: 1px solid #eee;
        display: block;
    }
    
  
    .leia-item .leia-title {
      font-size: 1rem;
      font-weight: 600;
      color: #1e1e1e;
      margin: 0;
      line-height: 1.4;
      text-decoration: none;
    }
  
    .leia-item a {
      text-decoration: none;
      display: flex;
      gap: 1em;
      align-items: flex-start;
    }
  
    .leia-item .leia-title a {
      color: inherit;
      text-decoration: none;
    }
  
    .leia-item .leia-title a:hover {
      text-decoration: underline;
    }
  }