body {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.containerBody{
    line-height: 1.6;
    padding: 20px;
    padding-top: 60px; /* Evita que o conteúdo fique atrás do menu fixo */
}
.conteudo {
  display: none;
}
.ativo {
  display: block;
}
a {
  text-decoration: none;
  color: blue;
}
a:hover {
  text-decoration: underline;
}

.highlight {
  background-color: yellow;
  font-weight: bold;
}
.artigoTitle{

  font-weight: bold;
  font-size: large;
}

.conteudo { margin-bottom: 20px; }
    .artigo { margin: 10px 0; }
    .favorite-btn { background-color: #4CAF50; color: white; border: none; padding: 5px 10px; cursor: pointer; }
    .favorite-btn:hover { background-color: #45a049; }
    #file-upload { margin: 20px 0; }

  /* Imagem normal */
  .zoomable {
        width: 200px;
        cursor: pointer;
        transition: transform 0.3s ease;
    }

    /* Modal de fundo */
    .modal {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        overflow: auto; /* Permite scroll */
    }

    /* Container da imagem */
    .modal-content {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 100vh; /* Garante que a imagem possa rolar */
    }

    /* Imagem dentro do modal */
    .modal img {
        max-width: 100%;
        max-height: 100%; /* Permite que a imagem ultrapasse a tela */
    }
    
    /* #nav {
      position: fixed;
    } */

     input{
        padding: 8px;
        font-size: 16px;
   
      }