.team-main-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin: 20px auto;
}

.team-container {
    display: flex;
    justify-content: flex-start;
    max-width: 700px;
    margin: 0 auto;
    gap: 5px;
    width: 100%;
    flex-wrap: nowrap;
    font-size: 16px;
}

.team-left {
    padding: 8px;
    border-radius: 6px;
    white-space: nowrap;
    text-align: right; /* Alinha o texto à direita */
    width: max-content; /* Ajusta a largura do texto para o conteúdo */
    min-width: 150px; /* Largura mínima para garantir alinhamento */
}

.team-right {
    background-color: var(--color06);
    padding: 8px;
    border-radius: 6px;
    flex-grow: 1;
    word-wrap: break-word;
    min-width: 0;
    text-align: left; /* Alinha o texto à esquerda */
    font-family: monospace; /* Para dar o estilo de código/comando */
    display: inline-block;
    width: 100%;
    word-break: break-word; /* Garante que o texto quebre para a próxima linha se necessário */
}

.team-right:hover {
    color: var(--color03);
    cursor: pointer;
}

.team-container .team-left, .team-container .team-right {
    display: inline-block;
    vertical-align: top; /* Alinha verticalmente os itens para ficarem nivelados */
}